El sitio de una profesional inmobiliaria de Caracas: una secuencia ligada al scroll, páginas WebGL que se despegan y cinco idiomas.
Nelly Morales es una profesional inmobiliaria certificada de Caracas. Su sitio vende confianza y cercanía antes que inmuebles, así que el diseño empieza por su voz y deja el catálogo un paso por detrás.
Kavaliero lo diseñó y lo construyó. En escritorio, la página de inicio es una única secuencia fijada; en un teléfono, una página vertical normal. Ella misma edita sus inmuebles en un estudio integrado en el sitio.
- 5idiomas, uno de derecha a izquierda
- 9páginas WebGL a pantalla completa
- 10tarjetas de testimonios entretejidas con un título
- 1línea de tiempo maestra en escritorio
La secuencia
Una línea de tiempo, solo donde cabe
La secuencia fijada y ligada al scroll solo se construye a partir de 1024 px de ancho y si el visitante no ha pedido menos movimiento. Los demás reciben una página normal.
Tarjetas entre las palabras
El título de los testimonios se dibuja en dos capas superpuestas a profundidades alternas, de modo que cada tarjeta que cae pasa por encima de una palabra y por debajo de la siguiente.
Una intro que se puede saltar
La animación de carga se reproduce una vez por visita, se puede saltar y queda desactivada para quien ha pedido menos movimiento.
Servicios en WebGL
Una página que se puede despegar
Un vertex shader enrolla en espiral cada página a pantalla completa mientras se arrastra. Al soltarla, se asienta con un movimiento elástico y conserva la inercia del gesto.
Hecha para aguantar
El canvas se vuelve a crear en cada montaje, así que perder el contexto gráfico nunca deja una página en blanco.
Para quien edita
Un esquema en su idioma
Los campos de Sanity están etiquetados en español. Las fotos y el vídeo comparten una sola galería ordenada, cuyo primer elemento debe ser una foto, y los inmuebles vendidos pasan al final.
Cinco idiomas
Español, inglés, ruso, chino y árabe, con una escala de titulares para cada idioma, fuentes de respaldo y la dirección del texto fijada antes del primer pintado.
