Presentación al Consejo Directivo · 2026

Ecosistema Digital Propio 01 / 15

● Paseo Álvaro Obregón · Malecón Costero · La Paz, B.C.S.

Un horizonte digital a la altura de Distrito Malecón

Presentamos al Consejo Directivo los avances reales y la visión de crecimiento de nuestra plataforma tecnológica integral: el Portal Web Público Bilingüe, el Motor Comercial CRM y el Gestor de Contenidos (Headless CMS) diseñados exclusivamente para potenciar la preventa inmobiliaria, las rentas vacacionales y la operación hospitalaria frente al Mar de Cortés.

Presentador: MC. Jesús Eduardo Núñez Márquez

Departamento TI · Desarrollo de Software & Diseño Web

77

Departamentos de Lujo

12

Suites Hoteleras

19

Espacios Comerciales

24.5m

Frente al Mar de Cortés

distritomalecon.com · Portal Público Bilingüe ES / EN En Vivo

crm.distritomalecon.com · SuperAdmin CRM + CMS

01 · Visión de Negocio & Patrimonio Digital

Estrategia Corporativa 02 / 15

● Resumen Ejecutivo para el Consejo

Más que una página web: construimos un Activo Tecnológico Patrimonial

En desarrollos inmobiliarios y hospitalarios de alto nivel, depender de herramientas desconectadas provoca fugas de prospectos y altos costos en licencias. Distrito Malecón cuenta hoy con su propio ecosistema digital hecho a la medida.

1. Captación & Prestigio

Portal Público de Lujo (`dm-astro-website`)

La primera impresión ante inversionistas de México, EE. UU. y Canadá. Un escaparate arquitectónico ultrarrápido, bilingüe (Español/Inglés), con galería de renders oficiales, narrativa de estilo de vida en La Paz y formularios inteligentes que inyectan cada prospecto directamente a nuestro CRM en menos de un segundo.

✓ Cero intermediarios en la captación de prospectos

2. Conversión & Gobierno

CRM Comercial & Headless CMS (`dm-crm-fe`)

El centro de mando donde el equipo comercial da seguimiento puntual a cada oportunidad en un Tablero Kanban, con asignación automática equitativa (Round-Robin) y bitácora de auditoría. Además, el equipo de marketing publica noticias y páginas en español e inglés sin depender de programadores.

✓ Autonomía editorial y trazabilidad comercial total

3. Evolución Patrimonial

Expansión a Bienes Raíces & Hospitalidad

La plataforma está cimentada para acompañar toda la vida del desarrollo: desde la Preventa Inmobiliaria (Stacking Plan por piso y bloqueo automático de apartados), pasando por el Pool de Rentas Vacacionales, hasta la operación diaria de Restaurantes, Beach Club y Amenidades VIP.

✓ Una sola plataforma desde la preventa hasta la operación

Propiedad Intelectual

100% Activo de la Empresa

Sin rentas mensuales por usuario como HubSpot o Salesforce.

Mercado Internacional

Motor Bilingüe ES / EN

Atención nativa a inversionistas nacionales y extranjeros.

Protección de Datos

Gobierno y Auditoría

Cada asesor ve únicamente su cartera o equipo autorizado.

Velocidad de Respuesta

Alertas en Tiempo Real

Notificación inmediata en campana al recibir un prospecto web.

02 · Identidad Visual & Territorio Estético

Manual de Marca Integrado 03 / 15

● Coherencia Estética entre Sitio Público y Plataforma Interna

Inspirado en la naturaleza de La Paz y Playa Balandra

Tradujimos el manual de identidad oficial de Distrito Malecón en un sistema de diseño digital vivo: cada botón, tarjeta, etiqueta y transición respeta rigurosamente los colores del mar, el manglar y el desierto sudcaliforniano.

Profundo #16384E · Primario

Mar #4D8C8F · Acento

Cielo #E6F1EF · Superficie

Manglar #334B29 · Botánico

Pasto #C9D3B6 · Salvia

Tierra #7C6450 · Cálido

Arena #D8C7B9 · Neutro

Logotipos Oficiales

Imagotipo con Ubicación & Isotipo

Uso adaptable según el fondo: versión Profundo sobre fondos claros de lectura y versión Cielo sobre cabeceras marinas y modo nocturno.

Arquitectura Tipográfica

Tres Voces Complementarias

