Mockup ilustrativo: la portada de Vesper en un monitor centrado bajo una gran abertura ovalada al cielo azul de la noche, sobre piedra negra y agua quieta.

Vesper

una ventana que se convierte en casa

Resumen

La página de una villa oscura y escultórica: una ventana ovalada crece con el scroll hasta convertirse en un recorrido de 26 segundos por la casa.

Una arquitectura que se abre como una ventana

Vesper presenta una villa escultórica de curvas blancas, aberturas ovaladas y agua quieta. Su página empieza en negro, con un único óvalo: la casa, vista a través de una ventana. Con el scroll, la ventana crece hasta ocupar la pantalla y la cámara entra en la villa.

El trabajo reúne dirección de arte, una película e imágenes generadas con IA, diseño UX/UI y desarrollo frontend: la apertura, una película de 26 segundos guiada por el scroll, una declaración, dos espacios, notas de materiales y una colección privada de fotografías. Vesper es un proyecto conceptual; la villa, su película y sus fotografías están generadas y no corresponden a una propiedad en venta.

Portada de Vesper en escritorio: el titular Rare by nature sobre una página negra, junto a la villa y su piscina dentro de una gran ventana ovalada.

Un óvalo, del primer fotograma al último

La ventana es una elipse con coordenadas fijas, a la derecha del titular en escritorio y más baja y ancha en el teléfono. El scroll la hace crecer hasta llenar la pantalla mientras el titular se retira; detrás, una única toma continua de la villa, escalada a 1080p e interpolada a 48 fotogramas por segundo, recorre la reunión, el refugio y el horizonte.

El mismo óvalo dibuja el loader: la descarga lo traza en plata en el centro de la pantalla con su progreso real, después se desliza hasta la ventana del hero y la casa aparece dentro. Vuelve, pequeño, en el logotipo y en la colección.

Tres estados de la apertura de Vesper: la casa dentro del óvalo, el óvalo creciendo con el scroll y la ventana abierta a toda la pantalla.

Oscuro, escultórico, exacto

Lámina 1 de 6
Arrastra para explorar

Mineral, grafito, perla y plata, dos tipografías ligeras, la geometría del óvalo, pocos componentes dibujados en plata, un movimiento de cámara y el loader. Estos seis estudios acompañan a la apertura.

  • Paleta de mineral, grafito, filete, gris suave, plata y perla, con una flecha redonda en plata.
  • Outfit en su peso ligero para titulares y DM Sans para el texto, con la escala desde la apertura hasta las etiquetas.
  • La apertura con la elipse de la ventana dibujada encima, centrada al 69% por 51% de la pantalla.
  • Componentes reales: la cabecera, la entrada a la residencia, las acciones de la colección, el visor y las notas de materiales.
  • Tres escenas de la película: la reunión, el refugio y el horizonte.
  • Tres movimientos: el óvalo que dibuja la descarga, el óvalo en su sitio en el hero y la ventana abierta.

Calma después de la apertura

Después de la película, la página es tranquila y editorial: una declaración sobre lo que debe hacer una casa, dos espacios en fotografías superpuestas, la arquitectura en desplegables nativos que se abren de uno en uno, y una colección privada de cinco fotografías con su propio visor, con flechas del teclado, Escape y el foco devuelto a su sitio.

Las notas de la residencia se guardan como un archivo de texto y no se envía nada. Con movimiento reducido o ahorro de datos, la película y el recorrido fijado no se cargan; la apertura queda quieta y todas las fotografías y notas siguen disponibles.

La colección privada de Vesper abierta en escritorio: la cocina y el comedor al atardecer, con su título, su descripción y sus controles.

En el teléfono la ventana baja y se ensancha, la película tiene su propio corte, más ligero, y un recorrido más corto, y la colección ocupa toda la pantalla.

Vesper en escritorio junto a tres pantallas de teléfono: la apertura, los espacios y la colección privada.
Mockup ilustrativo de cierre: una escena de la película de Vesper en un monitor y la apertura en un teléfono, sobre piedra negra junto a una piscina de noche bajo un muro curvo blanco.

Resultado navegable

Vesper

Ver en vivo