Retour aux projets

Eloane

Eloane

J’ai conçu la direction UI et personnalisé Shopify pour présenter et vendre un Multi Styler 8-en-1.

Rôle
UI Design / Shopify
Produit
Multi Styler 8-en-1
Contexte
E-commerce DTC
  • Shopify
  • Liquid
  • JavaScript
  • CSS
  • UI Design

01 · Le positionnement

Faire sentir la valeur avant de parler de caractéristiques

Eloane commercialisait l’OmniFlex Pro, un Multi Styler 8-en-1 pensé pour sécher, lisser, boucler et donner du volume avec un seul appareil.

L’interface devait expliquer les fonctions de l’appareil et montrer les résultats attendus. De grands espaces, une hiérarchie courte et des visuels en situation donnaient au produit une place centrale dans le parcours.

02 · Parcours e-commerce

Trois écrans, une même progression vers l’achat

L’accueil installe le désir, la fiche produit transforme la technologie en bénéfices et le paiement retire les dernières frictions.

Ces interfaces sont des reconstitutions éditoriales réalisées à partir du thème Shopify exporté et des éléments de marque conservés ; elles ne sont pas présentées comme des captures du site d’origine.

01AccueilProjection immédiate et accès direct au produit
02Page produitComprendre, se projeter, choisir
03PaiementUne dernière étape sobre et rassurante

03 · Leviers de conversion

Répondre aux questions avant l’achat

Chaque bloc répond à une objection précise et laisse au produit assez d’espace pour rester désirable.

  1. Prouver la technologie

    Puissance, contrôle thermique, ions négatifs et accessoires sont traduits en résultats concrets.

  2. Montrer le résultat

    Des visages, des textures de cheveux et des usages réels permettent de se projeter au-delà de l’objet.

  3. Sécuriser la décision

    Avis, paiement fractionné, livraison et informations de suivi restent proches des actions d’achat.

Femme présentant le résultat obtenu avec un Multi Styler dans un univers premium et lumineux.

04 · Performance

Transformer l’audience en signaux d’achat

Les données brutes ne sont plus accessibles. Les ratios ci-dessous restituent les ordres de grandeur observés pendant la période de forte activité autour de Noël : ils doivent être lus comme des estimations de travail, et non comme des résultats audités.

Sur une base de 100 visites, environ 16 déclenchaient le CTA principal, 9 poursuivaient jusqu’à l’ajout au panier et 1,3 aboutissaient à une commande. Cette lecture du funnel permettait de concentrer les optimisations sur les passages décisifs.

GA4 structurait le suivi des pages vues, des événements et des achats. Microsoft Clarity complétait ces données avec les cartes de chaleur et les enregistrements de sessions afin d’identifier les hésitations, les clics sans effet et les ruptures dans le tunnel issu notamment des campagnes sociales.

Interaction avec le CTA
≈ 16 %

Part estimée des visites activant l’action commerciale principale.

Ajout au panier
≈ 9 %

Part estimée des visites poursuivant jusqu’à une intention d’achat forte.

Achat finalisé
≈ 1,3 %

Part estimée des visites ayant abouti à une commande.

05 · Direction UI

Une base sobre pour laisser parler le produit

Inter, des surfaces très claires, du noir pour les actions et un violet contenu structurent un univers à la fois technologique et sensible.

Couleurs

  • InkTexte, navigation et actions#111111
  • WhiteSurface principale et respiration#ffffff
  • SoftInformations secondaires#f3f3f3
  • VioletAccent technologique#8256b0

Typographie

Inter · Regular / Medium

La puissance de l’air.

Une hiérarchie directe qui combine bénéfice produit, preuve technologique et réassurance.

06 · Shopify

Transformer le thème en système de vente

Le thème Shopify a été fortement personnalisé pour porter la charte Eloane et organiser un parcours complet : hero éditorial, fiche produit, comparaison, caractéristiques, résultats, avis, contenus UGC, FAQ, panier latéral et ajout au panier persistant.

Liquid, CSS et JavaScript permettaient d’adapter les sections aux besoins de la marque tout en conservant l’administration des contenus et des produits dans Shopify.

07 · Conclusion

Présenter les usages avant les caractéristiques

Le parcours montre comment le Multi Styler permet d’obtenir plusieurs coiffures chez soi avec un seul appareil.

Après la période de Noël, la baisse des performances a conduit à l’arrêt du projet au premier trimestre. Cette fin de parcours n’efface pas le travail mené pour construire, observer et optimiser un tunnel de vente complet.