Développement d’un portail d’actualités WordPress avec e-magazine

Le développement du portail d’actualités WordPress de l’Union des ingénieurs civils de Lettonie (LBS) a réuni trois besoins sur un seul site : un flux régulier d’actualités du secteur, un espace pour les annonceurs et une publication payante en ligne. Notre travail consistait à développer le portail de l’Union, et CREATING.LV l’a livré en 2020.

La LBS est une organisation du secteur de la construction qui publie le magazine « Būvinženieris » (Ingénieur civil), paru six fois par an. L’Union avait besoin d’un portail pour publier ses propres actualités et celles de ses partenaires, placer des bannières publicitaires et proposer le magazine en lecture en ligne. L’e-magazine était destiné aux utilisateurs inscrits, après paiement.

CREATING.LV a développé le portail d’actualités de l’Union des ingénieurs civils de Lettonie sur WordPress. Le développement du portail comprenait :

• le design visuel du portail et le parcours utilisateur ;
• des blocs d’actualités en page d’accueil pour les actualités propres et celles des partenaires ;
• des emplacements de bannières publicitaires en page d’accueil et dans la barre latérale ;
• une section pour le magazine « Būvinženieris » et l’abonnement à l’e-magazine avec sa propre logique d’accès ;
• une version mobile adaptée pour une utilisation sur téléphone.

En plus des actualités et des bannières publicitaires, l’abonnement à l’e-magazine était la seule fonctionnalité distincte que nous avons développée. Le pied de page du portail portait la mention « Made by CREATING.LV ».

Le menu principal comportait les sections Accueil, Actualités, Certification, Magazine « Būvinženieris » et À propos, ainsi que la recherche, un panier et la connexion ou l’adhésion au portail. La section « Certification » était informative, et le panier servait à l’abonnement à l’e-magazine. En page d’accueil, les actualités sont réparties en blocs thématiques : « Top actualités » avec les publications mises en avant, « Actualités du secteur », « Actualités de la LBS » et « Produits. Technologies. Innovations ».

Dans chaque bloc, une actualité a une image, une catégorie et un titre, si bien que le lecteur voit immédiatement s’il s’agit d’une actualité de l’Union ou d’une nouvelle du secteur. Le bas de la page d’accueil comporte aussi un bloc photo et un bloc vidéo avec une liste de vidéos.

Les blocs thématiques permettent à chaque lecteur de commencer par ce qui l’intéresse : celui qui s’intéresse au travail de l’Union ouvre les Actualités de la LBS, celui qui s’intéresse aux produits et technologies ouvre le bloc correspondant. Les blocs photo et vidéo permettent de publier, à côté des articles, des photos et des vidéos, et pas seulement du texte. La recherche aide à retrouver aussi les publications plus anciennes qui ne sont plus visibles en page d’accueil.

Sur le portail, la LBS publie ses propres actualités et celles de ses partenaires. Une fois le portail créé et configuré, les collaborateurs de la LBS pouvaient publier eux-mêmes les actualités et les numéros de l’e-magazine. Le lecteur trouve ainsi au même endroit les nouvelles de l’Union et les informations d’autres acteurs du secteur, tandis que l’Union peut proposer son portail aux partenaires comme un lieu pour toucher l’audience du secteur.

Les bannières publicitaires sont placées à plusieurs endroits du portail : en haut de la page d’accueil, entre les blocs d’actualités et dans la barre latérale. Les emplacements libres affichaient l’invitation « Espace libre pour votre publicité », et une rangée distincte présentait les logos des partenaires et des événements du secteur avec des liens.

Des emplacements de bannières fixes permettent à l’Union de proposer aux annonceurs une position précise sur la page, et l’annonceur voit les emplacements libres directement sur le portail. Les positions en haut de la page d’accueil, entre les actualités et dans la barre latérale n’ont pas la même visibilité, l’annonceur a donc le choix.

