Verdant
espacio para sonreír
Resumen
Una clínica dental conceptual donde la atención empieza por escuchar. Sonrisas de porcelana, verdes suaves y una alternativa celeste dan forma a una experiencia de lectura abierta, desde el tratamiento hasta la primera visita.
Cuidarte empieza por escucharte
Verdant explora cómo presentar una clínica dental con cercanía y criterio. La regla de composición —espacio para sonreír— se traduce en titulares abiertos, superficies curvas y una lectura que deja sitio a las preguntas. El proyecto reúne dirección de arte, diseño de interfaz y desarrollo de un sitio multipágina.
Es una clínica ficticia y un trabajo conceptual independiente. Tratamientos, equipo y recorrido de atención son contenido de demostración; la web no presta servicios sanitarios ni recibe reservas reales.
Una primera impresión abierta
Adaptación editorial en inglés basada en el código del rediseño. Las láminas son estudios de interfaz, no capturas de una aplicación traducida ni pruebas de su comportamiento.
Una identidad, dos atmósferas
Verde salvia, marfil y una tinta profunda forman la paleta principal. Una segunda dirección sustituye esos roles por celestes y azul oscuro. Ambas comparten los mismos componentes y se pueden comparar desde la biblioteca interna; el cambio de paleta no duplica páginas ni contenido.
Plus Jakarta Sans aporta curvas abiertas y una voz continua entre titulares, lectura y controles. La sonrisa funciona como marca vectorial, escultura de porcelana y familia de símbolos abstractos para los tratamientos. Los radios de 14, 28 y 40 píxeles ordenan campos, tarjetas y paneles.
El sistema visual
Siete láminas dedicadas al diseño: paletas, tipografía, identidad, componentes, recorrido, fotografía y movimiento. Todo el texto de las imágenes está en inglés; la ficha conserva sus dos idiomas.
Primero, entender. Después, decidir.
La primera visita tiene un recorrido propio: escuchar y valorar, explicar las opciones, acordar el tratamiento y dar seguimiento. En escritorio, una secuencia de fotografías acompaña los cuatro pasos mientras la imagen permanece fija. En móvil, el contenido continúa en una columna de lectura normal.
Las fichas explican qué se puede consultar antes de llevar el motivo al formulario. La solicitud es una simulación explícita: valida los campos en el navegador, pero no envía ni guarda datos y no confirma una cita. Las fotografías son referencias de ambiente y conversación; no se atribuyen a profesionales ficticios ni a resultados clínicos.
La primera visita tiene su propio espacio
Estudio editorial de la página de primera visita, con fotografía de referencia y el sello de la marca.
Movimiento que acompaña la lectura
La cabecera comparte el fondo del hero y se vuelve compacta al bajar. La cortina de canto redondeado conecta las rutas, mientras las tarjetas revelan fotografía al hover o foco de teclado. Los recortes de imagen y la secuencia de primera visita utilizan GSAP y ScrollTrigger con limpieza al navegar.
Con movimiento reducido, desaparecen la cortina, los desplazamientos y las fijaciones. El contenido permanece visible y el scroll sigue siendo nativo. La biblioteca interna permite revisar secciones y paletas sobre los mismos componentes del sitio.
Dos paletas, una misma jerarquía
Estudios separados de escritorio y móvil. La comparación muestra decisiones de composición; no sustituye la revisión responsive de la aplicación.
Un primer paso cuidado
Mockup ilustrativo generado con IA a partir de los estudios de interfaz en inglés. Un entorno de consulta conceptual para presentar ambas paletas.
