VERIDA: concepto de web inmobiliaria con globo 3D, visitas virtuales y reservas

VITON¹³ crea sitios conceptuales para mostrar su alcance en sectores donde aún no tiene un proyecto de cliente que enseñar. VERIDA es uno de ellos: la web de una agencia internacional de inmuebles de lujo presente en siete ciudades: Barcelona, Dubái, Nueva York, Shanghái, Moscú, Sochi y Bali. La agencia, sus asesores, las viviendas, los precios y las oficinas son inventados.

Una casa cara rara vez se compra desde una sola página, así que la web tenía que acompañar una decisión larga: comparar viviendas de distintas ciudades, verlas por dentro, entender las condiciones de entrada, la rentabilidad y la residencia de cada región y pedir una visita sin llamar por teléfono. Y todo en dos idiomas, inglés y ruso.

16 páginas en cada edición: portada, inmuebles, ficha, regiones, solicitud de visita en tres pasos, solicitud enviada, guardados, cuenta, servicios, revista, agencia, contacto, privacidad, condiciones, cookies y una 404. El catálogo reúne 16 inmuebles en 7 ciudades y los filtra por ciudad, tipo, dormitorios y precio, con orden.

La ficha muestra las cifras clave, una galería con lightbox, un recorrido 3D que se mueve arrastrando sobre una panorámica de 2800×900, las características, un mapa, un cálculo de hipoteca, un asesor y viviendas similares. La página de regiones cubre 7 regiones con condiciones de entrada, rentabilidad y residencia; 6 servicios y 4 artículos de la revista completan el contenido.

La solicitud de visita tiene tres pasos, formato, fecha y hora, y contacto, y termina en una página de confirmación. La cuenta de demostración reúne solicitudes, viviendas guardadas, documentos y perfil. La página de contacto sitúa 5 oficinas en un mapa del mundo junto a un formulario de consulta. Las ediciones inglesa y rusa están montadas como dos conjuntos de páginas independientes.

La portada se abre con un vídeo a pantalla completa. Un globo de canvas de 1250 puntos lleva marcadores de ciudad y gira solo, sincronizado con la lista de ciudades de al lado. Las tarjetas se inclinan en 3D siguiendo el cursor, los titulares aparecen tras máscaras de línea, y siguen un relato fijo al hacer scroll, una cinta de texto y contadores, con fundidos entre páginas. El recorrido clave es inmuebles, ficha y solicitud de visita.

El sitio está hecho con HTML, CSS y JavaScript sin paso de compilación, animado con GSAP, ScrollTrigger y el desplazamiento suave de Lenis. La cabecera, el pie y las capas superpuestas salen de un único script compartido, así que todas las páginas son idénticas. Las solicitudes, las viviendas guardadas y las cuentas se guardan en el localStorage del navegador y no se envía nada. Los mapas usan Leaflet con teselas oscuras de CARTO; el logotipo, un tejado con una marca de verificación dentro, está dibujado en SVG; las fotos son de stock de Unsplash y el vídeo, de Pexels, por enlaces directos a su CDN.

Hoy existe un concepto que funciona en dos ediciones: 16 páginas cada una, 16 inmuebles en 7 ciudades, 7 regiones, 6 servicios, 5 oficinas y 4 artículos, utilizable del catálogo a una solicitud de visita confirmada sin servidor. Las comprobaciones del 22 de septiembre de 2026 en 15 páginas de la edición inglesa encontraron títulos únicos en 15 de 15, un H1 por página, texto alternativo en el 100 % de las imágenes y 0 enlaces internos rotos.

Lighthouse dio a la portada inglesa SEO 100 en móvil y escritorio, accesibilidad 95 en móvil y 98 en escritorio, y un rendimiento de 94 en escritorio frente a 69 en móvil. Lo que frena la nota móvil es el vídeo: en el teléfono la página pesa 16,7 MB y el LCP llega a 7,4 s, mientras que en escritorio pesa 6,8 MB con un LCP de 1,5 s.

VERIDA es un concepto creado por VITON¹³ para mostrar su alcance, no un encargo. La agencia, los asesores, los inmuebles, los precios y las oficinas son ficticios. El sitio no tiene dominio, visitantes, tráfico de búsqueda, solicitudes ni ventas, así que no demuestra nada sobre captación de clientes. Las fotos y los vídeos son material de stock con licencia de Unsplash y Pexels.

Las cifras de Lighthouse son mediciones de laboratorio de la portada inglesa en un solo día, y las comprobaciones cubren solo la edición inglesa. Un 100 en SEO cubre lo básico: faltan canonical, Open Graph, JSON-LD, sitemap.xml y robots.txt, y las dos ediciones aún no se enlazan entre sí con hreflang. Las solicitudes de visita solo se guardan en el navegador de quien visita.