- Client
- A4 Communication — imprimeur-éditeur de guides communaux, Elne (66)
- Notre rôle
- Conception, développement, intégration des contenus et mise en ligne
- Lieu
- Elne, Pyrénées-Orientales
- Étude publiée le
Le point de départ
A4 Communication édite depuis 2003, à Elne, des guides pratiques distribués dans les boîtes aux lettres des communes des Pyrénées-Orientales. Les commerçants y achètent un encart, les mairies sont des clientes récurrentes. Tout se jouait au téléphone et en rendez-vous : un commerçant qui voulait voir à quoi ressemble un guide avant de s'engager n'avait aucune adresse où aller.
Le projet vient d'une relation existante : nous intervenions déjà sur l'informatique de l'agence quand le sujet du site est arrivé.
Trois publics devaient tenir sur le même site sans se gêner : l'annonceur qui veut comprendre ce qu'il achète, la mairie qui évalue un éditeur avant de lui confier son guide, et l'habitant qui cherche simplement celui de sa commune.
La matière première existait uniquement en imprimé : des PDF d'éditions déjà parues, calibrés pour le papier. Rien n'avait été pensé pour un écran, et le catalogue continue de s'étoffer d'une édition à l'autre — le site devait donc pouvoir accueillir de nouveaux guides sans être refait.
Les objectifs
Avant d'écrire la moindre ligne, voici ce que le site devait accomplir :
- Donner aux commerçants un endroit où voir un guide en entier avant d'acheter un encart.
- Rendre chaque guide consultable en ligne, commune par commune, sans imposer le téléchargement d'un PDF.
- Recevoir les demandes par écrit, et pas uniquement par téléphone.
- Présenter l'agence aux mairies : le savoir-faire, les avis et les informations légales au même endroit.
- Pouvoir ajouter les éditions suivantes sans refaire le site.
Ce qui a été mis en place
Les décisions qui ont structuré le site, et la raison de chacune :
Le guide se lit en ligne, il ne se télécharge pas d'abord
Chaque guide s'ouvre comme un livret qui se feuillette, en plein écran si on le souhaite, sur une ou deux pages selon la forme de l'écran. Les pages sont converties à l'avance en images légères et les suivantes sont préchargées, pour que le feuilletage reste fluide et ne clignote pas. Le PDF complet reste téléchargeable pour qui le préfère.
Une page par guide, pas une liste de fichiers
Chaque zone couverte a son adresse, son titre et sa couverture. On peut envoyer à un commerçant le lien du guide de sa commune, et non celui d'une page d'accueil où il devra chercher. Ajouter une édition revient à ajouter une entrée : la page et son adresse suivent.
Le formulaire qualifie la demande
Trois motifs sont distingués : demande de devis, demande d'information, modification de coordonnées. Le code postal et l'activité sont demandés, ce qui permet de rappeler avec le bon guide en tête. Si l'envoi par le serveur échoue, le message bascule sur le logiciel de messagerie déjà rempli : aucune demande n'est perdue.
Les avis affichés sont les vrais
Les avis Google laissés à l'agence sont repris avec le nom de leur auteur et sans retouche du sens. Une citation anonyme ou reformulée n'aurait rien prouvé.
Aucun outil tiers dans la page
Les polices et les images sont servies depuis le site lui-même, sans appel vers un service extérieur, et les en-têtes de sécurité usuels sont posés. Un site qui ne dépose rien chez personne se charge plus vite et a des mentions légales plus simples à tenir.
Ce qui est en ligne aujourd'hui
Tout ce qui suit se vérifie en naviguant sur le site, sans avoir à nous croire sur parole :
- Le site est en ligne sur a4com.fr et s'adapte du téléphone au grand écran.
- Chaque guide de l'édition en cours est consultable page par page, directement dans le navigateur.
- Chaque guide a sa propre page et son PDF complet téléchargeable.
- Le formulaire distingue trois motifs de demande et arrive par e-mail à l'agence.
- Les avis Google des clients de l'agence sont affichés avec le nom de leur auteur.
- Chaque page déclare sa propre adresse de référence.
- Aucun traceur tiers n'est chargé : les polices et les images viennent du site lui-même.
- Les en-têtes de sécurité usuels sont en place, dont HTTPS forcé et une politique de contenu restreinte.
- Le pied de page porte le crédit « Site web conçu et réalisé par Slavic IT ».
Ce que nous ne pouvons pas encore montrer
Le site vient d'être mis en ligne : aucune donnée de trafic, de position dans les résultats de recherche ni de demandes reçues n'est publiable aujourd'hui. Elles seront ajoutées ici avec leur méthode de mesure, ou pas du tout.
Les chiffres affichés sur le site d'A4 — foyers couverts, communes, annonceurs — décrivent l'activité d'édition de l'agence. Ce ne sont pas des résultats de ce site et ils ne sont pas présentés comme tels.
Les couvertures et les pages intérieures proviennent des PDF fournis par le client : nous n'avons pas réalisé les guides eux-mêmes.
L'annuaire en ligne commune par commune, envisagé comme suite, n'est pas réalisé à ce jour.
Détails techniques
AfficherMasquer
Ce qui suit s'adresse aux lecteurs curieux ou techniques. Rien de ce qui précède n'en dépend.
- Next.js 16 et React 19
- Les pages sont générées côté serveur : le visiteur et les moteurs de recherche reçoivent directement le contenu en HTML.
- page-flip
- Le feuilletage du livret, avec un mode plein écran et un affichage sur une ou deux pages selon l'écran.
- Images WebP préparées à l'avance
- Chaque page de guide est convertie une fois à partir du PDF du client, puis servie comme une image légère plutôt que comme un document à télécharger.
- Vercel et Vercel Blob
- Hébergement du site, et stockage des PDF complets en dehors du dépôt de code.
- Resend
- Acheminement des demandes envoyées depuis le formulaire.
- Tailwind CSS
- La charte visuelle du client — couleurs, espacements, typographie — définie une fois et réutilisée sur toutes les pages.