01. LE BRIEF

Le besoin client

Le client souhaite lancer sa marque avec la commercialisation de son premier produit.
À la croisée du design et du bien-être holistique, le site doit rassurer, convaincre et convertir en une seule page.

02. LA DÉMARCHE

Une architecture basée sur la conversion

Après un benchmark du secteur, le persona et son customer journey ont été réalisés, afin que l’expérience d’achat parte des besoins de l’utilisateur.

Après l’arborescence du site, la landing page est pensée pour convertir.

• Benchmark et persona
• User flow
• Arborescence

DU PARCOURS UTILISATEUR À L’ARCHITECTURE

03. ZONING ET WIREFRAMES

Pensé mobile first

Chaque zone de la page d’accueil est d’abord dessinée pour le mobile, puis adaptée à la version desktop.

04. TESTS UTILISATEURS

Valider le parcours avant de développer

La maquette interactive Figma a servi de support aux tests utilisateurs, afin de repérer les points de friction avant le développement.

Ce que les tests ont révélé

• Le bouton de validation du formulaire d’inscription apparaissait avant la case obligatoire : il a été repositionné après elle.
• Un second call-to-action a été ajouté en milieu de page pour capter l’intention d’achat plus tôt dans le parcours.

05. LA SOLUTION

Une identité épurée, un tunnel de vente convertissant

Une identité visuelle épurée porte la marque, déclinée dans une landing page au tunnel de vente resserré : chaque section répond à une objection avant qu’elle ne se pose.

• Moodboard, logo et charte graphique
• Design system et prototype interactif
• Site fonctionnel et responsive

Pour des raisons de confidentialité du projet, certaines pages du site, ainsi que certains visuels ne peuvent être présentés.

LE SITE EN IMAGES

Mockup Le journal À propos

← →

PROJET SUIVANT

Euno

(function(){ var isTouch = !window.matchMedia(‘(hover:hover) and (pointer:fine)’).matches; var lenis = null; if(!isTouch){ var cursor = document.getElementById(‘cursor’), cx=0, cy=0, mx=0, my=0; window.addEventListener(‘mousemove’, function(e){ mx=e.clientX; my=e.clientY; cursor.classList.add(‘active’); }); (function loop(){ cx+=(mx-cx)*0.18; cy+=(my-cy)*0.18; cursor.style.transform=’translate(‘+cx+’px,’+cy+’px) translate(-50%,-50%)’; requestAnimationFrame(loop); })(); } /* Carrousel + lightbox */ var lb=document.getElementById(‘lb’),img=document.getElementById(‘lb-img’),cap=document.getElementById(‘lb-cap’),track=document.getElementById(‘track’); var slides=track?[].slice.call(track.querySelectorAll(‘.slide’)):[],cur=0,single=false,last=null; function step(){return slides[0].getBoundingClientRect().width+22;} if(track){ document.getElementById(‘cprev’).onclick=function(){track.scrollBy({left:-step(),behavior:’smooth’});}; document.getElementById(‘cnext’).onclick=function(){track.scrollBy({left:step(),behavior:’smooth’});}; } function lock(on){document.body.style.overflow=on?’hidden’: »;if(lenis){on?lenis.stop():lenis.start();}} function show(i){cur=(i+slides.length)%slides.length;var s=slides[cur].querySelector(‘img’);img.src=s.src;img.alt=s.alt;cap.textContent=slides[cur].querySelector(‘.cap’).textContent;} function openG(i){single=false;lb.classList.remove(‘single’);show(i);lb.hidden=false;lock(true);lb.querySelector(‘.lb-x’).focus();} function openS(b){single=true;last=b;lb.classList.add(‘single’);var im=b.querySelector(‘img’),f=b.closest(‘figure’),c=f&&f.querySelector(‘figcaption’);img.src=im.currentSrc||im.src;img.alt=im.alt;cap.textContent=c?c.textContent: »;lb.hidden=false;lock(true);lb.querySelector(‘.lb-x’).focus();} function close(){lb.hidden=true;lock(false);var t=single?last:slides[cur];if(t)t.focus();} slides.forEach(function(b,i){b.addEventListener(‘click’,function(){openG(i);});}); document.querySelectorAll(‘.zoom’).forEach(function(b){b.addEventListener(‘click’,function(){openS(b);});}); lb.querySelector(‘.lb-x’).onclick=close; lb.querySelector(‘.lb-p’).onclick=function(){show(cur-1);}; lb.querySelector(‘.lb-n’).onclick=function(){show(cur+1);}; lb.addEventListener(‘click’,function(e){if(e.target===lb)close();}); document.addEventListener(‘keydown’,function(e){if(lb.hidden)return; if(e.key===’Escape’)close();if(single)return;if(e.key===’ArrowLeft’)show(cur-1);if(e.key===’ArrowRight’)show(cur+1);}); })();