PROYECTO 01 · Remoto · EE. UU.

Engineered for Excellence

Landing page cinematográfica para un taller automotriz profesional.

HTML5CSS3JavaScriptGSAPAnimación ligada al scroll

Sobre este proyecto

Una landing page oscura y de alto contraste para un taller automotriz, construida en torno a una tipografía display audaz y un movimiento seguro de sí mismo — diseñada para que el rendimiento se sienta como lo único que hay en la página.

El encargo era simple: hacer que un taller dedicado a trabajo mecánico de precisión se viera tan afilado y deliberado como el propio trabajo. Eso significó apostar fuerte por el contraste — fondos casi negros, un único color de acento y tipografía display de gran tamaño haciendo la mayor parte del trabajo comunicativo.

El movimiento se usa con moderación y con intención: GSAP impulsa las revelaciones de entrada y las transiciones ligadas al scroll entre secciones, sincronizadas para que la página nunca se sienta como si estuviera actuando por sí misma. Cada animación se gana su lugar dirigiendo la atención hacia lo siguiente que el visitante necesita ver.

La fotografía de los vehículos se trata como el elemento protagonista, no como decoración de apoyo — tomas a sangre completa enmarcadas contra un entorno austero, con la tipografía display envolviendo el coche en lugar de situarse en un bloque separado arriba o abajo. Esa sola decisión de maquetación hace la mayor parte del trabajo de que la página se sienta pensada y no plantillada.

La información de reserva y contacto queda siempre a un solo scroll de distancia, ya que el objetivo de una landing page de taller es convertir "esto se ve impresionante" en una consulta real antes de que el visitante pierda impulso.