Caso de estudio
Ecosistema web completo para el centro comercial: landing de captación, explorador 3D/2D interactivo con filtros de disponibilidad, panel administrativo con todos los módulos de gestión y portal del cliente con vista 3D de su local, documentos y estado de cuotas.
01 · La Suite
La Suite Web Jardín Encanto conecta cuatro plataformas sobre un único backend en TypeScript y una base de datos Neon/PostgreSQL: una landing de captación, un explorador 3D/2D interactivo, un panel administrativo completo y un portal del cliente.
Cada plataforma tiene un rol claro en el ciclo comercial del centro: atraer, mostrar, gestionar y fidelizar, sin duplicar datos ni separar contextos entre sistemas.
02 · Landing
La landing en jardinencanto.co es el primer punto de contacto con arrendatarios potenciales. Construida con Next.js y Tailwind CSS, presenta el centro comercial con animaciones sencillas y un llamado a la acción directo hacia el explorador.
Su objetivo es concreto: transmitir la propuesta de valor del mall, mostrar los accesos al explorador 3D/2D y facilitar el contacto con el equipo comercial desde cualquier dispositivo.
03 · Explorador
En explorador.jardinencanto.co el usuario puede recorrer el mall en 3D, extraer pisos individualmente y luego ver sus planos 2D a escala con locales seleccionables y fichas de detalle por espacio.
Los filtros de disponibilidad permiten afinar la búsqueda por área, piso o estado antes de entrar al mapa, convirtiendo el explorador en una herramienta de negocio activa y no solo una visualización decorativa.
04 · Admin
admin.jardinencanto.co centraliza la gestión completa del centro comercial: locales, arrendatarios, contratos, cuotas, documentos y reportes, todo sobre un backend propio en TypeScript conectado a Neon/PostgreSQL.
Construido con Next.js sin Tailwind, el panel está diseñado para uso interno intensivo: formularios de alta y edición, control de estados de cuotas, subida de documentos y visibilidad total del estado de ocupación en tiempo real.
05 · Panel cliente
En panel.jardinencanto.co cada arrendatario puede ver su local en 3D, revisar el estado de sus cuotas (pagadas, pendientes y vencidas), descargar documentos subidos por la administración y consultar su historial de pagos.
Construido con Next.js sobre la misma base de datos que el admin, el panel garantiza que lo que ve el cliente siempre refleja exactamente lo que registra la administración, sin sincronizaciones ni APIs intermedias adicionales.
06 · Resultado
El centro comercial pasó de no tener presencia digital a operar con cuatro plataformas interconectadas que cubren captación, visualización, gestión y comunicación con clientes desde una sola fuente de verdad.
La suite redujo el tiempo de respuesta comercial, eliminó la duplicidad de datos entre administración y clientes, y dejó preparada una base robusta para escalar con nuevos módulos sin romper lo ya construido.
Arrastra horizontalmente o usa las flechas para recorrer este caso.