Capture du site Clara Yoga — hero éditorial "Reprendre le lead", typographie sobre et palette naturelle.

2026 UX/UI · Wix

Clara Yoga

Créer de zéro l'identité et le site d'une prof de yoga indépendante — du logo au système de réservation.

Traduire une vision foisonnante en marque claire et site fonctionnel, jusqu'à un système de réservation et paiement intégré.

Client
Clara Yoga — Lausanne
Rôle
UX/UI complet + Identité de marque + Intégration & réservation
Année
2026
Stack
  • Figma
  • Wix Studio
  • Wix Bookings

01 Le contexte

Partir de rien — sauf de la matière

Clara est professeure de yoga indépendante à Lausanne. Quand on a commencé, il n’y avait rien : pas de site, pas d’identité visuelle, pas de logo. Juste une praticienne talentueuse, le besoin de se donner une présence professionnelle, et l’envie de centraliser et d’automatiser ses réservations — qui jusque-là se géraient à la main.

Et une autre chose, en abondance : des idées. Clara savait ce qu’elle voulait transmettre, elle avait une vision — mais tout était encore mélangé, en vrac. Ma mission : tout créer, et surtout, mettre de l’ordre dans cette vision.

02 Le défi

Traduire une vision en clarté

Le vrai défi de ce projet n'était pas technique. Il était de traduction.

Le travail d'écoute

Clara débordait d’idées sur son approche, son univers, ce qu’elle voulait dire à ses futurs élèves. Mais une vision foisonnante, ce n’est pas encore une marque ni un site : c’est une matière première qu’il faut écouter, trier, structurer.

Mon rôle a été de transformer ce flux d’intuitions en quelque chose de cohérent, de lisible, et de fidèle à qui elle est.

Un yoga structuré et incarné, nourri de pratique traditionnelle et de neurosciences, expliqué avec une pédagogie claire — loin du jargon ésotérique.

— Le point de bascule

La boussole

Le point de bascule a été notre session de brainstorming. En creusant ensemble, on a co-construit ce positionnement qui allait tout orienter. Une fois ce fil directeur trouvé, chaque décision de design a eu une boussole.

03 Recherche & UX

Décorer dans le vide, c'est dessiner pour personne

Personas, étude de marché, empathy map, arborescence. Pas pour cocher des cases — pour comprendre.

Le constat utilisateur

La cible de Clara — souvent des personnes stressées, en transition de vie, ou simplement curieuses du yoga mais un peu intimidées — pouvait être rebutée par deux écueils opposés :

  • D’un côté le jargon spirituel qui exclut.
  • De l’autre la surcharge d’informations qui décourage.

Les deux décisions

De ce constat ont découlé deux décisions de design concrètes :

  • Un ton clair et accessible — pas de dogme, pas de mysticisme. Une voix qui explique, rassure et donne envie, en accord avec l’approche pédagogique de Clara.
  • Une architecture qui respire — plutôt que d’entasser toute la richesse de son approche sur une seule page, j’ai réparti le contenu intelligemment entre plusieurs pages. Chaque chose à sa place, sans jamais assommer le visiteur.
Wireframes initiaux du site Clara Yoga — arborescence et structure des pages, validés avant le passage au design.
Wireframes — l'ossature avant la chair.

04 L'identité

Carte blanche, et un terrain de jeu

La confiance comme cadeau

Pour l’identité, Clara m’a fait quelque chose de précieux : confiance. Elle avait des idées, mais m’a donné carte blanche dès le départ.

Et c’est là que le projet est devenu un vrai terrain de jeu — j’ai pu explorer, tester des combinaisons, chercher les bonnes associations sans contrainte, jusqu’à trouver l’équilibre juste.

Traduire les mots en visuel

Mon travail a consisté à traduire ses mots en choix visuels. Quand elle décrivait comment elle imaginait son univers, j’écoutais autant le fond que le ressenti, et je transformais ça en décisions concrètes.

Le résultat : un logo épuré « CLARA / YOGA », une typographie sobre et posée, une palette naturelle et minimale. Une identité qui dit la clarté et l’ancrage plutôt que le cliché bien-être — cohérente, jusqu’au moindre détail, avec le positionnement qu’on avait défini.

Planche d'identité Clara Yoga — système typographique Anton/Inter, déclinaisons du logo « CLARA / YOGA », pictogramme soleil, palette crème/noir/vert naturel et direction photographique noir & blanc.
Identité de marque — logo, typographie, palette, direction photo.

05 Intégration

Du wireframe au site vivant

Une fois la structure validée en wireframes, place au design puis à l’intégration complète sur Wix Studio. C’est l’étape où l’ossature prend chair : la typo, les images, les espacements, le rythme des pages.

Mettre côte à côte le wireframe initial et l’écran final, c’est voir une intention devenir une expérience.

Planche « De la structure au site vivant » — passage des wireframes au site Wix Studio en ligne, avec le moment où la réservation devient active.
De la structure au site vivant — wireframes → booking actif → site live.

Du wireframe au site vivant — défilement du résultat final.

Le défi technique

Réservation & paiement intégrés

L’enjeu central du projet, c’était l’automatisation : permettre à Clara de centraliser ses réservations et d’encaisser les paiements directement depuis le site, sans gestion manuelle.

Petit détail : c’était la première fois que je mettais en place un système de ce type. Je me suis donc formée au fur et à mesure du projet, en apprenant ce qu’il fallait, quand il le fallait. Plutôt que de reculer devant l’inconnu, je l’ai pris comme ça vient — et j’ai livré un système complet de réservation et de paiement, fonctionnel et autonome.

Flow de réservation et paiement intégré sur le site Clara Yoga — sélection de session, infos client, paiement automatisé.
Booking flow — du choix de la session au paiement, sans gestion manuelle.

Transformer un « je ne sais pas encore faire » en « c’est en ligne et ça marche ».

— La fierté technique

06 Bilan

Le meilleur retour

Quand le travail qu'on livre devient une fierté pour la personne qui le porte, c'est gagné.

Résultats

Le site est en ligne, et il fait son travail. Clara dispose enfin d’une présence professionnelle à la hauteur de sa pratique, et d’un système qui lui fait gagner du temps au quotidien.

Le meilleur retour ? Clara est ravie du résultat — et ses propres clients la félicitent pour son site.

Après deux sessions d’1h, elle avait déjà tout saisi : ma vision, mes offres, mon public cible. Je ne m’attendais pas à un tel travail et surtout un tel résultat.
Clara Le GallClara Le GallCliente · Fondatrice de Clara Yoga
Mockup du site Clara Yoga sur desktop et mobile — hero « Reprendre le lead », section méthode et réservation, avec les métadonnées du projet.
Le site en ligne — desktop et mobile, identité cohérente jusqu'au bout.

07 Apprentissages

Écouter et traduire

Clara Yoga, c’est le projet qui m’a confirmé que mon métier ne se résume pas à dessiner : il s’agit aussi d’écouter et de traduire. Prendre une vision foisonnante et un peu floue, et la rendre claire, belle et fonctionnelle — c’est peut-être ça, le cœur du design.

Il m’a aussi appris que la confiance d’un client est un cadeau qui se rend : c’est parce que Clara m’a laissé carte blanche que j’ai pu lui offrir mieux que ce qu’elle imaginait. Et que ne pas savoir faire quelque chose n’est jamais une raison de dire non — juste une occasion d’apprendre.

Travaillons ensemble

Le prochain projet, c'est peut-être le vôtre.

luciebelleudy@outlook.com

Projet suivant

POS System

Maquettes de l'écosystème BonApp — apps Customer, Waiter et Manager pour la restauration.