Woodlike

Landing Page UI/UX

Woodlike Store

Woodlike.store (porté par l’agence Jane Band) propose une alternative écologique et innovante aux cartes de visite traditionnelles : la carte digitale en bois sans contact (NFC).

 

Ce projet sur Adobe XD consistait à designer une landing page immersive et orientée conversion. L’objectif était de lier l’authenticité du bois à la modernité de la technologie, tout en offrant un parcours de personnalisation de produit fluide et sans friction pour l’utilisateur.

Catégories :

UI/UX Design
Web Design

Mon Rôle :
UI/UX Designer

Logiciels utilisés : 

Secteur :
E-commerce, Tech éco-responsable

 

Le challenge

Le défi principal était de concevoir un « one-pager » capable d’éduquer l’utilisateur sur le fonctionnement du NFC, de valoriser l’aspect haut de gamme du produit, et de faciliter la commande. Il fallait intégrer une direction artistique très spécifique souhaitée par la cliente, tout en garantissant un tunnel d’achat intuitif pour que la phase de personnalisation (choix du bois, design, informations) ne devienne pas un frein à la conversion.

La solution

La solution repose sur une interface aux tons chauds et texturés, rythmée par un storytelling visuel fort et une architecture de l’information pensée pour guider l’utilisateur vers l’achat. Pour répondre à l’univers de l’agence « Jane Band », le design intègre un clin d’œil musical old-school avec une platine vinyle, faisant le parallèle parfait entre la lecture physique d’un disque et le scan sans contact (NFC) de la carte en bois.

Concernant la phase critique de commande, j’ai respecté la vision de la cliente tout en proposant un formulaire multi-étapes afin de garantir une expérience « User friendly » :

Réduction de la charge cognitive :

Diviser la configuration en plusieurs étapes rend le processus beaucoup moins intimidant qu’un long formulaire classique.

Effet de progression :

L’utilisateur visualise clairement son avancement étape par étape, ce qui l’encourage psychologiquement à aller jusqu’au bout du processus (réduction drastique du taux d’abandon).

Focus de l'attention :

Chaque écran se concentre sur une seule action claire, limitant les erreurs de saisie et rendant l’interface parfaitement adaptée à la navigation sur mobile.

Design system cohérent :

Intégration subtile d’ondes sonores (rappelant la connectivité NFC et la musique) tout au long de la navigation pour lier le fond et la forme.