Saltar al contenido

Estudio Ladera

  • Concepto
  • Landing page
  • UI/UX
  • Motion
  • Arquitectura
Estudio Ladera: la landing en una laptop sobre un zócalo de piedra, con la maqueta de una casa en ladera detrás

Concepto · El estudio, las obras y las fotos son ficticios; las fotos están generadas con IA. Demo de Navx Studio.

Blanco y negro con un solo color de material: roble. Las obras ocupan la página, y en lugar de tarjetas hay índices y listas tipográficas.

Los honorarios están a la vista, con rangos por tipo de proyecto.

Sector
Arquitectura e interiorismo · México
Año
2026
Stack
HTML · CSS · JavaScript sin librerías · Claude Code
Firma de motionAl hacer scroll, el hero se cierra en un marco y recorre las seis obras.
Índice de seis obras con filtro por tipo

Seis obras en un índice.

Filtro por tipo y vista previa al pasar el cursor.

La landing de Estudio Ladera de arriba a abajo
Estudio Ladera en mobile: hero, obras y consulta inicial

Hero, obras y consulta.

El recorrido completo en una columna.

Detalles: índice de obras, etapas con plazos y honorarios

Índice de obras · Etapas y plazos · Honorarios

Sistema visual

Negro

#0E0E0E

Blanco

#FFFFFF

Superficie

#F2F2F1

Roble

#80613F

Tipografía

Urbanist

Títulos

Geist

Texto

Geist Mono

Datos

Siguiente proyecto

GP Construction
  • WordPress
  • Rediseño
  • UI/UX