Plus Jakarta Sans para titulares arquitectónicos modernos;
Cormorant Garamond Italic para acentos editoriales cálidos;
Inter para máxima legibilidad en tablas financieras y CRM.

Accesibilidad Auditada WCAG 2.1 AA (Alto Contraste)

Territorio Verbal

Los 4 Pilares de Distrito Malecón

Toda la narrativa del portal público gira en torno a cuatro conceptos rectores que conectan emocionalmente con el comprador:

01 · Permanencia

02 · Encuentro

03 · Calma

04 · Horizonte

03 · Solidez Tecnológica & Arquitectura

Ingeniería Patrimonial 04 / 15

● Cómo está construido por dentro (Explicado en Valor de Negocio)

Cimientos de Ingeniería Seria para proteger la inversión

Así como un edificio frente al mar requiere cimentación profunda e ingeniería estructural antisísmica, nuestro software fue construido bajo los estándares internacionales más estrictos de la industria tecnológica.

Capa 1 · Experiencia del Cliente

Portal Público (dm-astro-website)

Tecnología Astro SSR + Islas Interactivas. Envía HTML puro ultrarrápido al navegador del comprador para lograr máxima puntuación en Google (SEO) y carga instantánea en celulares.

Capa 2 · Centro de Mando

Panel CRM & CMS (dm-crm-fe)

Aplicación administrativa en React + TypeScript Estricto. Gestiona oportunidades de venta, prospectos, noticias bilingües, usuarios, permisos y temas visuales en tiempo real.

Capa 3 · Motor Central & Bóveda

API & Base de Datos (dm-api-be)

Servidor central con Arquitectura Hexagonal (Puertos y Adaptadores) y base de datos relacional MySQL. Aplica las reglas comerciales, seguridad JWT y auditoría de cada acción.

Arquitectura Limpia

Independencia Tecnológica

Separación estricta en 3 anillos (Dominio, Aplicación e Infraestructura). Las reglas de negocio de Distrito Malecón no están atadas a ningún proveedor externo.

→ Protege la inversión a 10+ años

Seguridad RBAC

Blindaje de Cartera Comercial

Control de acceso por Roles y Equipos. Un asesor solo visualiza sus prospectos asignados; los Directores y Gerentes supervisan todo el embudo y la bitácora.

→ Cero fugas de información

Calidad Auditada

Pruebas Automatizadas

Robots de software verifican automáticamente las reglas de negocio (Unit Tests), la base de datos (Integration Tests) y los flujos de pantalla (Playwright E2E).

→ Despliegues sin errores humanos

Escalabilidad Modular

Principios SOLID & DRY

Cada bloque construido hoy (notificaciones, permisos, galería multimedia, clientes) se reutiliza directamente al activar Bienes Raíces y Reservas.

→ Menor costo en fases futuras

04 · Portal Web Público (dm-astro-website)

✓ Construido y Operativo 05 / 15

● Primera Impresión de Impacto · Hero con Header y Barra de Métricas

Hero Cinematográfico y Variantes de Navegación (Header)

Diseñamos un Hero interactivo con 4 escenas editoriales, selector de idioma en vivo (ES/EN), barra superior de ubicación/teléfono y tres variantes arquitectónicas de Header evaluadas y maquetadas para el proyecto.

distritomalecon.com · Hero Oficial + Barra de Métricas Header Sólido

Hero Slide 1 con Header Sólido y Barra de Métricas

Hero Principal + Topbar + Barra Flotante (77 Deptos · 12 Suites · 19 Locales · 24.5m) Activo

Variante A · Header Transparente Inmersivo

Header Transparente sobre Atardecer en La Paz

Header Transparente sobre Atardecer Malecón Variante 1

Variante B · Header Isla Flotante Glassmorphism

Header Isla Flotante (Cápsula Translúcida) Variante 2

Escena 02 · El Paraíso Turquesa Balandra

Slide 02: "El paraíso turquesa del Mar de Cortés" Entorno

Escena 03 · Diseño & Arquitectura Renders

Slide 03: "Arquitectura contemporánea con raíz local" Diseño

04 · Portal Web Público · Recorrido Completo

✓ Home Page Completo + Contacto CRM 06 / 15

● Arquitectura de Conversión de Principio a Fin

Vista del Home Page Completo y Secciones del Portal

Cada sección de la página principal fue estructurada estratégicamente para guiar al visitante desde el asombro visual hasta el registro de sus datos de inversión en el CRM.

Home Page Completo (Scroll)

Vista Integral Home (Clic para zoom) Full Page

