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.

Join our newsletter list

Sign up to get the most recent blog articles in your email every week.

Share this post to the social medias

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.

Join our newsletter list

Sign up to get the most recent blog articles in your email every week.

Share this post to the social medias