Skip to content
The Fareed
Start a Project
Client Website

Costa Romana

A pre-construction oceanfront development in La Romana, Dominican Republic, sold mostly to buyers overseas who will never walk the site before they commit. The website had to do the work a sales office does: show the building as it will actually be built, list every one of the 76 residences, and answer the questions a buyer asks from four time zones away.

  • Sector Real Estate, pre-construction
  • Live at costaromana.com
  • Stack HTML, CSS, JavaScript, Three.js, PHP
  • Status Live and handed over
01The brief

Sell a building nobody can visit

Twelve floors, 76 residences, delivery in 2029. Everything a buyer can judge today is on the website, which makes every claim on it load-bearing. If a floor plate is drawn wrong or an area is off by five square metres, that error is what somebody bought.

So the job was less about styling a brochure and more about getting the building onto the page truthfully: the real footprint, the real unit mix, the real distances, and a way for the developer to keep availability current without calling a developer every time a unit sells.

02The problem

What we walked into

A site that looked finished and was not. Most of these only surface when you check the page against the architect drawings.

  • The domain was misspelled. The live site sat on coastaromana.com, with an extra letter. Every link, listing and business card pointed at a name that was not the project.
  • There was no unit data. The residences page described the building in general terms. Nothing tied a floor, a line and an area back to a drawing.
  • The 3D model was a guess. A slender tower stood in for what is actually a wide slab of 47.98 by 17.43 metres, with the service core behind the residences.
  • Pricing could not be published. Rates move with the building level, so any single figure on the page would have been wrong for most of the stock.
  • The location section was a narrow column. At roughly 560 pixels wide, any map dropped into it would have rendered its labels at about eight pixels.
  • Stock photography and a dead link. The Register Interest page carried twelve library images and no working route back to the main site.
  • Nothing answered how you get there. For an overseas buyer, travel is the first objection, and the site had no page for it.
03The solution

What was built

01

76-unit inventory

Generated from the architect zoning plans rather than typed by hand: five floors of eight residences and six floors of six. Every unit carries its interior area, balcony area and the plan reference it came from, so any figure on the page traces back to a drawing.

02

Interactive 3D viewer

A WebGL model of the real building, drawn to the surveyed footprint, with the service core behind the residences, units flush to the sea-facing facade, projecting balconies, rooftop signage and pool. Buyers rotate it and pick a floor.

03

Availability admin

A small admin screen so the developer marks a residence reserved or sold in seconds. Availability is the one thing on the site that changes weekly, so it is the one thing that does not need a developer.

04

Request Pricing

Prices replaced with an enquiry trigger across the inventory and the homepage cards. It keeps every figure honest while rates are still being set by level, and it routes the buyer into the pipeline instead of a dead end.

05

Original location map

A hand-drawn vector of the south-east coast in the project palette, showing both international airports, the drive times and Costa Romana between them. 8KB, sharp at any size, and licensed to nobody.

06

Getting Here page

A page built around the three airports that serve the development, with live route data linked from a source that maintains itself and current weather for the region.

07

Domain migration

The whole site moved to costaromana.com, with the old spelling kept alive on path-preserving redirects so no existing link breaks.

08

Content correction pass

Delivery year, project name, contact address and the residence descriptions brought into line across every page, and the stock library images replaced with the project renders.

04Screenshots

The site itself

Captured from the live site at costaromana.com.

The homepage, on the corrected domain and carrying the project render rather than a library photograph.
The homepage, on the corrected domain and carrying the project render rather than a library photograph.
The 3D viewer, rebuilt on the surveyed 47.98 by 17.43 metre footprint. Filters narrow the model by bedroom count and status.
The 3D viewer, rebuilt on the surveyed 47.98 by 17.43 metre footprint. Filters narrow the model by bedroom count and status.
All 76 residences, generated from the zoning plans, each carrying its interior area, balcony area and plan reference.
All 76 residences, generated from the zoning plans, each carrying its interior area, balcony area and plan reference.
Homepage residence cards. Pricing became Request Pricing because rates move with the building level.
Homepage residence cards. Pricing became Request Pricing because rates move with the building level.
The location map, drawn from scratch as an 8KB vector. The drive times are real text, not pixels, so they index and read on a phone.
The location map, drawn from scratch as an 8KB vector. The drive times are real text, not pixels, so they index and read on a phone.
Below the map, each landmark gets its own drive time instead of a paragraph of adjectives.
Below the map, each landmark gets its own drive time instead of a paragraph of adjectives.
Getting Here, a new page answering the first question an overseas buyer asks.
Getting Here, a new page answering the first question an overseas buyer asks.
Three airports compared side by side, with route data linked to a live source so the airline list cannot go stale.
Three airports compared side by side, with route data linked to a live source so the airline list cannot go stale.
The investment section: CONFOTUR eligibility and a milestone-based payment plan.
The investment section: CONFOTUR eligibility and a milestone-based payment plan.
05The migration

Changing the name without losing anyone

A domain move on a live sales site is the kind of task where a quiet failure costs enquiries for weeks, so every route was checked by hand rather than assumed.

  1. DNS cut over to the new domain and propagation confirmed against the live record.
  2. Certificate issued and forced HTTPS enabled, then every route re-tested over the secure scheme.
  3. Redirects written to preserve the path, so an old deep link lands on its own page rather than the homepage.
  4. All seven pages and all 22 assets verified on the new domain.
  5. Internal links, canonical tags, sitemap and the contact address updated to match.
  6. The 76-unit inventory and the 3D viewer confirmed intact after the move.
06Decisions

Choices worth defending

07The outcome

What shipped

Domain
  • Live on costaromana.com with a valid certificate and forced HTTPS.
  • Path-preserving redirects from the old spelling, verified route by route.
  • Seven pages and 22 assets confirmed on the new domain.
Inventory
  • All 76 residences generated from the architect zoning plans.
  • Interior area, balcony area and plan reference on every unit.
  • Filters by bedroom count and availability status.
Building
  • WebGL model rebuilt on the surveyed 47.98 by 17.43 metre footprint.
  • Service core placed behind the residences, units flush to the sea-facing facade.
  • Rooftop signage and pool, and balconies that project as they will be built.
Location
  • Original 8KB vector map of the south-east coast in the project palette.
  • Drive times of 1 hour 7 minutes from Santo Domingo and 55 minutes from Punta Cana, as real text.
  • Location section rebuilt full width so the map is legible.
Getting Here
  • New page covering all three airports that serve the development.
  • Live route data and regional weather linked rather than hardcoded.
  • Wired into the navigation, the footers and the sitemap.
Handover
  • Availability admin so the developer updates unit status without a developer.
  • Delivery year, project name and contact address consistent across the site.
  • Stock photography replaced with the project renders.

Selling something that is not built yet?

Pre-construction lives or dies on how believable the website is. If you have drawings and no site to put them on, let us talk.