Sección 1 · Los 4 Pilares del Proyecto Concepto

Residencias, Gastronomía, Hotel Boutique y Rooftop 4 Pilares

Sección 2 · Galería Oficial de Renders 3D Masterplan

Galería de Vistas Oficiales del Proyecto

Cuadrícula Interactiva de 6 Renders Oficiales 3D Renders

Sección 3 · Visor Lightbox en Pantalla Completa Interactivo

Modal Lightbox de Alta Definición con Navegación Zoom HD

Sección 4 · Página de Contacto (/contacto & /en/contact) Lead Capture

Formulario Bilingüe Conectado en Vivo al CRM API Real

04 · Patrimonio Arquitectónico en Alta Definición

6 Renders Oficiales Integrados 07 / 15

● Visualización Arquitectónica Optimizada para Web y Dispositivos Móviles

Vistas Oficiales de Distrito Malecón integradas al ecosistema

Todos los renders arquitectónicos oficiales fueron procesados y optimizados para ofrecer nitidez retina sin sacrificar velocidad de carga, tanto en el portal público como en el catálogo inmobiliario del CRM.

01 · Vista Panorámica Frente al Mar 24.5m Frente

02 · Perspectiva Arquitectónica Balcones Curvos

03 · Paseo Comercial & Gastronomía 19 Locales

04 · Integración con el Malecón Costero Ciclovía & Mar

05 · Motor Lobby & Acceso Principal Hospitalidad

06 · Plaza Interior & Espejo de Agua Oasis Urbano

05 · Plataforma Administrativa (dm-crm-fe)

✓ Construido y Operativo 08 / 15

● Gobierno Corporativo, Seguridad y Control Ejecutivo

Escritorio SuperAdmin, Usuarios & Equipos y Bitácora de Auditoría

La dirección cuenta con visibilidad en tiempo real del pulso del negocio: cuántos prospectos entraron hoy, cómo avanza cada asesor y un registro histórico inmutable de cada acción realizada en el sistema.

/ · Escritorio Ejecutivo SuperAdmin Dashboard

1. Escritorio Ejecutivo en Tiempo Real Indicadores clave de oportunidades abiertas, conversión de ventas, publicaciones activas del sitio y campana de alertas en vivo.

/admin/usuarios · Gobierno RBAC Seguridad

2. Control de Usuarios, Equipos y Permisos Permisos granulares por módulo (CRM, CMS, Plataforma) con niveles Lector, Editor y Administrador, más agrupación por células comerciales.

/actividad · Bitácora Global Auditoría

3. Bitácora de Actividad y Trazabilidad Historial transparente de llamadas, notas con menciones (@asesor), cambios de etapa y asignaciones automáticas Round-Robin.

06 · Motor Comercial CRM (Ventas Inmobiliarias)

✓ Construido y Operativo 09 / 15

● Embudo Comercial Visual e Inteligente

Tablero Kanban de Oportunidades y Asignación Round-Robin

Ningún inversionista se queda sin atención: cada solicitud del portal web genera un prospecto calificado con su idioma y campaña publicitaria de origen, asignándolo equitativamente al siguiente asesor disponible.

1. Captura Bilingüe + UTM

Atribución Exacta de Marketing

Sabemos qué campaña (Google, Instagram, Broker VIP) y en qué idioma (Español o Inglés) llegó cada prospecto, calculando automáticamente su Lead Score.

2. Reparto Equitativo

Motor Round-Robin Automático

Distribuye las oportunidades de venta en turno rotativo entre los asesores activos del equipo comercial, eliminando favoritismos y reduciendo el tiempo de respuesta a minutos.

3. Inteligencia Financiera

Pronóstico Ponderado de Cierre

Suma en tiempo real el valor en dólares de cada columna del embudo (Nuevo Prospecto → Recorrido VIP → Apartado 72h → Contrato y Enganche).

/ventas/tablero · Embudo Comercial Preventa Residencial & Comercial Kanban Drag & Drop

Tablero Kanban Interactivo con Filtros por Embudo, Asesor y Etapas Operativo

07 · Gestor de Contenidos Propio (Headless CMS)

✓ Construido y Operativo 10 / 15

● Autonomía Total para el Equipo de Comunicación y Marketing

Editor Visual por Bloques, SEO en Vivo y Motor Bilingüe

Construimos nuestro propio gestor de contenidos editoriales para publicar avances de obra, artículos de estilo de vida y páginas dinámicas en español e inglés, con vista previa idéntica a cómo aparece en Google.

