Skip to content

Real Estate

MYFRIX Concept

Ombrera Kitchens — Kitchen Design Studio

An interactive, showroom-style website for a luxury kitchen design studio.

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

The brief

What the project needed to solve.

Concept brief: a kitchen is a large, considered purchase that clients find hard to imagine. The studio needed a website that lets visitors explore styles, finishes and layouts on their own, see what a transformation looks like, and arrive at a consultation already knowing what they want.

Our approach

How we approached it.

Strategy
Turn the website into a digital showroom — let visitors try lighting, finishes and layouts before they ever book a visit.
UX
Six styles, five layouts and four finishes as clear entry points, each leading to one action: book a consultation.
Design
Dark, architectural palette with brass accents and a refined serif, so stone, timber and light look their best.
Development
Interactive components — lighting toggle, hotspots, material switcher and before/after slider — on a multi-page build with English and Arabic (RTL).

What we built

The pieces that make it work.

01

Day / night hero

One kitchen shown in daylight or evening light, with hotspots explaining key details.

02

Material switcher

The same kitchen re-rendered in four finishes at the tap of a swatch.

03

Before / after slider

A draggable comparison that shows a full renovation in one gesture.

04

Qualified consultation form

Project, style, layout, budget and timeline captured up front, with a WhatsApp alternative.

Inside the build

What we designed — and why it works.

A walk through the key sections of Ombrera Kitchens — Kitchen Design Studio, and the decisions behind each one.

01Hero

A hero you can explore, not just look at

The homepage opens on a full-screen walnut and black-marble kitchen with a bold serif headline. Small hotspots sit on the island, pendant and extractor — tap one and it explains the detail behind it.

  • Interactive hotspots on key details
  • Two clear calls to action
  • Full-bleed architectural photography
02Lighting

Day and night at the flick of a switch

A Lighting toggle under the hero swaps the same kitchen from daylight to evening, revealing the concealed LEDs and brass pendant. It shows clients how the room will feel at dinner — something a static photo can't.

  • Day / Night toggle
  • Same camera angle for a true comparison
  • Smooth cross-fade between scenes
03Materials

One kitchen, four characters

The material switcher re-dresses a single kitchen in Smoked Walnut, Calacatta Marble, Velvet Black or Natural Oak. Each swatch updates the image and a one-line description, so visitors can compare finishes in seconds.

  • Four finish swatches
  • Instant image and copy change
  • Helps clients decide before the showroom visit
04Styles

Six styles, each with its own page

From Modern Handleless to Gulf Majlis, every kitchen style has a dedicated page with a cinematic hero and its own story — giving visitors a clear starting point and giving the studio pages that can rank in search.

  • Six dedicated style pages
  • Cinematic, full-width page heroes
  • Regional styles alongside international ones
05Transformation

A renovation told in one drag

A before/after slider lets visitors pull a handle across an ordinary kitchen to reveal the redesign — walnut, black marble, hidden appliances and warm light — and links straight to the full project page.

  • Draggable before / after comparison
  • Clear Before and After labels
  • Link to the full project story
06Showroom

Making the showroom visit feel easy

The Showroom page shows the space, then explains the visit in three steps — book a slot, meet your designer, leave with a direction — so booking feels low-risk and well prepared.

  • Three-step visit explained
  • Large showroom photography
  • Booking online or by WhatsApp
07Consultation

A form that qualifies the lead for the designer

The consultation form asks the questions a designer needs — project type, preferred style, layout, budget range, timeline and contact preference — and offers a one-tap WhatsApp alternative for visitors who prefer to chat.

  • Structured fields for style, layout and budget
  • Send via WhatsApp option
  • Clear privacy note under the form
08Arabic

A full Arabic version, right-to-left

Every page switches to Arabic with a mirrored right-to-left layout, Arabic typography and translated navigation — including the lighting toggle and hotspots — so the site works for local clients as well as international ones.

  • Complete RTL layout
  • Arabic display typography
  • Interactive features work in both languages

Technology

Built with

  • React
  • Vercel

Outcome

What was delivered

A complete, interactive kitchen-studio website with styles, layouts, materials, projects, showroom and consultation booking in English and Arabic — designed and built by MYFRIX as a concept project and live today.

Next project

AURA — Smart Mug

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