Faire grandir le site
d'une marque DTC,
de la migration à l'audit.
J’ai débuté par migré le site de numorning sur shopify, intégration des visuels, création des pages puis l’année suivante, réalisé une analyse UX/UI et benchmark concurrentiel. C'est ce périmètre large qui m'a permis de relier l'identité de la marque au parcours réel des clients et d’amélioré le tunnel de vente.
Rôle
Designer UX/UI en alternance
Périmètre
Intégration des visuels, création des pages, analyse UX/UI, benchmark
Durée
Deux phases
1 - Migration du site sur Shopify
2 audit mené N+1
Outils
Shopify, Shopify Analytics, Figma, Illustrator, Hotjar
Le contexte
nümorning vend granolas, lattes instantanés et barres énergétiques, en bio et en direct.
Quand j'arrive en alternance, le site est une version maison, datée, à dominante bleue, qui ne reflète plus l'univers de la marque. Deux chantiers se sont succédé : migrer vers Shopify, puis, un an plus tard, mener un audit UX/UI complet de la boutique en ligne.
01
La migration
Passer d'un site natif daté à Shopify : intégration des visuels, choix du thème, création des pages.
Le site natif ne suivait plus. L'identité visuelle de nümorning avait évolué, le catalogue produits aussi mais la structure et l'habillage étaient restés figés sur une version maison à dominante bleue. Le décalage était devenu visible : un site qui ne ressemblait plus à la marque qu'il vendait.
Mes choix d'intégration
J'ai construit et mis en page les gabarits du site : fiches produits, pages gammes, pages éditoriales. Le travail ne se limitait pas à « remplir » un thème, il fallait décider d'une hiérarchie, d'un rythme de lecture, d'une façon de présenter chaque produit pour que l'information utile passe en premier.
C'est là que mon œil de direction artistique a servi directement : réintégrer les packshots et les photos lifestyle de la marque dans des gabarits cohérents, pour retrouver en ligne la chaleur et le soin de l'univers nümorning physique.
Passer sur Shopify répondait à trois besoins concrets : une base technique saine et évolutive, un outil de gestion adapté à une équipe non technique, et la possibilité de réinstaller en ligne tout l'univers visuel de la marque.
Faire évoluer le site
Un site n'est jugé vraiment qu'à l'usage. Au fil des mois, les limites se sont précisées : un tunnel d'achat moins fluide qu'il aurait dû l'être, des visuels à faire évoluer, un thème qui contraignait plus qu'il ne servait. Plutôt que de corriger au coup par coup, j'ai proposé un vrai diagnostic, méthodique et chiffré.
02
Auditer l'expérience du parcours d’achat
On ma demandé de faire cet audit Quatre sources croisées : la data Shopify, des entretiens, un benchmark concurrentiel et une revue heuristique de l'interface.
L'audit s'est concentré sur le mobile, qui représente 77,7 % du trafic.
Le parcours, étape par étape
En suivant la prospect arrivée d'Instagram, le chemin se lit clairement : elle découvre la marque, cherche un produit, se perd dans le blog, hésite sur une fiche, doute au paiement. Trois étapes sur cinq portent une friction.
Trois frictions, mesurées par leur récurrence
Sur ce parcours, trois points de blocage reviennent assez systématiquement en entretien pour devenir prioritaires — chacun chiffré par le nombre d'utilisateurs concernés.
Ce que font les marques de référence
Le benchmark a comparé nümorning à huit acteurs du secteur sur tout le tunnel de vente : page d'accueil, pages gammes, fiche produit, abonnement. Trois leviers récurrents en ressortent — un hero qui vend le rituel plutôt que le packaging, une preuve sociale immédiate, et une proposition de valeur en une phrase claire.
Arbitrer par impact et par effort
Toutes les recommandations ne se valent pas. Les placer sur deux axes — impact attendu et effort de mise en œuvre — permet de décider quoi activer en premier, et de distinguer les gains rapides des chantiers de fond.
Une feuille de route en deux horizons
De cette priorisation découle un plan concret : des quick wins activables en moins de deux semaines, et des chantiers structurants à planifier sur un à trois mois.
Traduire les recommandations en UI
Dans le prolongement de l'audit, j'ai produit la nouvelle série de visuels clés pour la fiche produit Chaï Latte en appliquant la logique narrative issue du framework Baymard : bénéfice, rituel, preuve, rassurance. Format HTML/SVG, intégré directement dans les blocs PDP Shopify.
Audit du site Shopify nümorning
Maggy · Design System ERP
Design system from scratch d’un ERP industriel : tokens, composants, documentation Zeroheight livrée.