/contenido/noticias · Catálogo Editorial ES / EN Multi-idioma

1. Gestión de Publicaciones con Filtro por Idioma (🇲🇽 ES / 🇺🇸 EN) Activo

/contenido/noticias/nueva · Editor + Google SEO Preview Editor Rico

2. Editor de Bloques (Hero, Carrusel, Video, Cita) + Simulador Google SEO Activo

/contenido/configuracion · Gobernanza Bilingüe del Sitio Configuración

Configuración del Sitio y Cobertura de Traducción

3. Interruptor Maestro Multi-idioma y Tabla de Cobertura de Traducción Activo

/contenido/taxonomias · Categorías y Etiquetas Oficiales Taxonomía

4. Clasificación Editorial con Paleta Cromática Oficial de Marca Activo

08 · Experiencia de Usuario & Theming del Admin

✓ 6 Temas Oficiales en Vivo 11 / 15

● Diseño Cálido y Adaptable para Jornadas Ejecutivas

Motor de Personalización y Temas en Tiempo Real

Creamos un motor de apariencia dentro del panel administrativo (/admin/apariencia) con 6 atmósferas inspiradas en Baja California Sur, permitiendo elegir entre ambientes costeros luminosos o modo nocturno de alto contraste.

Tema 01 · Costa Malecón (Predeterminado Oficial) Aurora Costera

