Beauty / Services
Noura Beauty House.
A women-only Dubai salon concept with personalised beauty and home visit planning.
Salon website conceptA CLOSER LOOK
On a laptop. On a phone.
Real website screenshots at laptop and phone sizes. Labels show the original image dimensions. Select a screenshot to view it at full size.
Homepage
Service catalogue
Appointment planner
The brief and approach
Context
A fictional women-only salon in Dubai, created as a portfolio project. Service prices, packages, specialist names and example reviews are illustrative; no real salon or client engagement is claimed.
Problem
A broad beauty menu needs to stay easy to browse, while colour, bridal and home appointments require a more personal plan than a fixed-price list. Visitors also need to understand travel fees and what happens after requesting a visit.
Approach
Create seven routes for the homepage, services, home beauty, bridal, story, personalised looks and appointments. Keep the full catalogue off the homepage, group treatments by category and show starting prices wherever the final scope depends on a consultation.
Development
Semantic HTML and shared CSS provide the responsive pages. JavaScript filters the service catalogue, opens accessible service dialogs, calculates neighbourhood travel fees and manages a three-step appointment preview. Conditional quote questions adapt to hair, bridal and home services. Sharp optimises the supplied images into WebP assets.
Result
A complete salon showcase with 72 services, six packages, detailed service information, a home visit fee calculator, bridal content and downloadable request previews. No booking, enquiry, payment or photo upload is sent to a salon. The public demo makes these limits explicit.
01 / BRANDING
The look & feel.
A calm beauty identity built around personal care. Fine serif headings, warm browns and generous space give the service menu a soft, considered character.
Self-initiated portfolio concept.
02 / COLOUR THEME
A palette with purpose.
Ivory
#FAF7F1
Brown
#583B30
Clay
#9B6B56
Sand
#E8DDCD
Colours taken from the website’s styles.
03 / TYPOGRAPHY
Character & clarity.
Noura Beauty House
Aa Bb Cc · 0123456789
Simple, readable supporting text gives the name room to stand out.
The website uses Cormorant Garamond with Manrope.
04 / LOGO APPROACHES
One identity.
Different settings.
Wordmark studies adapted from the website identity for light and dark backgrounds, shown in the brand’s heading typography.