The challenge
The client felt its previous website did not reflect the premium standard of its projects, and was concerned about low traffic.
Umar Bin Akbar AliWebsite design & developmentDubai · 2026
Casa Elegance
ClientCasa Elegance Interiors
ScopeDesign · Development · Launch
Liveceinteriors.ae
Overview
A Dubai interior studio whose work deserved a stronger first impression.
- Client
- Casa Elegance Interiors, Dubai
- My role
- Design and front-end development
- Timeline
- About 30 days, May–June 2026
- Deliverable
- Responsive website, live June 2026
The approach
Let real project photography lead. Keep navigation, labels and actions precise. Give visitors a practical next step: a cost calculator.
The result
A dark, photography-first site with 14 project stories, five services and a five-step estimate flow.
01 — The arrival
Room for a first impression.
The homepage lets the interiors lead. A dark frame, a project carousel and one clear promise introduce the studio before asking anything of the visitor.
123
- 1
The primary action, in gold
The cost calculator sits in the header of every page, the only filled gold button in the navigation.
- 2
Projects, not stock imagery
A centred carousel of the studio’s own spaces, with neighbours peeking in on both sides.
- 3
One message at a time
Each slide pairs a category, a short headline and a single “Explore more” link.
02 — The whole site
One standard, page after page.
Home, services, projects, project stories and the studio page share one grid, one type system and one restrained palette.
Full-length desktop captures of the site, 1440px wide. Client testimonials are blurred.
03 — The visual languageDark surfaces. Warm gold.
Dark surfaces. Warm gold.
Precise type.
On site base #161616On accent #B6986FOn warm white #F8F4EFAa
Website typeface
Mona Sans
Regular 400Medium 500Semibold 600
Crafted Spaces for Elevated Living
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Base#161616
Surface#1B1B1B
Raised#212121
Accent gold#B6986F
Warm white#F8F4EF
Values taken from the website’s stylesheets. The serif display face in this presentation is an editorial choice for the case study only.
04 — Components
Built from a small, consistent kit.
Header, cards, filters and calculator controls reuse the same dark surfaces, uppercase labels and gold accent.
05 — Structure
A clear route from inspiration to enquiry.
Every page offers two ways forward: explore the work, or start an estimate from the header.
Retrospective map of the live site’s navigation and page relationships.
06 — The collection
The work, in focus.
Fourteen projects, each with its own page. Visitors can narrow the collection to apartments, villas, commercial or hospitality work in one tap.
- 14
- Project stories
- 4
- Category filters
- 5
- Services
07 — Project stories
Beyond the image.
Each project page brings the facts, the story and the photography together, so a visitor can admire the space and then understand the work behind it.
- FactsClient, location, scope, completion
- StoryA short narrative and three defining qualities
- GalleryKey moments from the finished project
- Next stepAn invitation to start a similar project
08 — The signature interaction
What could your space cost?
A practical bridge from inspiration to a real conversation. Visitors describe their property, scope and finish, and receive an indicative investment range.
Five steps
Property, details, scope, finish level and a final review of every input.
One contact step
Contact details are requested before the estimate appears, so each estimate can lead to a conversation.
A range, not a quote
The result is an indicative investment range for planning.
09 — Responsive
Always in proportion.
Navigation, project browsing, stories and the calculator adapt to the phone without losing the site’s character.
10 — Delivery30days from brief to launch
From the brief to the browser.
- Direction
The client approved the design direction at the first presentation.
- May–June
Designed and built the responsive pages, project collection and calculator.
- June 2026
Website live at ceinteriors.ae.
Built with
HTML · CSS · JavaScript · GSAP ScrollTrigger · Swiper
After launch
The client reports that visitors are using the calculator, and the team is working to turn that interest into projects.
Client’s qualitative report. Traffic and conversion figures have not been measured for this case study.