Création d’un site d’information en continu

Avec un grand nombre de magazines actifs, l’entreprise Pack Info Presse a souhaité proposer un portail unique permettant aux professionnels du secteur de l’emballage et de l’impression d’avoir une actualité en continu des diverses informations de ce secteur.

Pour cela, le site Actus Print a été conçu comme un fil d’actualité avec un article à la une, puis quatre articles du jour et ensuite d’autres articles plus anciens. Les autres articles du fil se chargent automatiquement de façon dynamique pour ne pas alourdir la page d’accueil.

Chaque article est présenté en version réduite sur le fil d’actualité, avec son nom, un résumé, une date, un visuel et le thème abordé. En cliquant sur le titre ou l’image de l’article, vous pouvez lire la version complète, mais cela nécessite un abonnement au site internet.

L’abonnement aux articles privés du site se fait manuellement pour le moment, via un bouton d’accès à une solution de paiement. Une fois le paiement effectué, l’administrateur du site procède à l’inscription de l’utilisateur, qui pourra alors accéder à l’ensemble des articles pendant un an. 

Un espace client dédié à la gestion des abonnements permet à chaque utilisateur de se connecter pour consulter les articles privés et gérer ses abonnements en cours, notamment modifier les informations qui le concernent.

Afin de regrouper les articles par thème et d’en faciliter l’accès par secteur, nous avons ajouté une gestion des tags. Chaque article peut ainsi se voir attribuer des mots-clés en fonction de son contenu. Un menu de tags situé en haut du site permet d’accéder à un ensemble d’articles sur un même thème. De plus, après avoir cliqué sur un thème général, un autre espace regroupant des tags plus précis permet d’affiner encore l’accès aux articles.

Cette recherche par tag affiche un ensemble d’articles filtrables par année et triables par nouveauté, pertinence ou popularité. Un menu situé en bas de page permet de naviguer pour accéder à l’ensemble des articles d’un même mot clé.

Après la lecture d’un article réservé aux abonnés, des étiquettes situées en bas de page offrent également la possibilité de consulter d’autres articles portant sur des thèmes associés à celui en cours de lecture.

Sur la page d’accueil et les pages de détails des articles, des espaces publicitaires sont mis à la disposition des annonceurs afin de générer des revenus pour le site internet.

S’agissant de la création de site d’information sur mesure, nous avons élaboré des prototypes pour imaginer les différentes forme possibles pour la page d’accueil, la page de détail des articles et les autres pages du site. 

Que ce soit les menus, les boutons, les espaces publicitaire, les tags, les articles, la privatisation…, chaque élément du projet a été soigneusement réfléchi et ajusté en fonction des exigences spécifiques des journalistes. Après plusieurs proposition de mise en pages nous avons validé les différents prototypes. Cette approche sur mesure nous permet d’avoir l’assurance que le site correspond parfaitement à la vision des journalistes tout en offrant une expérience utilisateur de haute qualité.

Concernant le plan de site, la création d’un organigramme s’est avérée superflue. En effet, le site ne présente pas de structure par rubrique ou secteur d’information, mais uniquement une page d’accueil affichant les articles les plus récents d’une sélection mise à jour quotidiennement.

À partir des prototypes validés par l’équipe de journalistes, notre graphiste a créé une identité visuelle unique, en respectant la charte graphique préalablement définie. À l’aide de Photoshop, il s’est attaché à produire une interface graphique correspondant au secteur de l’impression et de l’emballage.

Ce travail a débuté par l’optimisation de la page d’accueil, en intégrant le chargement dynamique des articles et des espaces publicitaires en fonction du défilement des utilisateurs. À la suite de quelques ajustements graphiques proposés par les journalistes, le graphiste a conçu différentes versions de l’environnement graphique : bureau, tablette et téléphone, garantissant ainsi une expérience utilisateur fluide et cohérente sur tous les supports.

Une fois la première page validée, les autres modèles de pages ont suivi un processus similaire, assurant ainsi une cohérence visuelle sur l’ensemble du site. Étant donné qu’il s’agissait d’un site d’information en continu, nous avons veillé à respecter rigoureusement les exigences spécifiques des journalistes. Notre objectif principal était de faciliter le travail des journalistes et de mettre en valeur leurs articles. Pour ce faire, nous avons conçu un design à la fois original et épuré, qui privilégie la lecture et la compréhension.

Une fois le processus graphique validé, nous avons entamé la phase de développement du site. Nous avons codé les différents modèles de page en HTML, CSS et JavaScript afin de les rendre identiques aux conceptions du graphiste. Ensuite, nous avons ajouté le code PHP et SQL pour rendre le site dynamique et le connecter à la base de données. Enfin, nous avons intégré une solution de gestion de contenu, permettant à toute l’équipe de gérer les articles de manière autonome.

Pour le site Actus Print, nous avons intégré des modules complémentaires, notamment la gestion des comptes client pour le suivi des abonnements et la privatisation des articles, les espaces publicitaires et la gestion des tags. Nous avons également conçu des interfaces de programmation d’applications (API) afin de permettre la récupération multiple d’articles depuis l’entreprise Pack Info Presse.

Ces fonctionnalités ont été intégrées avec soin en utilisant les technologies les plus récentes, garantissant ainsi des performances optimales, tant au niveau de la vitesse de chargement que du référencement naturel (SEO).