Desarrollo web SOMA

Servicio: Diseño y desarrollo web + experiencia de marca.

El desafío. SOMA no es un hotel que se pueda visitar: es el proyecto conceptual con el que Alpha Visual Solutions —estudio creativo de real estate de lujo— muestra cómo construye una marca completa, del posicionamiento al CGI. El sitio tenía que resolver dos cosas a la vez sin que una arruinara la otra: ser una marca creíble, con su propio silencio y su propio ritmo, y ser al mismo tiempo una demostración de capacidad frente a desarrolladoras y constructoras que están evaluando a un proveedor. Todo eso con el material que existía: un brochure de ventas, un deck de presentación y una serie limitada de renders.

Lo que hicimos. Diseñamos un sitio de una sola página que se recorre sin apuro, como el proyecto que describe. La entrada muestra la fotografía ya presente pero desenfocada, mientras el logotipo se escribe de izquierda a derecha en el centro; cuando termina, el desenfoque se disipa en todo el cuadro a la vez y el logotipo viaja hasta su lugar en el cielo de la imagen. No hay pantalla de carga que tape el sitio: la espera se usa, y es una espera real, hasta que la fotografía y las tipografías están listas.

Desde ahí, la fotografía del hero queda fija y las secciones le pasan por encima mientras la imagen se va apagando. El texto entra línea por línea y cada fotografía se revela con un recorte que se abre mientras la imagen se asienta. El recorrido pasa por el manifiesto de la marca, la arquitectura, el bienestar, las residencias y el sistema de identidad —la papelería, el libro, el monograma dibujado a lápiz— y cierra con la firma del estudio. Todo el sistema visual salió del material original: la paleta, la tinta y las proporciones se midieron sobre los archivos de marca.

El resultado. Alpha Visual Solutions pasó a tener una pieza que puede mostrarle a cualquier desarrolladora: un sitio que se siente como el lugar que describe y que, al mismo tiempo, deja ver el nivel de terminación con el que trabaja el estudio. Quien entra recorre SOMA como recorrería el proyecto; quien lo está evaluando como proveedor ve en cada detalle de qué somos capaces juntos.

Cómo trabajamos. Partimos del material que el estudio ya tenía —el brochure de ventas, el deck de presentación y los renders— y resolvimos cada decisión visual con laboratorios: páginas de prueba con varias opciones que el cliente revisaba y elegía antes de pasarlas al sitio. Así se definieron la entrada, el encuadre del hero, el comportamiento de la fotografía al scrollear y la vista previa del enlace al compartirlo. Cada opción se verificó midiendo: el contraste de los textos sobre cada fotografía a lo largo de todo el recorrido, el peso de cada imagen y el comportamiento en pantallas de distinto tamaño.