Comparateur produits et website Start 40

Refonte complète du site internet

Lien d'accès aux maquettes : https://urls.fr/ejYLyX

Contexte et besoins clients Distributeur de référence de machines d’usinage des métaux dans les Vosges, Start40 intervient de la vente à l’installation, formation, maintenance et dépannage de ses produits. Pour notre client, nous avons repensé l’intégralité du parcours utilisateur et le design de son site vitrine pour une meilleure valorisation de ses produits et services, et une identité visuelle reconnaissable.

Homepage

Menu & barre de recherche

Optimisation de l’expérience utilisateur Les éléments clés ne ressortaient pas suffisamment, le menu était dense et la hiérarchie des informations peu lisible. L’absence de contrastes visuels et de repères clairs rendaient la navigation confuse. Nous avons réalisé un travail complet de restructuration de l’information et optimisé l’architecture du site afin d’améliorer l’expérience utilisateur.

Le header propose désormais :

  • un menu de navigation principal facilitant un accès aux rubriques importantes du site : lors du survol des 3 rubriques principales, un sous-menu se dévoile avec un accès direct vers les sous-catégories,

  • un bandeau informationnel et une mise en avant des informations de contact,

  • une barre de recherche filtrée proposant des choix dynamiques basés sur les thèmes les plus recherchés. Elle offre à l’utilisateur une sélection immédiate et ciblée des options disponibles.

Pour favoriser la conversion, des boutons d’appel à l’action sont désormais clairement identifiables et des accès aux catégories produits se font également depuis la page d’accueil après la bannière. L’ajout de sections : témoignages, actualités, présentation du personnel, galerie photos et chiffres clés viennent quant à elles renforcer le storytelling de la marque.

Mise en place d’un comparateur de produits En permettant à l’utilisateur de comparer 3 produits côte à côte, il évalue rapidement les caractéristiques, les avantages et inconvénients de chaque option pour simplifier son processus de décision, avant une prise de contact avec l’entreprise. Cet outil interactif et utile apporte une véritable valeur ajoutée. Pour les utilisateurs hésitants, cela les aide à faire un choix plus informé, pouvant mener à une conversion plus rapide.

Harmonie visuelle Afin de créer une expérience visuelle cohérente et harmonieuse, nous avons opté pour une dominante de rouge, présent dans la charte de notre client, utilisé sur l’ensemble des boutons d’appel à l’action et éléments clés. Afin d’uniformiser l’ensemble des gammes produits, nous avons supprimé le violet précédemment utilisé (servant à distinguer les divisons), afin d’éliminer des distractions visuelles inutiles et donner la même importance à chaque gamme. Nous avons aéré davantage les contenus avec des espaces blancs pour éviter une surcharge visuelle. Quant à l’ajout de noir sur certaines sections, il offre un équilibre visuel et renforce l’aspect premium des produits proposés par notre client.

Découvrir d'autres sections

More by Clémence Cramatte, webdesigner

View profile