Our Three Step Process
Our Three Step Process
UI/UX - Design - Suroor Scents

Our Three Step Process
UI/UX - Design - Suroor Scents

Suroor Scents is a premium fragrance brand that offers carefully curated perfumes for men and women. Their scent line blends traditional elegance with modern flair.
Project Overview
Suroor Scents is a premium fragrance brand that offers carefully curated perfumes for men and women. Their scent line blends traditional elegance with modern flair — and they needed a website to reflect just that.
We were tasked with designing a full website experience that not only showcased their products but also evoked the sophistication and emotional richness of each fragrance. From homepage to product pages, our design aimed to be immersive, clean, and conversion-focused.
Scope of Work
Full Website UI Design
Hero Section & Navigation
Product Category Pages (For Men, For Women)
Product Detail Pages
Cart Interface
About & Contact Pages
Mobile Responsiveness
Objectives
Design a visually luxurious website that complements the elegance of the fragrances
Create a frictionless shopping journey, from browsing to checkout
Allow easy navigation across genders and collections
Build trust and desire through storytelling and design
Design Approach
Hero Section
Strong product focus with bold typography (“HALA ESSENCE”)
Subtle nature-inspired leaf elements behind the bottle
Emotional fragrance copy to invoke curiosity
CTA buttons — “Shop Now” and “Explore More” — placed for instant action
Navigation & UI
Gender-based nav ("For Men" / "For Women") for tailored browsing
Minimalist top nav with clear categories and cart icon
Sticky navigation with mobile-friendly hamburger menu
Product Pages
High-res fragrance visuals with clean layout
Descriptive scent notes & emotion-driven text
Add-to-cart quantity toggler with plus/minus UI
“Top Rated” or “New Arrival” labels to boost visual hierarchy
About Page
Brief, elegant copy focused on Suroor’s vision
Background story emphasizing purity, craftsmanship, and elegance
Visual storytelling with subtle animations and mood lighting
Contact Page
Simple contact form
Integrated map section
WhatsApp/Email quick-access buttons
Responsiveness
Fully mobile-optimized layouts
Touch-friendly UI and intuitive scroll behavior
Buttons & visuals scale beautifully for smaller screens
Hypothetical Results
(For concept presentation or portfolio impact narrative)
+60% Higher Engagement Rate due to sleek UI and product-first focus
+45% Conversion Rate Increase through simplified product pages & fast access buttons
Decreased Bounce Rate with improved homepage storytelling
💡 Final Thoughts
Suroor Scents now has a digital presence that mirrors the elegance of their fragrances. The design delivers a premium, seamless, and sensory shopping experience — one that speaks to modern buyers who appreciate both scent and style.
Project Overview
Suroor Scents is a premium fragrance brand that offers carefully curated perfumes for men and women. Their scent line blends traditional elegance with modern flair — and they needed a website to reflect just that.
We were tasked with designing a full website experience that not only showcased their products but also evoked the sophistication and emotional richness of each fragrance. From homepage to product pages, our design aimed to be immersive, clean, and conversion-focused.
Scope of Work
Full Website UI Design
Hero Section & Navigation
Product Category Pages (For Men, For Women)
Product Detail Pages
Cart Interface
About & Contact Pages
Mobile Responsiveness
Objectives
Design a visually luxurious website that complements the elegance of the fragrances
Create a frictionless shopping journey, from browsing to checkout
Allow easy navigation across genders and collections
Build trust and desire through storytelling and design
Design Approach
Hero Section
Strong product focus with bold typography (“HALA ESSENCE”)
Subtle nature-inspired leaf elements behind the bottle
Emotional fragrance copy to invoke curiosity
CTA buttons — “Shop Now” and “Explore More” — placed for instant action
Navigation & UI
Gender-based nav ("For Men" / "For Women") for tailored browsing
Minimalist top nav with clear categories and cart icon
Sticky navigation with mobile-friendly hamburger menu
Product Pages
High-res fragrance visuals with clean layout
Descriptive scent notes & emotion-driven text
Add-to-cart quantity toggler with plus/minus UI
“Top Rated” or “New Arrival” labels to boost visual hierarchy
About Page
Brief, elegant copy focused on Suroor’s vision
Background story emphasizing purity, craftsmanship, and elegance
Visual storytelling with subtle animations and mood lighting
Contact Page
Simple contact form
Integrated map section
WhatsApp/Email quick-access buttons
Responsiveness
Fully mobile-optimized layouts
Touch-friendly UI and intuitive scroll behavior
Buttons & visuals scale beautifully for smaller screens
Hypothetical Results
(For concept presentation or portfolio impact narrative)
+60% Higher Engagement Rate due to sleek UI and product-first focus
+45% Conversion Rate Increase through simplified product pages & fast access buttons
Decreased Bounce Rate with improved homepage storytelling
💡 Final Thoughts
Suroor Scents now has a digital presence that mirrors the elegance of their fragrances. The design delivers a premium, seamless, and sensory shopping experience — one that speaks to modern buyers who appreciate both scent and style.
Suroor Scents is a premium fragrance brand that offers carefully curated perfumes for men and women. Their scent line blends traditional elegance with modern flair.
Project Overview
Suroor Scents is a premium fragrance brand that offers carefully curated perfumes for men and women. Their scent line blends traditional elegance with modern flair — and they needed a website to reflect just that.
We were tasked with designing a full website experience that not only showcased their products but also evoked the sophistication and emotional richness of each fragrance. From homepage to product pages, our design aimed to be immersive, clean, and conversion-focused.
Scope of Work
Full Website UI Design
Hero Section & Navigation
Product Category Pages (For Men, For Women)
Product Detail Pages
Cart Interface
About & Contact Pages
Mobile Responsiveness
Objectives
Design a visually luxurious website that complements the elegance of the fragrances
Create a frictionless shopping journey, from browsing to checkout
Allow easy navigation across genders and collections
Build trust and desire through storytelling and design
Design Approach
Hero Section
Strong product focus with bold typography (“HALA ESSENCE”)
Subtle nature-inspired leaf elements behind the bottle
Emotional fragrance copy to invoke curiosity
CTA buttons — “Shop Now” and “Explore More” — placed for instant action
Navigation & UI
Gender-based nav ("For Men" / "For Women") for tailored browsing
Minimalist top nav with clear categories and cart icon
Sticky navigation with mobile-friendly hamburger menu
Product Pages
High-res fragrance visuals with clean layout
Descriptive scent notes & emotion-driven text
Add-to-cart quantity toggler with plus/minus UI
“Top Rated” or “New Arrival” labels to boost visual hierarchy
About Page
Brief, elegant copy focused on Suroor’s vision
Background story emphasizing purity, craftsmanship, and elegance
Visual storytelling with subtle animations and mood lighting
Contact Page
Simple contact form
Integrated map section
WhatsApp/Email quick-access buttons
Responsiveness
Fully mobile-optimized layouts
Touch-friendly UI and intuitive scroll behavior
Buttons & visuals scale beautifully for smaller screens
Hypothetical Results
(For concept presentation or portfolio impact narrative)
+60% Higher Engagement Rate due to sleek UI and product-first focus
+45% Conversion Rate Increase through simplified product pages & fast access buttons
Decreased Bounce Rate with improved homepage storytelling
💡 Final Thoughts
Suroor Scents now has a digital presence that mirrors the elegance of their fragrances. The design delivers a premium, seamless, and sensory shopping experience — one that speaks to modern buyers who appreciate both scent and style.









Other Projects
Other Case Studies
Check our other project case studies with detailed explanations
Other Projects
Other Case Studies
Check our other project case studies with detailed explanations
Other Projects
Other Case Studies
Check our other project case studies with detailed explanations