
Una web conceptual para una agencia ficticia de inmuebles de lujo: 16 páginas en inglés y una edición rusa, 16 viviendas en 7 ciudades, un globo en canvas, recorridos 3D y solicitud de visita en tres pasos.
Contexto
Creo sitios conceptuales para mostrar alcance en sectores donde aún no tengo un proyecto de cliente. 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, inglesa y rusa
Fuente: Código del sitio, 22 sept 2026
7
ciudades en el catálogo, con 16 inmuebles
Fuente: Código del sitio, 22 sept 2026
1250
puntos en el globo de canvas con marcadores de ciudad
Fuente: Código del sitio, 22 sept 2026
69 / 94
rendimiento de la portada en Lighthouse, móvil / escritorio
Fuente: Lighthouse 13.4, 22 sept 2026
Enfoque
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 solicitud de visita tiene tres pasos —formato, fecha y hora, y contacto— y termina en una página de confirmación; la página de contacto sitúa 5 oficinas en un mapa del mundo.
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 las páginas se funden entre sí. El sitio está hecho con HTML, CSS y JavaScript animado con GSAP, ScrollTrigger y Lenis; las solicitudes, las viviendas guardadas y las cuentas se guardan en el localStorage del navegador.
Galería
Resultados
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.
Revisión SEO
El 22 de septiembre de 2026, Lighthouse dio a la portada inglesa SEO 100 en móvil y escritorio, con un rendimiento de 69 en móvil (LCP 7,4 s, 16,7 MB) y 94 en escritorio (LCP 1,5 s). En las 15 páginas revisadas de la edición inglesa (todas menos la 404) lo básico está en orden, pero canonical, Open Graph y JSON-LD faltan en las 15, no hay sitemap.xml ni robots.txt y las ediciones inglesa y rusa no tienen hreflang entre sí.
Lighthouse
Móvil
- Rendimiento: 69 / 100
- Accesibilidad: 95 / 100
- Buenas prácticas: 77 / 100
- SEO: 100 / 100
- LCP
- 7,4 s
- CLS
- 0
- TBT
- 0 ms
- Peso
- 17 MB
Escritorio
- Rendimiento: 94 / 100
- Accesibilidad: 98 / 100
- Buenas prácticas: 77 / 100
- SEO: 100 / 100
- LCP
- 1,5 s
- CLS
- 0
- TBT
- 0 ms
- Peso
- 6,8 MB
Ya resuelto: títulos únicos en 15 de 15 páginas, un H1 en 15 de 15, el idioma en declarado, sin desplazamiento lateral a 390 px, texto alternativo en el 100 % de las imágenes y 0 enlaces internos rotos; en Lighthouse, accesibilidad 95 en móvil y 98 en escritorio, y CLS de 0 en ambos. En parte: 8 de 15 descripciones tienen entre 70 y 170 caracteres.
Antes de publicar en un dominio real: canonical y Open Graph (título e imagen) en cada página de ambas ediciones; hreflang entre la edición inglesa y la rusa; JSON-LD con RealEstateListing y Offer en las fichas, RealEstateAgent y Organization, y BreadcrumbList; sitemap.xml y robots.txt; títulos de 30 a 65 caracteres (ahora cumplen 7 de 15) y descripciones de 70 a 170 caracteres en las otras 7 páginas; vídeo alojado en el propio servidor, lo que elimina las cookies de terceros de la CDN de Pexels que dejan Buenas prácticas en 77; y una portada móvil más ligera para bajar los 16,7 MB y el LCP de 7,4 s.
| Comprobación | Resultado | Estado |
|---|---|---|
| Títulos de página únicos | 15/15 | Correcto |
| Longitud del título | 7/15 | Fallo |
| Metadescripciones | 8/15 | Mejorable |
| Un H1 por página | 15/15 | Correcto |
| Atributo de idioma | en | Correcto |
| Adaptado a móvil | 390 px | Correcto |
| Texto alternativo de las imágenes | 100% | Correcto |
| Enlaces internos rotos | 0 | Correcto |
| URL canónicas | 0/15 | Fallo |
| Etiquetas Open Graph | 0/15 | Fallo |
| Datos estructurados | 0/15 | Fallo |
| Mapa del sitio XML | 0/2 | Fallo |
Lo que esto no demuestra
VERIDA es un concepto que creé en VITON13 para mostrar 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.
¿Planeas algo parecido? Leo cada mensaje personalmente.
Siguiente proyecto
ORIVATienda online conceptual
Concepto2026
Todos los trabajos (19)



