Skip to content

Real Estate

MYFRIX Concept

Sadaf — Red Sea Residences

A beachfront residential community, presented as calmly and confidently as the homes themselves.

Visit Website Start a Project
Category
Real Estate
Project type
MYFRIX Concept
Technology
React, Vercel
Live site
sadaf-amber.vercel.app ↗

The brief

What the project needed to solve.

Concept brief: launch a 96-home coastal community on the Red Sea with a website that sells a lifestyle before it sells square metres — atmospheric enough to feel premium, structured enough for buyers to compare residences and book a sales call.

Our approach

How we approached it.

Strategy
Lead with place and lifestyle, then guide visitors to residences, amenities and a single clear action: book a call.
UX
A residence finder with price, size and layout on every card, plus dedicated pages for each home type.
Design
Warm limestone palette, editorial serif typography and a day/night hero that shows the community in two moods.
Development
A fast, responsive React build with smooth transitions and SEO-ready page structure.

What we built

The pieces that make it work.

01

Day / night hero

Interactive hero that switches the scene between day and night.

02

Residence finder

Browsable residences with price, bedrooms, bathrooms and area, each with its own detail page.

03

Amenities & location

Amenity showcase and travel-time guide to key nearby destinations.

04

Call booking

Contact page with a dedicated book-a-call flow for the sales team.

Inside the build

What we designed — and why it works.

A walk through the key sections of Sadaf — Red Sea Residences, and the decisions behind each one.

01Hero

A cinematic first impression — by day and by night

The homepage opens on a full-bleed view of the community with an editorial serif headline. A By Day / By Night switch lets visitors see the same place in two moods — selling the lifestyle before a single unit is shown.

  • Interactive day/night scene switch
  • Editorial typography over full-bleed imagery
  • Scroll progress counter (00 → 100) that runs through the whole page
02Storytelling

Three reasons to live here, told as a story

Instead of a list of features, the key benefits are presented as a numbered carousel. Each reason pairs a large aerial image with a short, confident message on a calm sea-glass panel.

  • Numbered benefit carousel with arrow navigation
  • Image and message paired side by side
  • Warm sand and sea-glass colour palette
03Emotion

A full-screen moment that slows the visitor down

Between information sections, a full-screen sunset scene carries a single resident-style quote. The pause changes the rhythm of the page and keeps the focus on how it feels to live there.

  • Full-screen image with tonal overlay
  • Large serif quotation for emphasis
  • Deliberate pacing between content sections
04Lifestyle gallery

Rooms that open to the outside

A horizontally scrolling gallery introduces the architecture and living spaces — stone and shade, the majlis, the terrace and the courtyard — each with a short caption written in the brand's voice.

  • Horizontal scroll gallery
  • Captioned lifestyle imagery
  • Section colours that shift to match each chapter
05Amenities

An interactive amenities index

Amenities are presented as a large typographic list over a moody night image. As the visitor moves through it, the active amenity lights up and reveals its description — informative without clutter.

  • Hover / scroll-activated highlight
  • Descriptions revealed on demand
  • Night photography for atmosphere
06Conversion

A closing invitation with one clear action

The page ends on a warm terrace scene and a single message — “Your place on the Red Sea is waiting.” — with a circular Book a Call button, so every scroll ends at the sales conversation.

  • One primary call to action
  • Persistent Book a Call in the navigation
  • Dedicated contact and booking page

Technology

Built with

  • React
  • Vercel

Outcome

What was delivered

A complete multi-page real-estate website — home, residences, residence details and contact — designed and built by MYFRIX as a concept project and live today.

Next project

Rawiya — Architecture Studio

View project

Have a digital project in mind?

Tell us what you're building. We'll help you turn the idea into a launch-ready digital product.

Start a Project View Our Work
Chat on WhatsApp