Holibelly est né de la volonté de deux parents de proposer des alternatives saines, nutritives et ludiques aux céréales industrielles. L'enjeu était de créer un univers de marque fort, capable de séduire les parents exigeants tout en parlant aux enfants à travers un design joyeux.
Rôle
Product Designer UX/UI
Cliente
Coralie Ferrero
Durée
3 mois
Outils
Figma, Shopify (Liquid, CSS personnalisé)
Objectif du projet
Créer une expérience e-commerce "gourmande croquante" qui soit aussi sérieuse sur la nutrition que fun sur l'aspect visuel.
STRATEGIE UX
Le projet a été pensé en deux phases stratégiques pour valider le marché avant le lancement global.
Phase 1 (Le Teasing) : Conception d’une landing page dédiée à la campagne Ulule. L'UX était focalisée sur le storytelling et la conversion rapide vers le crowdfunding.
Phase 2 (Le Shop) : Transition vers une boutique Shopify complète. J'ai structuré le parcours client pour faciliter l'achat récurrent et la réassurance (avis parents, blog nutritionnel, carte des revendeurs bio).
Parcours Mobile : Le site étant massivement consulté via les réseaux sociaux (Instagram), j'ai optimisé l'ergonomie mobile pour que l'ajout au panier soit ultra-instinctif.
DESIGN UI & INTEGRATION
C'est la partie dont je suis la plus fière. Pour éviter le rendu générique des thèmes Shopify classiques, j'ai réalisé un travail d'intégration poussé.
Custom CSS & Liquid : J'ai personnalisé le thème Shopify en profondeur via du CSS sur-mesure pour donner vie à l'identité visuelle d'Holibelly (couleurs vives, formes organiques, typographies pétillantes).
Direction Artistique : Exploration d'un univers visuel cohérent, de la landing page jusqu'au dashboard client, pour garantir une immersion totale dans la marque.
Composants Dynamiques : Intégration d'une carte interactive des revendeurs et de modules de blog optimisés pour le SEO.
HANDOFF
La stack technologique a été choisie pour offrir le meilleur compromis entre performance et autonomie pour les fondateurs.
Nous avons utilisé Next.js et Tailwind CSS pour la landing page initiale afin d'obtenir des performances de chargement records lors de la campagne Ulule.
Nous avons ensuite basculé sur Shopify pour la partie e-commerce. Mon rôle a été de préparer l'interface pour que Coralie et Benjamin puissent gérer leurs commandes, leurs stocks et leurs articles de blog sans aucune connaissance technique.
Nous avons veillé à ce que les apps Shopify installées (marketing, avis, paiements) s'intègrent parfaitement au design que j'avais conçu.
RESULTATS & IMPACT
Succès Crowdfunding : Objectif Ulule atteint à +150%, validant immédiatement l'attrait de la marque.
Lancement réussi : Plus de 1000€ de chiffre d'affaires générés dès les premiers jours de mise en ligne.
Autonomie totale : Les fondateurs pilotent aujourd'hui leur boutique de manière 100% autonome.