Travail réalisé
Contexte
Le marché des outils numériques évolue rapidement. Hébergements web, extensions WordPress, solutions d’intelligence artificielle, outils d’emailing ou plateformes marketing proposent souvent des offres difficiles à comparer : prix d’appel, renouvellement, fonctionnalités disponibles selon les formules, limitations techniques ou publics réellement concernés.
Comparatek a été imaginé comme une plateforme éditoriale capable de centraliser ces informations et de les présenter de manière plus lisible. Le site ne se limite pas à publier des listes d’outils. Il organise les solutions selon leurs usages, leurs points forts, leurs limites, leur niveau de documentation et les profils auxquels elles peuvent convenir.
La plateforme couvre plusieurs univers complémentaires : hébergements, plugins WordPress, outils d’IA et de marketing, fiches détaillées, duels entre solutions, alternatives et guides de choix.
Besoin de départ
Le projet devait répondre à plusieurs enjeux simultanés.
Le premier consistait à construire une identité visuelle suffisamment forte pour différencier Comparatek des blogs d’affiliation génériques. L’interface devait évoquer la technologie, l’analyse et la comparaison, tout en restant claire et accessible sur ordinateur comme sur mobile.
Le deuxième enjeu concernait l’organisation des contenus. Une même solution peut apparaître dans une fiche produit, un classement, un duel, une page d’alternatives ou une recommandation adaptée à un profil précis. Il fallait donc éviter de créer chaque page manuellement et mettre en place une architecture suffisamment structurée pour réutiliser les données.
Enfin, le site devait concilier référencement naturel, évolutivité éditoriale, suivi des clics sortants et transparence. Comparatek publie notamment une méthodologie, une politique de correction et des informations sur l’affiliation afin de distinguer les données vérifiées, les informations à confirmer et les recommandations éditoriales.
Travail réalisé
Conception de l’identité visuelle
Une direction graphique sombre et technologique a été créée autour de tons bleu nuit, bleu électrique et violet.
Le design repose sur :
- un hero immersif et immédiatement identifiable ;
- une typographie très lisible avec une hiérarchie forte ;
- des cartes modulaires pour les outils et les comparatifs ;
- des badges permettant d’identifier rapidement un statut ou un avantage ;
- des éléments graphiques inspirés des interfaces SaaS et des environnements techniques ;
- une adaptation responsive pensée pour conserver la lisibilité des données sur mobile.
L’objectif n’était pas seulement de produire une page d’accueil esthétique, mais de construire un véritable système visuel réutilisable sur l’ensemble du catalogue.
Création d’une architecture éditoriale évolutive
Comparatek repose sur plusieurs types de pages reliés entre eux :
- catégories d’outils ;
- fiches individuelles ;
- comparatifs entre deux solutions ;
- alternatives à un outil ;
- sélections selon un profil ou un besoin ;
- guides éditoriaux ;
- pages de méthodologie et de transparence.
Cette organisation permet de transformer une base d’informations structurées en plusieurs formats éditoriaux complémentaires. Une fiche peut ainsi alimenter un catalogue, apparaître dans un duel, être proposée comme alternative ou intégrer une sélection thématique.
Le site dispose également de pages conçues pour répondre à des intentions de recherche précises, par exemple le choix d’un hébergement selon son profil ou la comparaison directe entre deux solutions.
Développement de composants réutilisables
Les différents blocs ont été conçus comme des composants réutilisables : cartes, scores, badges, avantages, limites, tarifs, tableaux comparatifs, recommandations, FAQ et appels à l’action.
Cette approche apporte plusieurs bénéfices :
- une présentation homogène sur toutes les pages ;
- une maintenance simplifiée ;
- la possibilité de faire évoluer un composant globalement ;
- une réduction des contenus dupliqués dans le code ;
- une création plus rapide de nouvelles fiches ou de nouveaux comparatifs.
Mise en place d’un système de comparaison
La plateforme permet de rapprocher plusieurs solutions à partir de critères communs : positionnement, tarification, fonctionnalités, performances, simplicité, assistance ou cas d’usage.
La note affichée n’est pas présentée seule. Elle peut être accompagnée d’un niveau de couverture afin de signaler la quantité d’informations disponibles et d’éviter qu’une donnée incomplète soit interprétée comme une conclusion définitive. La page d’hébergement explique notamment que le classement combine l’adéquation à l’usage, la couverture des données, les sources et les limites visibles.
SEO technique et architecture des contenus
Le référencement a été intégré dès la conception du projet.
Le travail comprend notamment :
- des URLs courtes et organisées par type de contenu ;
- des pages adaptées à différentes intentions de recherche ;
- une hiérarchie claire des titres ;
- un maillage interne entre catégories, fiches, duels, alternatives et guides ;
- des métadonnées adaptées à chaque page ;
- des contenus structurés pour faciliter l’exploration par les moteurs ;
- un plan du site éditorial reliant les principales ressources.
Cette structure permet à Comparatek de se développer comme une plateforme thématique plutôt que comme une succession d’articles indépendants.
Suivi des performances et des liens sortants
Une route dédiée, de type /api/go/[slug], est utilisée pour gérer certains clics sortants. Elle permet de centraliser les destinations, de mesurer les interactions et de modifier un lien sans devoir reprendre toutes les pages qui l’utilisent.
Le dispositif de mesure comprend également Google Analytics 4, FineTracking et Google Search Console. Les outils de mesure d’audience sont conditionnés au consentement de l’utilisateur.
Pipeline d’enrichissement des données
Le projet prévoit un pipeline destiné à enrichir et maintenir les données liées aux outils. Gemini peut être utilisé pour assister certaines étapes de traitement à partir de données produit et de sources officielles.
L’intelligence artificielle ne remplace cependant pas la logique éditoriale. Les pages de transparence et de correction ont précisément été prévues pour signaler les informations incomplètes, actualiser les tarifs obsolètes et éviter de présenter une donnée incertaine comme une recommandation définitive.
Déploiement et gestion des médias
L’application est déployée sur Vercel, afin de bénéficier d’un environnement adapté aux applications web modernes et aux déploiements continus.
Les éléments médias peuvent être externalisés sur Cloudflare R2 selon la configuration utilisée. Cette organisation permet de dissocier les contenus visuels du code applicatif et de conserver une infrastructure plus souple à mesure que le catalogue s’enrichit.
Choix de conception
Concevoir une plateforme, pas uniquement un blog
Le choix principal a été de ne pas traiter Comparatek comme un simple site éditorial. L’architecture devait pouvoir accueillir progressivement davantage de données, de catégories et de formats sans nécessiter une refonte à chaque évolution.
La conception modulaire facilite l’ajout de nouvelles familles d’outils, de critères de comparaison ou de modèles de pages.
Rendre les limites visibles
Les comparateurs ont tendance à mettre en avant un vainqueur sans expliquer le niveau de fiabilité des données utilisées. Comparatek adopte une approche différente en affichant les limites connues, la couverture des informations et les points restant à vérifier.
Ce choix améliore la lisibilité des recommandations et donne au lecteur davantage d’éléments pour prendre sa propre décision.
Trouver un équilibre entre automatisation et contrôle éditorial
Les données structurées et les modèles dynamiques permettent de produire un grand nombre de pages cohérentes. Ils ne doivent toutefois pas générer des contenus artificiels ou répétitifs.
L’architecture a donc été pensée pour automatiser la structure et la réutilisation des données, tout en conservant des espaces dédiés à l’analyse, aux arbitrages et à la rédaction humaine.
Préparer le projet à une évolution continue
Les outils comparés changent régulièrement de prix, de fonctionnalités ou de conditions commerciales. La plateforme devait être conçue dès le départ comme un produit vivant.
Les fiches, critères, sources, liens et statuts peuvent ainsi être mis à jour progressivement sans remettre en cause toute la structure du site.
Résultat
Comparatek dispose aujourd’hui d’une base visuelle et technique cohérente pour développer un véritable écosystème de comparaison.
Le projet réunit :
- une identité graphique différenciante ;
- un catalogue organisé par catégories ;
- des fiches détaillées ;
- des duels et des pages d’alternatives ;
- des recommandations adaptées à différents profils ;
- une architecture SEO extensible ;
- un suivi des interactions et des liens partenaires ;
- une méthode éditoriale qui rend visibles les sources, les limites et les corrections.
Au-delà de la réalisation graphique, ce projet démontre la capacité de JD Création Web à concevoir une plateforme de contenu complexe, à structurer des données réutilisables et à développer un outil destiné à évoluer dans la durée.