Le magazine « Būvinženieris » dispose de sa propre section sur le portail avec le dernier numéro mis en avant, et la barre latérale contient des invitations à s’abonner au magazine et à le lire en ligne. Pour l’e-magazine, nous avons créé une logique d’accès spécifique : on peut feuilleter le magazine, mais pas zoomer sur les pages. Pour lire le magazine avec le zoom, il faut payer un abonnement séparément.

L’abonnement peut être choisi pour un mois, un trimestre ou un an, et une période plus longue bénéficie d’une remise.

Le feuilletage sans zoom fait office d’aperçu : le lecteur voit le volume du numéro, la mise en page des articles et les sujets, mais seul l’abonné peut lire le texte confortablement. Plusieurs durées d’abonnement permettent de choisir entre un court essai et un abonnement plus long avec remise.

Le parcours du lecteur jusqu’à l’e-magazine est le suivant :

• il ouvre la section du magazine ou l’invitation de la barre latérale « Abonnez-vous au magazine et lisez-le en ligne » ;
• il feuillette le magazine, sans pouvoir zoomer sur les pages ;
• il s’inscrit ou se connecte au portail et choisit un abonnement mensuel, trimestriel ou annuel ;
• il paie l’abonnement ;
• il lit l’e-magazine en ligne avec le zoom, sur le même portail.

Comme l’accès est lié au compte utilisateur, l’abonné peut, après s’être connecté au portail, revenir au magazine sans payer à chaque fois.

Si le développement d’un portail similaire inclut aussi une publication payante, il faut décider dès le départ quelle part du numéro montrer gratuitement, quelles seront les durées d’abonnement et les remises, comment le lecteur renouvellera son abonnement à la fin de la période et ce qu’il verra si son abonnement n’est plus actif.

Un portail d’actualités avec e-magazine réunit les deux sur un seul site. Si les actualités et la publication payante se trouvent sur des sites différents, le lecteur doit passer de l’un à l’autre et l’éditeur doit maintenir deux systèmes. Sur un seul portail WordPress, les articles d’actualité et les invitations de la barre latérale mènent le lecteur vers la section du magazine, tandis que l’inscription, le paiement de l’abonnement et la lecture se font au même endroit.

Le design visuel du portail et le parcours utilisateur étaient notre travail : blocs d’actualités thématiques avec images, emplacements de bannières en page d’accueil et dans la barre latérale, et section du magazine avec le dernier numéro mis en avant. Nous avons aussi développé une version mobile adaptée pour que les actualités et la section du magazine puissent être utilisées sur téléphone. On lit souvent les actualités sur téléphone, par exemple en ouvrant un lien reçu par e-mail ou sur un réseau social : l’article, la recherche et l’invitation à s’abonner au magazine doivent donc être faciles à utiliser aussi sur un petit écran.

Développer le portail d’actualités sur WordPress signifiait que les actualités, leurs catégories, les emplacements de bannières et la section du magazine étaient publiés dans un seul système de gestion de contenu, tandis que la logique d’abonnement et d’accès à l’e-magazine était intégrée au même portail. WordPress est un système de gestion de contenu open source dans lequel les actualités sont publiées sous forme d’articles avec un titre, une image, une catégorie et une date de publication, ce qui permet de les filtrer par catégorie et de les retrouver par la recherche.

Aujourd’hui, l’adresse de l’Union redirige vers un autre site, réalisé par un autre développeur. Cette description concerne le portail que nous avons livré en 2020, c’est pourquoi aucun lien vers le site actuel n’est affiché.

Le développement d’un tel portail convient à une organisation professionnelle, une association ou un éditeur qui publie régulièrement des actualités, souhaite vendre des espaces publicitaires et proposer sa publication en ligne par abonnement.

Pour démarrer un projet similaire, notre service de développement de sites web et l’article sur le développement de sites web WordPress vous seront utiles. Pour le concours de l’Union des ingénieurs civils de Lettonie, nous avons aussi développé un site de concours avec vote.

• Création de site web

Le portfolio présente la solution développée au moment de la livraison du projet. Le site actuel a pu être modifié depuis.