Captura del sitio Clara Yoga — hero editorial "Reprendre le lead", tipografía sobria y paleta natural.

2026 UX/UI · Wix

Clara Yoga

Crear desde cero la identidad y el sitio de una profesora de yoga independiente — del logo al sistema de reservas.

Traducir una visión rebosante en marca clara y sitio funcional, hasta un sistema de reserva y pago integrado.

Cliente
Clara Yoga — Lausana
Rol
UX/UI completo + Identidad de marca + Integración & reservas
Año
2026
Stack
  • Figma
  • Wix Studio
  • Wix Bookings

01 El contexto

Partir de nada — salvo de la materia

Clara es profesora de yoga independiente en Lausana. Cuando empezamos, no había nada: ni sitio, ni identidad visual, ni logo. Solo una practicante talentosa, la necesidad de darse una presencia profesional, y las ganas de centralizar y automatizar sus reservas — que hasta entonces se gestionaban a mano.

Y otra cosa, en abundancia: ideas. Clara sabía lo que quería transmitir, tenía una visión — pero todo estaba aún mezclado, en desorden. Mi misión: crear todo, y sobre todo, poner orden en esta visión.

02 El desafío

Traducir una visión en claridad

El verdadero desafío de este proyecto no era técnico. Era de traducción.

El trabajo de escucha

Clara rebosaba de ideas sobre su enfoque, su universo, lo que quería decir a sus futuros alumnos. Pero una visión rebosante no es aún una marca ni un sitio: es una materia prima que hay que escuchar, clasificar, estructurar.

Mi rol fue transformar este flujo de intuiciones en algo coherente, legible, y fiel a quien ella es.

Un yoga estructurado y encarnado, nutrido por la práctica tradicional y la neurociencia, explicado con una pedagogía clara — lejos de la jerga esotérica.

— El punto de inflexión

La brújula

El punto de inflexión fue nuestra sesión de brainstorming. Excavando juntas, co-construimos este posicionamiento que iba a orientarlo todo. Una vez encontrado este hilo conductor, cada decisión de diseño tuvo una brújula.

03 Investigación & UX

Decorar en el vacío es dibujar para nadie

Personas, estudio de mercado, empathy map, mapa del sitio. No para marcar casillas — para entender.

La constatación de usuario

El target de Clara — a menudo personas estresadas, en transición de vida, o simplemente curiosas del yoga pero un poco intimidadas — podía ser ahuyentado por dos escollos opuestos:

  • De un lado la jerga espiritual que excluye.
  • Del otro la sobrecarga de información que desanima.

Las dos decisiones

De esta constatación se derivaron dos decisiones de diseño concretas:

  • Un tono claro y accesible — sin dogma, sin misticismo. Una voz que explica, tranquiliza y despierta ganas, en línea con el enfoque pedagógico de Clara.
  • Una arquitectura que respira — en vez de amontonar toda la riqueza de su enfoque en una sola página, distribuí el contenido inteligentemente entre varias páginas. Cada cosa en su lugar, sin nunca abrumar al visitante.
Wireframes iniciales del sitio Clara Yoga — mapa del sitio y estructura de las páginas, validados antes del paso al diseño.
Wireframes — el esqueleto antes de la carne.

04 La identidad

Carta blanca, y un terreno de juego

La confianza como regalo

Para la identidad, Clara me hizo algo precioso: confianza. Tenía ideas, pero me dio carta blanca desde el inicio.

Y ahí es donde el proyecto se volvió un verdadero terreno de juego — pude explorar, probar combinaciones, buscar las buenas asociaciones sin restricción, hasta encontrar el equilibrio justo.

Traducir las palabras en visual

Mi trabajo consistió en traducir sus palabras en elecciones visuales. Cuando describía cómo imaginaba su universo, escuchaba tanto el fondo como el sentir, y transformaba eso en decisiones concretas.

El resultado: un logo depurado « CLARA / YOGA », una tipografía sobria y posada, una paleta natural y minimalista. Una identidad que dice la claridad y el arraigo en vez del cliché bienestar — coherente, hasta el menor detalle, con el posicionamiento que habíamos definido.

Tablero de identidad Clara Yoga — sistema tipográfico Anton/Inter, variaciones del logo « CLARA / YOGA », pictograma sol, paleta crema/negro/verde natural y dirección fotográfica en blanco y negro.
Identidad de marca — logo, tipografía, paleta, dirección fotográfica.

05 Integración

Del wireframe al sitio vivo

Una vez validada la estructura en wireframes, paso al diseño luego a la integración completa en Wix Studio. Es la etapa donde el esqueleto toma carne: la tipografía, las imágenes, los espaciados, el ritmo de las páginas.

Poner lado a lado el wireframe inicial y la pantalla final es ver una intención convertirse en experiencia.

Tablero « De la estructura al sitio vivo » — paso de los wireframes al sitio Wix Studio en línea, con el momento en que la reserva se activa.
De la estructura al sitio vivo — wireframes → booking activo → sitio en línea.

Del wireframe al sitio vivo — scrolling del resultado final.

El desafío técnico

Reserva & pago integrados

El reto central del proyecto era la automatización: permitir a Clara centralizar sus reservas y cobrar los pagos directamente desde el sitio, sin gestión manual.

Pequeño detalle: era la primera vez que montaba un sistema de este tipo. Así que me formé a medida que avanzaba el proyecto, aprendiendo lo que hacía falta, cuando hacía falta. En vez de retroceder ante lo desconocido, lo tomé tal cual venía — y entregué un sistema completo de reserva y pago, funcional y autónomo.

Flujo de reserva y pago integrado en el sitio Clara Yoga — selección de sesión, info cliente, pago automatizado.
Booking flow — de la elección de la sesión al pago, sin gestión manual.

Transformar un « aún no sé hacerlo » en « está en línea y funciona ».

— El orgullo técnico

06 Balance

El mejor comentario

Cuando el trabajo que entregamos se vuelve un orgullo para la persona que lo lleva, hemos ganado.

Resultados

El sitio está en línea, y hace su trabajo. Clara dispone por fin de una presencia profesional a la altura de su práctica, y de un sistema que le hace ganar tiempo cada día.

¿El mejor comentario? Clara está encantada con el resultado — y sus propios clientes la felicitan por su sitio.

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.

Traducido delFrançaisTras dos sesiones de una hora, ya lo había entendido todo: mi visión, mis ofertas, mi público. No esperaba semejante trabajo y, sobre todo, semejante resultado.

Clara Le GallClara Le GallClienta · Fundadora de Clara Yoga
Mockup del sitio Clara Yoga en desktop y móvil — hero « Reprendre le lead », secciones método y reserva, con los metadatos del proyecto.
El sitio en línea — desktop y móvil, identidad coherente hasta el final.

07 Aprendizajes

Escuchar y traducir

Clara Yoga es el proyecto que me confirmó que mi oficio no se resume a dibujar: se trata también de escuchar y traducir. Tomar una visión rebosante y un poco difusa, y volverla clara, bella y funcional — quizás es eso, el corazón del diseño.

También me enseñó que la confianza de un cliente es un regalo que se devuelve: es porque Clara me dio carta blanca que pude ofrecerle mejor de lo que imaginaba. Y que no saber hacer algo nunca es razón para decir no — solo una ocasión para aprender.

Trabajemos juntos

El próximo proyecto podría ser el tuyo.

luciebelleudy@outlook.com

Siguiente proyecto

POS System

Maquetas del ecosistema BonApp — apps Customer, Waiter y Manager para la restauración.