1. Costa Malecón · Riel Azul Profundo (#16384E) y Brisa Marina Oficial

Tema 02 · Oasis Balandra & Manglar Botánico

2. Oasis Balandra · Riel Verde Manglar (#334B29) y Salvia Natural Orgánico

Tema 05 · Bahía Nocturna (Dark Luxury) Modo Oscuro

3. Bahía Nocturna · Modo Oscuro Arquitectónico para Sala de Consejo Dark Luxury

Controles de Superficie, Glassmorphism y Redondez Personalizable

4. Ajuste Fino de Intensidad de Gradiente, Tono del Riel y Bordes Interactivo

09 · Visión a Futuro · Módulo Bienes Raíces (Fase 1)

★ Próxima Fase · Diseño Listo en Plataforma 12 / 15

● Expansión Natural del Ecosistema Inmobiliario

Bienes Raíces: Catálogo Maestro de Ventas y Rentas

La siguiente etapa conecta directamente cada departamento, penthouse, suite hotelera y local comercial con el embudo de ventas del CRM y con el portal público en tiempo real.

Inventario Unificado

108 Unidades en un Solo Lugar

Control de precios de lista, metraje interior y terraza, nivel, orientación al mar, cajones de estacionamiento y estatus comercial (Disponible, Apartado o Vendido).

Vinculación CRM 1-a-1

De la Propiedad al Trato Comercial

Los asesores vinculan una unidad específica (ej. Penthouse Imperial PH-01) a la oportunidad del cliente, generando cotizaciones PDF con corrida financiera en segundos.

Doble Modelo de Negocio

Venta Patrimonial + Renta Vacacional

Permite administrar tanto la venta en preventa como las unidades que se integran al Pool de Rentas Vacacionales (Lock-off Turnkey) con proyección de retorno (ROI).

/propiedades/catalogo · Inventario Maestro de Unidades Bienes Raíces

Catálogo Visual de Unidades con Vínculo Directo a Deals del CRM y Fichas Técnicas Prototipo en CRM

09 · Visión a Futuro · Stacking Plan & Bloqueo 72h

★ Certeza Jurídica y Comercial 13 / 15

● Cero Dobles Ventas · Sincronización en Tiempo Real

Stacking Plan Interactivo y Bloqueo Automático de 72 Horas

Un mapa visual edificio por edificio y piso por piso que brinda transparencia absoluta a la Dirección, a los brokers externos y a los compradores finales.

Regla de Oro Comercial

Bloqueo Automático por 72 Horas

En el instante en que un asesor pasa una oportunidad a la etapa "Apartado" o se recibe la transferencia/depósito de reserva, el sistema cambia la unidad a color ámbar en el sitio web público durante 72 horas mientras se firma el contrato, impidiendo que dos asesores vendan el mismo departamento.

4 Tipologías + Recorridos 360°

Biblioteca CAD, PDF y Matterport VR

Cada tipología (Penthouse Imperial, Modelo Brisa, Modelo Bahía y Studio Suite) cuenta con sus planos arquitectónicos descargables y recorrido virtual 3D para compradores a distancia.

Portal de Inversionistas

Absorción por Nivel y Plusvalía

Permite a la Dirección ajustar listas de precios por escalón de absorción (ej. incrementar +4% al superar el 30% de unidades vendidas por nivel).

/propiedades/disponibilidad · Stacking Plan por Nivel (Torre A & Paseo PB) Stacking Plan

Stacking Plan de Disponibilidad por Nivel

Mapa de Absorción por Piso: Libre (Verde), Apartado 72h (Ámbar) y Vendido (Gris) Tiempo Real

10 · Visión a Futuro · Hospitalidad, Restaurantes & Amenidades

★ Experiencia VIP para Propietarios y Visitantes 14 / 15

● El Corazón Vivo del Paseo Gastronómico y el Rooftop

Sistema de Reservas en Vivo, Mapa de Mesas y Recepción Hostess

El botón "Reservar" del portal público se conecta directamente con nuestra consola de hospitalidad para operar restaurantes, eventos privados, el Rooftop & Infinity Pool y amenidades exclusivas de residentes.

Reconocimiento VIP Automático

Cruce Inteligente con Propietarios CRM

Cuando un propietario de Distrito Malecón o un inversionista en negociación reserva una mesa desde el sitio web, la Hostess recibe una alerta inmediata de "Cliente VIP / Propietario PH" con sus preferencias y alergias.

Ahorro Operativo Directo

Cero Comisiones por Cubierto

A diferencia de plataformas externas que cobran entre $1.00 y $2.50 USD por cada comensal sentado, nuestro motor propio procesa reservas ilimitadas sin comisiones por cubierto.

Terminal iPad + WhatsApp

Lista de Espera Walk-in Inteligente

Los visitantes que pasean por el Malecón se registran en recepción y reciben un mensaje automático por WhatsApp cuando su mesa frente al mar está lista.

/reservas/mesas · Mapa de Zonas, Ocupación en Vivo y Recepción Hostess Hospitalidad

Control de Terraza Malecón, Salón Principal, Rooftop Lounge y Barra de Mixología Prototipo en CRM

11 · Hoja de Ruta Estratégica & Conclusiones

Plan Maestro Digital 15 / 15

● Evolución Ordenada y Medible

Hoja de Ruta del Ecosistema Digital Distrito Malecón

Una arquitectura pensada desde el día uno para crecer sin retrabajos: hoy tenemos lista la cimentación comercial y editorial, lista para encender los motores de inventario inmobiliario y hospitalidad.

✓ Etapa 1 · Completada

Cimentación, Portal Bilingüe, CRM & CMS

Portal Público Astro SSR (`ES/EN`)
Hero dinámico, 4 Pilares, Galería 3D y Contacto CRM
Tablero Kanban de Ventas & Round-Robin
Headless CMS por bloques + SEO
Seguridad RBAC, Auditoría y 6 Temas Oficiales

ESTADO: CONSTRUIDO Y OPERATIVO

Etapa 2 · Expansión Inmobiliaria

Módulo Bienes Raíces: Ventas & Stacking Plan

Catálogo maestro en vivo de las 108 unidades
Stacking Plan interactivo por piso y torre
Bloqueo automático de 72h al apartar en CRM
Generador de cotizaciones PDF con corrida financiera
Rutas públicas `/propiedades/[slug]`

INTERFAZ LISTA · CONEXIÓN API

Etapa 3 · Rentas & Patrimonio

Pool de Rentas Vacacionales & Propietarios

Gestión de unidades en Pool Hotelero / Lock-off
Calculadora dinámica de ROI vacacional en portal
Integración de recorridos virtuales 360° Matterport
Expediente digital de clientes y avance de obra para compradores

CRECIMIENTO PATRIMONIAL

Etapa 4 · Hospitalidad en Vivo

Motor de Reservas, Restaurantes & Amenidades

Widget de reservación en vivo en el portal público
Mapa interactivo de mesas por zona y terraza
Terminal iPad para Hostess y lista de espera WhatsApp
Reconocimiento automático de Propietarios VIP

OPERACIÓN DISTRITO GASTRONÓMICO

Tecnología con raíz local y visión internacional para el Consejo Directivo

Diseño cálido · Ingeniería Hexagonal · Autonomía comercial y editorial · Preparado para escalar con Distrito Malecón.

Presentador: MC. Jesús Eduardo Núñez Márquez