Dubai Property Roadshow Landing Page Rebuilt from a Flattened Design Image

A Dubai property-investment roadshow needed a landing page for its Melbourne event, on a short turnaround, matching an AI-generated design image the client already had in hand. The design existed only as a single flattened PNG — no layers, no source assets, no icon files.

What we built

We built the page twice, deliberately. First as a static HTML/CSS prototype with a design-token stylesheet, so composition and spacing could be settled quickly outside WordPress. Then as the real deliverable on the client's Cloudways WordPress site: an Elementor build using the client's exact hex colours, both brand logos, and responsive desktop, tablet and mobile layouts.

• RSVP form in Fluent Forms, with entry storage, an admin notification and an automatic confirmation email to the attendee.
• Redrawn artwork — because the design was flattened, the background photography, card icons and the About-section line illustrations all had to be rebuilt by hand rather than exported.
• Interaction detail — hover lift effects on the cards and a fix for browser autofill recolouring the form fields.
• A deliverable CSS pack — additional stylesheets written to be pasted straight into WordPress, so later rounds of refinement did not require re-exporting the whole page.

Checking the build against the design

We kept a verification folder in the project: an icon build script and side-by-side design-versus-build comparison screenshots, so every round of feedback could be argued against pixels rather than impressions. Rebuilding a flattened image by hand is never a pixel-identical exercise, and the comparison shots made the remaining differences explicit instead of arguable.

An email problem found along the way

While testing the RSVP flow we established that the site was not delivering mail at all — a test to an unrelated mailbox arrived nowhere, not even in spam. That is a site-wide problem, not a form problem, and it would have silently swallowed every RSVP. We walked the client through routing WordPress mail through Brevo using FluentSMTP.

Status

The page was built and handed to the client, who confirmed the revised version read much better. The engagement ran past its original same-day target, and the transcript ends with the pixel-match discussion and the mail-delivery verification both still open on the client's side — so we present this as work delivered, not as work signed off.