Case study 02 Real estate · Residential

Boracay

From a Figma file to a custom WordPress theme for 60 boutique apartments in Zona 15 / faithful to the design, and easy for the sales team to keep current.

Client
Boracay · by Rosul
Industry
Real estate
Services
Design Engineering, Custom WordPress theme, Front-end
Year
2026
Visit boracay.com.gt ↗
Boracay website hero on desktop

01 / The challenge

The problem

A premium residential project needs a site that feels as considered as its architecture. The design already existed in Figma, and a page builder or off-the-shelf theme would have flattened it.

It had to launch with the sales campaign, and stay editable by people who don't write code.

02 / The thinking

What we discovered

A

Page builders trade fidelity for convenience.

The typography, spacing and motion in the Figma file were the brand. They needed to survive implementation intact.

B

Content changes. Structure doesn't.

Models, amenities and availability evolve through the sales cycle; the layout that presents them should not break when they do.

C

Speed can't cost the details.

A tight launch date called for a faster way to build, without handing judgment over to the tool.

03 / The response

From Figma to a living site

A calm, editorial single-page story (film, project, spaces, amenities, architecture, location) that always ends in the same place: request information, book a visit or message on WhatsApp.

Boracay mobile: apartment model 93 H1 with floor plan and inquiry button
IEvery model, one clear page. Rooms, area and floor plan in a calm, single-column layout, with the enquiry button always in reach.
Boracay mobile: full-screen navigation menu
IINavigation without noise. A full-screen menu that lists every section, from the project to the 360° tour, in one tap.

04 / The build

From design to reality

AI wrote a lot of first drafts. Judgment wrote the final version.

Custom theme

A bespoke WordPress theme, with no page builder, translated component by component from the Figma file.

AI-assisted

Built in Cursor. AI accelerated scaffolding and repetitive component work; every line was reviewed, refined and is owned by the studio.

Editable

Structured, editable content for models, amenities and project details, so the sales team can update without touching layout.

Motion & media

Video hero and closing film, animated counters, amenities slider, architecture highlights and a 360° tour.

Conversion

Every section leads to a next step: request information, book a visit, WhatsApp or download the brochure.

05 / The result

What changed

A site that stays true to the Figma file, on a theme the client owns outright, with content the team can keep current without a developer.

Measured impact

98%
Design to build fidelity
-40%
Build time vs. manual
95
Lighthouse performance
+31%
Contact form submissions

Have a similar challenge?

← Back to selected work Let's talk →