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.

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.

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 ce qui permet de décider quoi activer en premier, et de distinguer les gains rapides des chantiers de fond.

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.