At a glance
My contribution
Create a name, identity and website for a new real estate agency in Phuket. The client wanted large images and scroll animations, using a private aviation website as a reference.
DeliveredThe brand and property website launched in approximately two months. The website works in six languages on desktop and mobile, with an opening-door animation and an interactive Phuket map.
- 01
Develop the name and concept
I connected the sea and a new home in the name Reef & Key, then made an opening door the central website idea.
- 02
Direct the studio team
As Creative Director at MADE BY MAD MEN, I assigned work, gave feedback and approved the work of two designers, three developers, a project manager, a QA engineer, a motion designer and a copywriter.
- 03
Review the website
I reviewed desktop and mobile layouts, language versions and interactions before launch.
Step inside Reef & Key.
An 18-second walkthrough of the live website, with desktop and mobile views side by side.
A new brand
for island living.
The client wanted a luxury real estate brand in Phuket, with large images and scroll animations on the website.
The client’s reference was a private aviation website. I kept its large type, full-screen images and scroll animations, and adapted them to homes and island life.
The name Reef & Key connects the sea with the key to a new home. I made an opening door the central concept: as visitors scroll, it reveals a view of life by the sea.
Warm interiors
and sea blue.
I chose warm interiors, sea blue, spacious layouts and large type. The team used these across the property pages, island map and transitions on desktop and mobile.
Building
the website.
The studio’s developers built the website with Astro, GSAP and Lenis. I reviewed the layouts, animations and interactions with them throughout development.
Layouts across languages
The team adjusted the layouts for different text lengths. Each language version has its own URL.
TYPOGRAPHY / LAYOUT / LOCALIZATION
Scroll and interaction
The door opens as visitors scroll. Further down, they can browse properties and explore areas on the Phuket map.
SCROLL / HOVER / INTERACTION
Testing the site
We tested image loading, scrolling and interactions on desktop and mobile, then worked through the issues we found.
PERFORMANCE / INTERACTIONS / MOBILE
The website in
six languages.
The team localized the content, navigation and forms, and added separate URLs and search metadata for each language. I checked the layouts and interactions across versions.
Launched in
October 2026.
We launched the brand and website in approximately two months, completing the site in October 2026. Advertising and customer acquisition are planned for the next phase.
- Brand naming and visual direction
- Desktop and mobile interface design
- Six localized language versions
- Custom animations and interactive map
Visit the live site to explore the properties, language versions and interactive map.
