Skip to main content
NewStella
Aura Nova Playa website homepage, desktop view

Web development

Aura Nova Playa

§ 01 — Thesis

Category Real Estate Development

Playa del Carmen residential site with Aura Mar model details, location context, and contact paths.

We designed a dedicated site around the Aura Mar model, location map, amenities, and contact paths.

Housing Model
1
Aura Mar model 63m² with plans and tour
Amenities
8+
Complete interactive gallery
SEO Score
100/100
Recorded project SEO measurement

§ 02 — The Brief / The Tension

Fig. 02 Case 04

02 The brief Filed · 2026

The Challenge

Aura Nova Playa had presence inside the CADU ecosystem, but needed a dedicated site connecting the Aura Mar model, location, financing, and contact paths.

The frictions

  1. Presence depended on CADU, without a dedicated Aura Nova Playa website
  2. Need to communicate financial accessibility (INFONAVIT, FOVISSSTE)
  3. Showcase amenities and housing model attractively
  4. Clear contact paths through form, WhatsApp, and phone

§ 03 — The Strategy / The Decision

Fig. 03 Plate 03 04

Desktop screenshot of Aura Nova Playa: Homepage with Hero and Form
Fig. 03a Homepage with Hero and Form Clean design with contact form integrated in hero type desktop

The decision Our Approach

We built the site from scratch to carry Aura Nova Playa's identity through a journey centered on location, model details, and amenities.

The moves
  1. Content Strategy Definition of sections, housing model, and amenities to highlight
  2. Visual Design Fresh identity with green/blue palette aligned with CADU branding
  3. Astro Development Static site with interactive components
  4. Feature Integration Forms, gallery, carousel, map, and WhatsApp widget
  5. Optimization & Launch Performance, SEO, and production deployment
Detail of Aura Nova Playa: Aura Mar Model
Fig. 03b Aura Mar Model

§ 04 — The Solution / Responsive Experience

Fig. 04 Plate 04 04

The Solution

We designed a dedicated site around the Aura Mar model, location map, amenities, and contact paths.

What we delivered
  1. Modern, clean design with development brand identity
  2. Interactive amenities gallery with lightbox
  3. Aura Mar model section with carousel and virtual tour
  4. Optimized forms with reCAPTCHA and floating WhatsApp
Desktop view of the Aura Nova Playa website: Amenities
Fig. 04b Amenities Dog park, pool with palapa, grills, and more type desktop responsive
Mobile view of the Aura Nova Playa website
Fig. 04a mobile view type mobile responsive

§ 05 — The Work / Visual Spread

Fig. 05Plate 05 04

In frames

A walk through the shipped surface — sections, states, breakpoints.

Desktop screenshot of Aura Nova Playa: Location & Proximity
Fig. 05aLocation & ProximityLocation map with nearby points of interesttypedesktop
Mobile screenshot of Aura Nova Playa: Mobile Experience
Fig. 05b Mobile Experience
Desktop screenshot of Aura Nova Playa: Financing
Fig. 05c Financing

§ 06 — Technical Proof / Performance Dossier

Fig. 06 Dossier 06 04

Field report

Mobile Lighthouse performance: 90 out of 100

Lighthouse, mobile. Simulated 4G throttle. The number that survives a slow connection — the rest of this page is the receipt.

Lighthouse · Mobile × Desktop
Lighthouse scores, mobile
Dimension Mobile
Performance
90
Accessibility
97
Best Practices
96
SEO
100
Speed Index 1.1s

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

Technical vitals
load
0.6s
page weight
500KB
requests
25
ttfb
20ms
PageSpeed Insights screenshot of Aura Nova Playa
Fig. 06 PageSpeed Insights screenshot

§ 07 — Project Impact

Fig. 07Dossier 07 04

What it meant

The project technical metrics record a 0.6s load time.

Technical Performance0.6s
Impact ledger
  1. Technical SEOThe project metrics record a 100/100 SEO score.100/100 SEO
  2. Contact PathsForm, WhatsApp, and phone create three contact paths.3 channels
  3. Commercial InformationAmenities, Aura Mar model, location, and financing options gathered in an owned website.dedicated site
08 / Technical ScopeNine deliverables

Scope / What shipped

What shipped.

One build. One team. No handoffs. We stayed accountable.

Direction
DIR·01Our ApproachWe built the site from scratch to carry Aura Nova Playa's identity through a journey centered on location, model details, and amenities.
DIR·02Content and StructureDefinition of sections, housing model, and contact paths
Design + Build
BL·03Modern, Clean DesignFresh visual identity that conveys trust and modernity for young buyers
BL·04Amenities GalleryInteractive gallery with lightbox showcasing pool, play areas, courts, and more
BL·05Contact PathsForms with reCAPTCHA and floating WhatsApp widget for immediate contact
BL·06Financing InformationDedicated section for credit options: INFONAVIT, FOVISSSTE, and bank loans
Operate
OPS·07reCAPTCHAForm spam protection
OPS·08Interactive GalleryLightbox for amenities and model carousel
Sustain
SUS·09Site LiveFinal technical review, testing, and production deployment

§ 09 — Related Projects

Fig. 09 · Index 0904

Next reading

More web systems with the same standard.

Other projects built around clarity, trust, and real demand.

  1. Real Estate Development

    Aura Nova Cancún

    Residential development site with Alba model details, gallery, and direct contact paths.

    Signal

    1.2s

    Load Time

    Open case

  2. Real Estate Development

    Aldeas Tulum

    Real estate architecture for four properties with 360° virtual tours.

    Signal

    98-100/100

    Google PageSpeed

    Open case

  3. Real Estate Developer

    Cadu Inmobiliaria

    Corporate real estate website for company story, developments, credit guidance, and contact paths.

    Signal

    25 años

    Trajectory

    Open case

§ 10 — Close / Conversion

Fig. 10 · Close 10 04

Next system

Build a website that turns attention into trust.

Aura Nova Playa shows how a web system can organize message, proof, and contact paths. If you need a digital base with that level of clarity, let's talk.

Start a project View more projects