Caso de estudio
Navegador interactivo para recorrer el mall en 3D, seleccionar pisos y ver planos 2D detallados por local.
01 · Entrada
El recorrido comienza en una landing sencilla donde se presenta el proyecto y se ofrecen dos caminos claros: explorar el centro comercial desde los planos 2D o entrar directamente al explorador 3D completo.
La landing sirve como hub: introduce el concepto, explica que hay cinco pisos disponibles y deja claro que en ambos modos podrás llegar al mismo nivel de detalle de cada local.
02 · Planos 2D
En el modo 2D el usuario ve un plano a escala del piso seleccionado, con controles para saltar entre cualquiera de los cinco niveles del edificio desde un solo panel superior.
Cada local es seleccionable: al pasar el mouse se resalta la geometría correspondiente y al hacer clic se abre su ficha de detalle, siempre manteniendo visible el plano completo para conservar el contexto.
03 · Detalle de local
Al seleccionar un local en el plano 2D se abre un panel de detalle que muestra información clave del espacio y, al mismo tiempo, una vista 3D del mismo local alineada con el piso correspondiente.
De esta forma, en una sola pantalla se combinan datos concretos (área, código, estado) con la percepción espacial de dónde está ese local dentro del piso y del edificio.
04 · Explorador 3D
En el modo 3D se construyen los cinco pisos completos como un bloque, con la posibilidad de activar un fondo dinámico que simula la zona de construcción alrededor del edificio.
Al pulsar sobre un piso, este se extrae de la estructura y la cámara se fija en él con una animación suave, mostrando claramente su forma, su altura relativa y dejando visibles los accesos antes de saltar al plano 2D.
05 · Puente 3D ↔ 2D
Tanto desde el modo 2D como desde el 3D siempre hay una acción clara para saltar al otro modo, manteniendo piso y local seleccionados. El usuario nunca tiene que “volver a buscar” el mismo lugar.
Esto convierte al explorador en una herramienta versátil: puedes empezar enseñando la volumetría general en 3D y terminar analizando detalles concretos en 2D, o al revés, según lo que necesite el cliente en la conversación.
06 · Resultado
Juntos, la landing, el explorador 2D y el 3D forman una herramienta coherente para explicar el centro comercial: se puede navegar por pisos, localizar cualquier local y mostrar su contexto en cuestión de segundos.
Esto simplificó las visitas comerciales, redujo la fricción al presentar opciones a clientes potenciales y dejó preparada una base sólida para seguir añadiendo datos, fotografías y métricas sobre el mismo mapa interactivo.
Arrastra horizontalmente o usa las flechas para recorrer este caso.