Ottomantech
← Todos los proyectos

Diseño y desarrollo web · Smile Studio, Doral

Dr. G Smile

Visitar sitio
Portada de Dr. G Smile con el retrato del Dr. Raúl González

El punto de partida

El sitio de Smile Studio tenía que presentar al Dr. Raúl González, explicar sus tratamientos y facilitar el acceso a la agenda. Diseñamos el recorrido para que el visitante pueda conocer al doctor y reservar desde el momento en que llega.

Cliente
Dr. G Smile
Diseño y desarrollo
Ottomantech

La portada en movimiento

El retrato llena la pantalla al entrar. Con el scroll, se repliega dentro de un marco y deja ver el fondo azul y la tipografía de la marca. Ese cambio de escala marca el paso de la presentación al recorrido editorial.

Transición de la portada al marco editorial al hacer scroll
Entrada y transición de portada

De la exploración a la cita

Organizamos los tratamientos como páginas editoriales y reunimos el contenido audiovisual en Casos, con tarjetas y filtros. La opción «Agenda» se mantiene visible en el encabezado durante el recorrido.

Cómo se construyó

Organizamos la web en páginas para la presentación del doctor, los tratamientos y el catálogo de casos. JavaScript coordina la animación de entrada y el desplazamiento, y los recursos Rive se usan en elementos animados de la interfaz.

Las portadas del catálogo usan imágenes WebP y carga diferida. El visitante puede recorrer la página y abrir cada historia por separado.