Refonte du site web
de Breizh Cola
Outils
Figma · Photoshop
Type
Refonte web · Prototypage
Année
2024
Breizh Cola se distingue par son engagement envers la qualité et l'authenticité de ses produits. Présente sur le marché depuis plusieurs années, la marque incarne l'esprit breton et offre une gamme de sodas qui allie tradition et innovation.
Le défi consistait à créer une nouvelle identité visuelle moderne et à refondre entièrement le site de la marque pour lui donner un coup de jeune et valoriser le savoir-faire breton.
Problème
L'expérience utilisateur actuelle manquait de visuel de mise en valeur des produits de la marque mais aussi d'un manque d'ergonomie, ce qui entraînait des frustrations et des abandons lors d'actions clés. Il a aussi une mauvaise hiérarchie du contenu et un manque de cohérence d'un écran à l'autre.
L'objectif était d'identifier les points à améliorer du site, de simplifier le parcours de l'utilisateur et surtout de mettre en avant les produits.
Améliorations de
l'interface utilisateur
J'ai simplifié le flux d'utilisateurs et restructuré la présentation pour rendre la navigation plus intuitive. Les principales interactions ont été repensées afin de réduire les frictions et de guider les utilisateurs de manière plus naturelle.
UI Enhancements
J'ai changé toute l'interface du site pour une version plus moderne, en intégrant des éléments en lien avec la marque. J'ai utilisé des formes qui rappellent les cailloux bretons et adopté une typographie qui représente parfaitement la Bretagne.
Identité de marque
Une nouvelle identité visuelle moderne, avec des formes qui rappellent les cailloux bretons et une typographie ancrée dans la Bretagne.
Ergonomie & navigation
Un parcours utilisateur simplifié et une hiérarchie du contenu revue pour réduire les frictions et les abandons.
Mise en valeur produits
Des visuels forts pour valoriser la gamme de sodas et le savoir-faire de la marque sur chaque écran.
Les premiers croquis
L'idée était que le client ait une expérience guidée sur le site et notamment sur la home page avec une ligne continue qui lui permettrait de découvrir toutes les catégories du site et donc de mettre en avant l'histoire de la marque mais aussi les partenariats. Et aussi d'avoir directement les premiers avis sur le site.
Pour la page produit, l'idée était de mettre en avant le produit phare de la marque et ensuite de montrer les autres produits avec une animation au scroll pour dynamiser l'expérience.
Home page
La page d'accueil refondue met en avant l'univers breton et les produits, avec une hiérarchie claire du contenu et un parcours simplifié.
Page produit
Une fiche produit qui valorise le soda et le savoir-faire de la marque, avec un parcours d'achat simplifié.
Typography
Lily Script One
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890&#$€%@!?*
Lily Script One est une police de caractères cursive qui se distingue par son élégance et son style fluide. Inspirée de l'écriture manuelle, elle évoque une sensation chaleureuse et personnelle.