Chronodrive
Réduire le bruit visuel pour libérer l'acte d'achat.
Le constat : Chronodrive est un acteur historique, mais son application souffrait d'un défaut majeur : la saturation. Des bandeaux promotionnels massifs cannibalisaient le catalogue, reléguant les produits au second plan. L'expérience était hachée, générant de la friction à chaque étape.
La mission : Nettoyer l'interface sans perdre la dynamique commerciale. J'ai visé la « Densité Utile » : réorganiser l'information pour que l'utilisateur passe moins de temps à chercher et plus de temps à remplir son panier.
La Réponse Design
1. Header Condensé & Navigation
J'ai libéré 20 % de hauteur d'écran en compactant l'en-tête (Drive / Livraison). La barre de recherche et les filtres ont été déplacés en bas de page (Thumb Zone) pour une navigation fluide à une main.
2. La Carte Produit Quick-Add
Passage d'une liste dense à une grille aérée. Le prix et le bouton d'ajout (CTA) ont été grossis et isolés visuellement. L'objectif ? Permettre l'ajout au panier en une fraction de seconde, sans avoir besoin d'ouvrir la fiche produit.
3. Gestion intelligente des Promos
Fini les bannières intrusives. Les promotions sont désormais intégrées via des badges compacts directement sur la carte produit (« Show Promo »). Cela maintient l'attractivité prix sans casser la grille de lecture.
Avant & après
À gauche, une interface saturée par la promotion. À droite, une hiérarchie claire focalisée sur le produit.
Gain de Temps
Un header compacté pour afficher plus de produits sans scroller.
Recherche Intuitive
Une barre de recherche à portée de pouce pour une exploration sans effort.
Comparaison Facile
Une grille 2×2 épurée pour scanner l'offre et repérer les promos instantanément.