← Retour aux articles
Article #2 - AH Bromotors

Conception d'une boutique mobile-first et intuitive

Design mobile

Repenser l'ergonomie pour mobile

Après avoir mis en place la base technique du site Shopify, il fallait maintenant optimiser l'expérience utilisateur, particulièrement sur mobile. Les data shopify montraient que 94% du trafic d'AH Bromotors provenait de smartphones, mais le taux de conversion restait faible.

"L'enjeu était de transformer une simple vitrine produits en véritable parcours d'achat optimisé pour les utilisateurs mobiles pressés qui cherchent des pièces automobiles."

J'ai donc entrepris une refonte complète de l'ergonomie en me concentrant sur la simplification du parcours utilisateur, l'amélioration de la navigation et la mise en avant des call-to-action pour maximiser les conversions sur petit écran.

Principes d'UX design appliqués

Pour concevoir une expérience mobile optimale, j'ai appliqué plusieurs principes fondamentaux d'UX design, adaptés au contexte spécifique de l'e-commerce automobile.

•
Facilité d'interaction
Boutons et zones tactiles adaptés au pouce, navigation intuitive d'une seule main
•
Efficacité du parcours
Réduction du nombre d'étapes, actions importantes accessibles en 2-3 clics maximum
•
Clarté visuelle
Hiérarchie de l'information claire, contrastes optimisés, lisibilité sur petit écran
•
Recherche facilitée
Filtres intuitifs, recherche prédictive, catégorisation logique des produits

Améliorations concrètes du parcours utilisateur

J'ai identifié les principaux points de friction dans le parcours d'achat et mis en place des solutions concrètes pour améliorer l'expérience mobile.

Problèmes identifiés
  • Menu principal trop dense et peu lisible
  • Recherche produit complexe et lente
  • Fiches produits surchargées d'informations
  • Call-to-action noyés dans le contenu
Solutions mises en place
  • Menu hamburger avec catégories claires
  • Informations essentielles mises en avant
  • Boutons d'action colorés et visibles
  • Tunnel d'achat simplifié en 3 étapes

Méthodologie de conception centrée utilisateur

Pour m'assurer que mes choix de design répondaient aux vrais besoins, j'ai adopté une approche méthodique basée sur l'observation et les tests utilisateurs.

Ma démarche en 4 étapes :
  1. Audit de l'existant : analyse des points de friction
  2. Benchmark concurrentiel : étude des meilleures pratiques
  3. Prototypage rapide : tests d'interfaces sur mobile
  4. Validation terrain : feedback clients et équipe commerciale

Cette approche m'a permis de prendre des décisions de design basées sur des données concrètes plutôt que sur des suppositions, garantissant ainsi une amélioration mesurable de l'expérience utilisateur.

Outils et technologies utilisés

Pour cette phase de conception UX, j'ai combiné les outils de design avec les capacités techniques de Shopify pour créer une expérience mobile optimale.

Figma Photoshop Shopify Liquid CSS Mobile-First JavaScript Google Analytics