Violet · Bleu
Projet 01 · 2026 · Site Web · Catalogue · WordPress En cours

Site Web
Catalogue
73 produits

L'entreprise n'avait aucun outil pour référencer ses réalisations ni pour présenter son catalogue à des prospects. Conception et développement d'un site vitrine + catalogue WordPress pour valoriser ses 73 produits, donner envie aux acheteurs potentiels et concentrer toutes les infos utiles à une décision rapide.

Cahier des charges Wireframes UX Maquettes WordPress SEO
73
produits référencés et mis en page
7
prospects qualifiés engagés via le site
1
charte graphique créée de zéro
01
Process · Étapes clés

Comment le projet a été mené

01
Cadrage & problème métier
Diagnostic : aucun outil pour référencer les réalisations ni pour vendre. Définition d'un site vitrine + catalogue qui doit être facile à prendre en main, donner envie et concentrer toutes les infos utiles à un acheteur. Cahier des charges, arborescence et planning de livraison.
02
Choix technique : pourquoi WordPress
WordPress motorise environ 43 % du web l'écosystème dominant pour ce type de besoin. Les membres de l'entreprise sont déjà habitués au back-office WP (personnalisé et optimisé pour ce projet précis). La bibliothèque de plugins permet d'ajouter de nouvelles fonctionnalités sans tout recoder, et le SEO est facile à mettre en place dès le départ. Meilleur compromis vitesse / maintenabilité / coût.
03
Wireframes & réflexions UX
Wireframes basse fidélité des pages clés : accueil, catalogue filtrable, fiche produit, réalisations, contact. Décisions guidées par 3 questions : la navigation est-elle évidente ? l'info recherchée est-elle accessible en ≤ 2 clics ? le visiteur a-t-il envie de continuer ?
04
Design UI & charte graphique
Création de la charte graphique de zéro (premier asset visuel cohérent de l'entreprise) puis maquettes haute fidélité sur Figma, validation client itérative.
05
Développement & SEO
Intégration WordPress avec back-office personnalisé pour les 73 produits, structure de contenu pensée SEO (titres, métas, images optimisées), tests multi-navigateurs et responsive.
02
Aperçus visuels

Quelques extraits du projet

Maquette haute fidélité · Accueil
Maquette haute fidélité de la page d'accueil : hero, bloc « Nos expertises », présentation de l'entreprise, dernières réalisations et projets, dans une charte graphique orange et bleu. Plein écran
Maquette Figma · charte graphique créée de zéro (premier asset visuel cohérent de l'entreprise).
Wireframe · Accueil
Wireframe basse fidélité de la page d'accueil : structure des sections (hero, expertises, entreprise, réalisations, projets, contact) avant la mise en couleur. Plein écran
Structure pensée avant le style — navigation et hiérarchie de l'info.
Wireframe · Réalisation
Wireframe basse fidélité d'une page de réalisation : présentation détaillée d'un produit avec descriptions, résultat du projet et réalisations similaires. Plein écran
Gabarit de fiche réalisation — accès à l'info utile en ≤ 2 clics.
Wireframe · Accueil mobile
Wireframe basse fidélité de la page d'accueil en version mobile (375 px) : sections empilées et navigation adaptée au tactile. Plein écran
Responsive traité dès le wireframe — desktop 1440 + mobile 375.
03
Résultat

Ce que le projet a produit

Critères de succès
Le projet sera considéré comme réussi quand 5 critères seront atteints : navigation simple, prospects entrants réguliers, info trouvée rapidement, bon référencement Google, réalisations et produits valorisés. Premier signal positif : 7 prospects qualifiés déjà engagés via le site avant la livraison finale.
Projet non finalisé. Cette fiche présente l'état d'avancement actuel les visuels, la mise en ligne et certains chapitres seront enrichis au fil de la production.