Conversion · Développement Web

Love Your Kurves

Objectif : 50 e-mails collectés.
Résultat : 100 e-mails — le double, en 7 jours.

Client Love Your Kurves
Rôle UX Design & Dev Front-end
Durée 7 jours
×2 de l'objectif initial

100 e-mails qualifiés collectés en moins d'un mois de mise en ligne

La cliente visait 50 inscrites pour valider l'intérêt autour de son lancement. La landing page, livrée en 7 jours, en a capté le double — sans budget pub, sans refonte, sans backend complexe.

Love Your Kurves est une marque de mode inclusive en phase de pré-lancement. Pas de stock en ligne, pas de boutique — seulement une vision et une communauté à construire. La fondatrice avait besoin de prouver l'intérêt du marché avant d'investir davantage.

Sa demande concrète : une page web qui capte les e-mails de futures clientes intéressées par le lancement. L'objectif chiffré était 50 inscriptions — un seuil suffisant pour valider la traction et engager les prochaines étapes du projet. Le tout, livré en 7 jours et sans exploser un budget de lancement limité.

La vraie question sous-jacente n'était pas "comment construire une page" — c'était : comment faire en sorte que des inconnues laissent leur e-mail à une marque qu'elles ne connaissent pas encore ? C'est un problème de conversion, pas de dev.

Diagnostic UX

Les décisions qui ont fait la différence

Avant d'écrire une ligne de code, j'ai identifié les 3 freins classiques qui bloquent la conversion sur une page de pré-lancement. Chaque choix de design a été dicté par ces constats — pas par l'esthétique.

Frein #1

La méfiance face à l'inconnu

Une visiteuse qui ne connaît pas la marque ne laisse pas son e-mail par défaut. Son réflexe : "Pourquoi je devrais leur faire confiance ?"

Décision UX : Hero section centré sur l'identité de la marque — visuels forts, ton direct, promesse claire formulée du point de vue de la cliente. L'univers de la marque doit être immédiatement lisible.
Frein #2

Le formulaire perçu comme un engagement lourd

"Laisser mon e-mail, c'est être spammée." Ce frein est sous-estimé — il suffit d'une friction de trop pour faire fuir.

Décision UX : Formulaire ultra-simplifié (1 champ, 1 bouton), CTA formulé sur le bénéfice ("Être prévenue en première"), et micro-copie rassurante sous le bouton.
Frein #3

La page non optimisée mobile = conversions perdues

Sur une audience mode-lifestyle, 70%+ du trafic vient du mobile. Un formulaire mal adapté sur iPhone, c'est des inscriptions perdues par défaut.

Décision UX : Approche mobile-first stricte — la page a été designée depuis le format 375px, puis adaptée desktop. Tests réels sur iOS et Android avant livraison.
Processus

7 jours, 4 étapes, 0 boîte noire

Voici exactement comment le projet a été conduit — chaque étape avec son livrable concret.

1
J1 – J2

Diagnostic & Architecture

Analyse des freins de conversion, définition de la structure de page et du message principal.

📄 Archi de page validée
2
J3 – J4

Design & Développement

Design UI aligné avec l'identité de la marque. Intégration HTML/CSS/JS, formulaire Netlify Forms configuré.

🎨 Page codée & testée
3
J5 – J6

Tests & Optimisations

Tests multi-devices (mobile, tablette, desktop), corrections, validation du flux de soumission complet.

✅ Validée cross-device
4
J7

Déploiement & Livraison

Mise en ligne sur Netlify, accès au dashboard transmis à la cliente, brief d'utilisation inclus.

🚀 En ligne + dashboard
Résultats

Objectif dépassé de 100%

Objectif initial
50

e-mails à collecter

Résultat obtenu
100

e-mails qualifiés collectés

