Saltar al contenido principal
Inicio del sitio de Aura Nova Playa, vista de escritorio

Desarrollo web

Aura Nova Playa

§ 01 — Tesis

Categoría Desarrollo Inmobiliario

Desarrollo residencial en Playa del Carmen con modelo Aura Mar, ubicación y contacto.

Diseñamos un sitio dedicado alrededor del modelo Aura Mar, el mapa de ubicación, las amenidades y las rutas de contacto.

Modelo de Vivienda
1
Modelo Aura Mar 63m² con planos y tour
Amenidades
8+
Galería interactiva completa
SEO Score
100/100
Medición SEO registrada en el proyecto

§ 02 — El Brief / La Tensión

Fig. 02 Caso 04

02 El brief Registrado · 2026

El Desafío

Aura Nova Playa tenía presencia dentro del ecosistema de CADU, pero necesitaba una web dedicada para conectar el modelo Aura Mar, la ubicación, el financiamiento y el contacto.

Las fricciones

  1. Presencia dependiente de CADU, sin una web dedicada para Aura Nova Playa
  2. Necesidad de comunicar accesibilidad financiera (INFONAVIT, FOVISSSTE)
  3. Mostrar amenidades y modelo de vivienda de forma atractiva
  4. Rutas claras de contacto con formulario, WhatsApp y teléfono

§ 03 — La Estrategia / La Decisión

Fig. 03 Placa 03 04

Captura de escritorio de Aura Nova Playa: Homepage con Hero y Formulario
Fig. 03a Homepage con Hero y Formulario Diseño limpio con formulario de contacto integrado en el hero tipo escritorio

La decisión Nuestro Enfoque

Construimos el sitio desde cero para llevar la identidad de Aura Nova Playa a un recorrido centrado en ubicación, modelo y amenidades.

Los movimientos
  1. Estrategia de Contenido Definición de secciones, modelo de vivienda y amenidades a destacar
  2. Diseño Visual Identidad fresca con paleta verde/azul alineada al branding de CADU
  3. Desarrollo con Astro Sitio estático con componentes interactivos
  4. Integración de Features Formularios, galería, carrusel, mapa y widget de WhatsApp
  5. Optimización y Lanzamiento Performance, SEO y despliegue en producción
Detalle de Aura Nova Playa: Modelo Aura Mar
Fig. 03b Modelo Aura Mar

§ 04 — La Solución / Experiencia Responsiva

Fig. 04 Placa 04 04

La Solución

Diseñamos un sitio dedicado alrededor del modelo Aura Mar, el mapa de ubicación, las amenidades y las rutas de contacto.

Lo entregado
  1. Diseño moderno y limpio con identidad visual del desarrollo
  2. Galería interactiva de amenidades con lightbox
  3. Sección de modelo Aura Mar con carrusel y tour virtual
  4. Formularios optimizados con reCAPTCHA y WhatsApp flotante
Vista de escritorio de Aura Nova Playa: Amenidades
Fig. 04b Amenidades Dog park, alberca con palapa, asadores y más tipo escritorio adaptable
Vista móvil del sitio de Aura Nova Playa
Fig. 04a vista móvil tipo móvil adaptable

§ 05 — La Obra / Despliegue Visual

Fig. 05Placa 05 04

En marcos

Un recorrido por la superficie enviada: secciones, estados y puntos de quiebre.

Captura de escritorio de Aura Nova Playa: Ubicación y Cercanía
Fig. 05aUbicación y CercaníaMapa de ubicación con puntos de interés cercanostipoescritorio
Captura móvil de Aura Nova Playa: Experiencia Móvil
Fig. 05b Experiencia Móvil
Captura de escritorio de Aura Nova Playa: Financiamiento
Fig. 05c Financiamiento

§ 06 — Prueba Técnica / Dossier de Rendimiento

Fig. 06 Dossier 06 04

Informe de campo

Rendimiento móvil en Lighthouse: 90 de 100

Lighthouse, móvil. Aceleración 4G simulada. El número que sobrevive a una conexión lenta — el resto de esta página es el comprobante.

Lighthouse · Móvil × Escritorio
Puntuaciones de Lighthouse en móvil
Dimensión Móvil
Rendimiento
90
Accesibilidad
97
Mejores prácticas
96
SEO
100
Índice de velocidad 1.1s

Escritorio: 92 · 97 · 96 · 100 · 0.6s

Vitales técnicos
carga
0.6s
peso de página
500KB
peticiones
25
ttfb
20ms
Captura de PageSpeed Insights de Aura Nova Playa
Fig. 06 Captura de PageSpeed Insights

§ 07 — Impacto de Proyecto

Fig. 07Dossier 07 04

Lo que significó

Las métricas técnicas del proyecto registran una carga de 0.6 s.

Rendimiento Técnico0.6s
Libro de impacto
  1. SEO TécnicoLas métricas del proyecto registran un score SEO de 100/100.100/100 SEO
  2. Rutas de ContactoFormulario, WhatsApp y teléfono crean tres rutas de contacto.3 canales
  3. Información ComercialAmenidades, modelo Aura Mar, ubicación y opciones de financiamiento reunidas en un sitio propio.sitio dedicado
08 / Alcance técnicoNueve entregables

Alcance / Qué incluye

Qué incluye.

Una sola construcción. Un equipo. Sin traspasos. Nos quedamos al frente.

Dirección
DIR·01Nuestro EnfoqueConstruimos el sitio desde cero para llevar la identidad de Aura Nova Playa a un recorrido centrado en ubicación, modelo y amenidades.
DIR·02Contenido y EstructuraDefinición de secciones, modelo de vivienda y rutas de contacto
Diseño + Construcción
BL·03Diseño Moderno y LimpioIdentidad visual fresca que transmite confianza y modernidad para compradores jóvenes
BL·04Galería de AmenidadesGalería interactiva con lightbox mostrando alberca, áreas de juegos, canchas y más
BL·05Rutas de ContactoFormularios con reCAPTCHA y widget flotante de WhatsApp para contacto inmediato
BL·06Información de FinanciamientoSección dedicada a opciones de crédito: INFONAVIT, FOVISSSTE y bancario
Operación
OPS·07reCAPTCHAProtección contra spam en formularios
OPS·08Galería InteractivaLightbox para amenidades y carrusel de modelos
Sostenimiento
SUS·09Sitio en ProducciónRevisión técnica final, testing y despliegue en producción

§ 10 — Cierre / Conversión

Fig. 10 · Cierre 10 04

Siguiente sistema

Construyamos una web que convierta atención en confianza.

Aura Nova Playa muestra cómo un sistema web puede ordenar mensaje, prueba y rutas de contacto. Si necesitas una base digital con ese nivel de claridad, hablemos.