Proyecto conceptualDiseño web y UI/UX

SereinSitio web de bienestar

El sitio web responsivo de un estudio de bienestar, con navegación clara, búsqueda de clases y un proceso de reserva enfocado.

Diseño digital

Diseño del sitio web de bienestar Serein con el titular “Make room for yourself”, una fotografía de un estudio de yoga bañado de sol y tarjetas de clases. — Imagen conceptual generada con IA

Concepto propio. Los visuales son conceptos de dirección de arte generados con IA, no trabajos realizados para clientes.

Público objetivo

Personas que buscan clases de yoga y bienestar y quieren reservar de forma rápida y tranquila.

Objetivo creativo

Convertir la atmósfera serena de la marca en una interfaz accesible, legible y fácil de usar.

Dirección visual

Marfil cálido y salvia apagado, un titular serif elegante, una fotografía de estudio bañada de sol y tarjetas de clases ordenadas sobre una retícula precisa.

Qué demuestra la vista previa

Una imagen fija de dirección de arte generada con IA y una breve vista previa animada que desplaza una cámara sobre esa imagen. Juntas muestran composición, paleta, tipografía y atmósfera.

No muestran animación terminada, software funcional ni archivos de producción editables.

Alcance de producción completo propuesto

Entregables que incluiría una producción real de este concepto.

Pantallas para escritorio y móvil
Conjunto de componentes
Prototipo de reserva navegable

Enfoque de producción

Diseñar layouts responsivos con buen contraste, estados de foco claros y estados vacíos y de error bien pensados. Un sistema de reservas funcional es un alcance aparte.

Stack de producción sugerido

Figma
Photoshop

Herramientas propuestas para producir los entregables reales. La vista previa no afirma que se hayan utilizado.

Diseño digital

Pantallas, estados y objetivos de interacción

Un diseño de interfaz que se mide por la claridad con la que las personas pueden actuar, no solo por su aspecto.

Estados responsivos
Layouts pensados para móvil, tablet y escritorio desde el principio.
Objetivos de interacción
Una acción principal clara por pantalla, con estados de foco visibles.
Casos límite
Estados de carga, vacío y error diseñados junto con el flujo ideal.