Ova — marca de gafas de alta gama
Una página web de una sola página, con un estilo cinematográfico y oscuro, para una marca de gafas conceptuales: escenas con desplazamiento fijo, una colección de cuatro colores y tipografía con perspectiva personalizada.
El encargo
Ova es una marca conceptual de gafas de alta gama: acetato de cobalto transparente, bisagras de acero pulido y lentes en tono miel. La página de destino debía transmitir la misma sensación de lujo que el producto —minimalista, oscura, con cada pantalla funcionando como una página de un catálogo de moda— y, al mismo tiempo, vender: mostrar la montura, la colección y dirigir al usuario a la lista de espera.
La idea
La página se basa en el contraste: negro intenso, un azul cobalto intenso y una tipografía grande en blanco. Cada pantalla es una escena independiente que se ajusta al área visible y cambia a medida que te desplazas, de modo que la página se lee como un cortometraje en lugar de un largo desplazamiento. El color se utiliza con moderación y siempre tiene una razón de ser: el azul, el naranja, el blanco y el verde son los cuatro colores de la colección.
Primera pantalla
Un retrato que ocupa media pantalla, con el eslogan de la marca dispuesto verticalmente en una tipografía personalizada y dos botones. La página se abre con la foto ya visible; a continuación, aparecen las gafas en el rostro, un suave resplandor azul se difunde por el fondo y, cada pocos segundos, un breve efecto de glitch recorre la imagen.
Diseño
La montura gira ante tus ojos a medida que te desplazas: frontal, tres cuartos, de perfil, con la palabra «cobalto» escrita en letras gigantes detrás. A continuación, la cámara se centra en los detalles —la bisagra de cinco barras y el núcleo de acero de la patilla— con un lento efecto de paralaje dentro de cada imagen.
Colección
Cuatro monturas en cuatro colores en un riel lateral. Cada paso cambia el fondo de toda la pantalla: azul, naranja, blanco, verde. Al pulsar sobre una ficha se abre una ventana emergente del producto con la descripción completa, las características con iconos, las tallas y el precio.
Ambiente
«Wear your light» aparece en letras en perspectiva. Las líneas van apareciendo una a una a medida que te desplazas y cambian de color siguiendo los cuatro colores de la colección, con la montura superpuesta.
Historia
La historia de una montura —desde el banco de trabajo hasta la caja y la tienda— se cuenta en una franja horizontal que se desplaza con el desplazamiento vertical. El menú te sigue y resalta la sección en la que te encuentras.
Lista de espera
La última pantalla combina el formulario y el pie de página: elige un color, deja tu correo electrónico y, debajo, aparece el pie de página completo con enlaces. El retrato de la primera pantalla cierra la página.
Móvil
En el móvil, cada pantalla mantiene su composición: el icono de hamburguesa abre un menú a pantalla completa, la colección cabe en una sola pantalla incluso en un iPhone SE y el texto se adapta a la altura de la pantalla.
Resultado
Una web de marca premium de una sola página en la que el producto sigue siendo el protagonista: un color de acento por pantalla, tipografía grande y animaciones que muestran el marco en lugar de decorar la página.