La landing page a capté 100 e-mails qualifiés — soit exactement le double de l'objectif fixé — sans aucune campagne publicitaire payante. Le trafic était 100% organique (réseaux sociaux, bouche-à-oreille). Ce résultat valide que la performance était bien due aux choix UX de la page, pas à un volume de trafic exceptionnel.

📈

+100%

Au-delà de l'objectif de collecte initial fixé par la cliente

⏱️

7 jours

Du brief à la mise en ligne, délai tenu sans compromis sur la qualité

📱

100%

Des inscriptions validées via formulaire fonctionnel sans backend

💶

0€

Dépensé en pub — tout le trafic était organique

Design

Aperçu du design

Chaque choix visuel est justifié par son impact sur la confiance et la conversion — pas par l'esthétique seule.

Stack technique

Des choix techniques dictés par la conversion

Chaque outil a été choisi pour sa capacité à réduire la friction et accélérer la livraison — pas pour sa sophistication.

Front-end

HTML5 CSS3 JavaScript

Pourquoi ? Pas de framework = pas de dépendances = temps de chargement minimal. Sur une audience mobile avec du trafic organique, chaque seconde de chargement compte pour la conversion.

Collecte d'e-mails

Netlify Forms

Pourquoi ? Zéro backend à configurer, zéro maintenance pour la cliente. Les e-mails arrivent directement dans le dashboard Netlify. La cliente accède à ses données sans dépendre d'un tiers technique.

Hébergement

Netlify

Pourquoi ? Déploiement en continu, HTTPS natif, CDN global. La page se charge rapidement partout — un facteur direct de conversion sur mobile.

Réflexion

3 principes UX extraits de ce projet

Ce qui a fonctionné ici est systématisable. Ces principes s'appliquent à n'importe quelle page dont l'objectif est de convertir un visiteur en lead.

01

Réduire la friction, pas ajouter des fonctionnalités

Le taux de conversion n'augmente pas avec plus de contenu. Il augmente quand on enlève chaque obstacle entre la visiteuse et le bouton. Moins = plus.

02

Le message convertit avant le design

Une page belle avec un message flou ne convertit pas. Une page simple avec un message qui résonne avec l'audience — si. L'architecture de la copie précède l'architecture visuelle.

03

Mobile-first n'est pas une option, c'est la réalité

Sur une audience lifestyle, ignorer le mobile c'est ignorer la majorité de son trafic. Designer pour le 375px en premier force les bons arbitrages de priorité.

💡

Ce que ce projet révèle sur mon approche

Je ne construis pas des pages — je construis des systèmes de conversion. Chaque décision (structure, copie, formulaire, stack technique) est prise en réponse à une question business : est-ce que ça aide la visiteuse à passer à l'action, ou est-ce que ça la ralentit ? Cette approche systémique, appliquée dès le jour 1 sur un budget et un délai contraints, est ce qui a permis de doubler l'objectif sans publicité.

Ce que ce projet m'a permis de développer

  • Gérer un projet de A à Z dans un temps limité en priorisant les fonctionnalités essentielles
  • Diagnostiquer les freins de conversion avant de concevoir — la structure suit la stratégie
  • Utiliser Netlify Forms pour créer des solutions sans backend ni maintenance pour le client
  • Optimiser son workflow pour livrer rapidement sans compromettre la qualité UX
  • Mesurer l'impact business d'un projet dès le départ en fixant un objectif chiffré avec le client
Votre projet

Votre trafic ne convertit pas ?

Le problème n'est probablement pas votre trafic.

🔍 Discovery

Analyser mon site gratuitement

Je regarde votre page, j'identifie les 3 principaux freins de conversion et je vous envoie un diagnostic rapide.

Obtenir mon diagnostic — Résultat en 48h
🚀 Audit complet

Réserver mon audit UX

Diagnostic complet de vos freins de conversion + recommandations priorisées par impact, livrées en 5 jours.

Réserver mon audit — 5 places ce mois

Garantie : Si l'audit ne vous apporte pas 3 quick wins immédiatement actionnables, je le refais sans frais.