Web Design
Dar Alsmow
Dar Alswow is a premium perfume e-commerce platform designed to deliver a luxurious online shopping experience while making product discovery and purchasing effortless.
Year :
2024
Industry :
Luxury Retail
Tools :
Figma, PSD
Project Duration :
2 Days
Overview :
Dar Alsmow is a perfume e-commerce website designed to sell fragrance the way luxury fragrance brands actually market themselves — through mood, photography, and atmosphere rather than a standard product-grid storefront. The site pairs a dark, cinematic visual language with a conventional e-commerce structure (shop, cart, wishlist, checkout flow), aiming to feel premium without sacrificing usability.
Problem :
Most small-to-mid perfume retailers default to generic e-commerce templates — bright white backgrounds, standard product grids — that work functionally but say nothing about the brand. For a fragrance product, where the entire purchase decision is emotional and sensory, a generic storefront undersells the product before a customer even reads a description.
Solution :
Dar Alsmow leads with a full-bleed cinematic hero — a product shot mid-splash against a dark background — paired with a bold, minimal headline instead of a typical banner-and-carousel layout. From there, the site moves through a bestseller row, two editorial brand-story sections pairing large product photography with short narrative copy, and a "Join Our Community" lifestyle image grid that shifts the page from pure retail into brand storytelling. A black-and-gold color system carries through every section — including cart, wishlist, and navigation icons — so the premium feel doesn't drop off once a user leaves the hero.
Target Users:
Key screens:
Design Decisions:
Dark theme over standard white e-commerce — chosen specifically to match how premium fragrance brands are marketed, prioritizing mood over the "scan and compare" pattern of typical online stores.
Photography-led hero instead of a text-heavy banner — for a fragrance product, one strong image communicates more than a paragraph of copy could.
Gold accent as the single consistent brand color — used sparingly (CTAs, headings, icons) against black so it reads as premium rather than decorative.
Editorial sections between shop sections — breaking up the product grid with brand-story blocks keeps the page from feeling like a pure catalog, encouraging browsing over transactional scanning.
"Key Notes" visualized instead of just listed — top fragrance notes shown as icon-based circles rather than plain text, giving shoppers a faster, more sensory read of the scent profile.
Reviews as a core trust layer, not an afterthought — a full ratings breakdown and review cards on the product page reinforce confidence for a purchase decision that's normally made by smell, not sight.
Consistent card framing across the shop grid — product photography cropped and centered consistently across collections, keeping a visually varied catalog (bottles, boxes, different colors) feeling like one cohesive system.
Challenges:
Maintaining readability on a dark theme — body text and product details need enough contrast to stay legible without breaking the moody aesthetic that makes the brand feel premium.
Balancing storytelling with conversion — every editorial/brand-story section competes for space with functional e-commerce needs (product info, pricing, CTAs); getting the ratio right across a long homepage took several iterations.
Keeping visual consistency across very different product photography — bottles vary in shape, color, and packaging (box vs. bottle), which required careful cropping and framing so the bestseller row feels cohesive rather than mismatched.
Fitting a full filter system into the dark theme — Collections, Fragrance Families, Gender, and Occasions filters needed to stay easy to scan and interact with on a dark background, without the panel feeling heavier than the products themselves.
Dense information on the product page — size/qty selection, key notes, and reviews all needed space on one page without crowding the hero product shot that sells the fragrance itself.
Outcomes:
Delivered a complete e-commerce design system for a freelance client — homepage, filterable shop grid, and product detail page (with reviews and related products) — carrying a consistent dark, gold-accented visual identity across every screen, from first impression through purchase decision.
Learnings:
Designing for a product that's entirely about scent — something impossible to show directly — reinforced how much of e-commerce design for sensory products depends on mood-setting through photography, color, and pacing rather than information density. It also sharpened how I think about the tension between brand storytelling and conversion-focused UX: they aren't opposites, but they do compete for the same scroll, and sequencing matters as much as the visuals themselves.
More Projects
Web Design
Dar Alsmow
Dar Alswow is a premium perfume e-commerce platform designed to deliver a luxurious online shopping experience while making product discovery and purchasing effortless.
Year :
2024
Industry :
Luxury Retail
Tools :
Figma, PSD
Project Duration :
2 Days
Overview :
Dar Alsmow is a perfume e-commerce website designed to sell fragrance the way luxury fragrance brands actually market themselves — through mood, photography, and atmosphere rather than a standard product-grid storefront. The site pairs a dark, cinematic visual language with a conventional e-commerce structure (shop, cart, wishlist, checkout flow), aiming to feel premium without sacrificing usability.
Problem :
Most small-to-mid perfume retailers default to generic e-commerce templates — bright white backgrounds, standard product grids — that work functionally but say nothing about the brand. For a fragrance product, where the entire purchase decision is emotional and sensory, a generic storefront undersells the product before a customer even reads a description.
Solution :
Dar Alsmow leads with a full-bleed cinematic hero — a product shot mid-splash against a dark background — paired with a bold, minimal headline instead of a typical banner-and-carousel layout. From there, the site moves through a bestseller row, two editorial brand-story sections pairing large product photography with short narrative copy, and a "Join Our Community" lifestyle image grid that shifts the page from pure retail into brand storytelling. A black-and-gold color system carries through every section — including cart, wishlist, and navigation icons — so the premium feel doesn't drop off once a user leaves the hero.
Target Users:
Key screens:
Design Decisions:
Dark theme over standard white e-commerce — chosen specifically to match how premium fragrance brands are marketed, prioritizing mood over the "scan and compare" pattern of typical online stores.
Photography-led hero instead of a text-heavy banner — for a fragrance product, one strong image communicates more than a paragraph of copy could.
Gold accent as the single consistent brand color — used sparingly (CTAs, headings, icons) against black so it reads as premium rather than decorative.
Editorial sections between shop sections — breaking up the product grid with brand-story blocks keeps the page from feeling like a pure catalog, encouraging browsing over transactional scanning.
"Key Notes" visualized instead of just listed — top fragrance notes shown as icon-based circles rather than plain text, giving shoppers a faster, more sensory read of the scent profile.
Reviews as a core trust layer, not an afterthought — a full ratings breakdown and review cards on the product page reinforce confidence for a purchase decision that's normally made by smell, not sight.
Consistent card framing across the shop grid — product photography cropped and centered consistently across collections, keeping a visually varied catalog (bottles, boxes, different colors) feeling like one cohesive system.
Challenges:
Maintaining readability on a dark theme — body text and product details need enough contrast to stay legible without breaking the moody aesthetic that makes the brand feel premium.
Balancing storytelling with conversion — every editorial/brand-story section competes for space with functional e-commerce needs (product info, pricing, CTAs); getting the ratio right across a long homepage took several iterations.
Keeping visual consistency across very different product photography — bottles vary in shape, color, and packaging (box vs. bottle), which required careful cropping and framing so the bestseller row feels cohesive rather than mismatched.
Fitting a full filter system into the dark theme — Collections, Fragrance Families, Gender, and Occasions filters needed to stay easy to scan and interact with on a dark background, without the panel feeling heavier than the products themselves.
Dense information on the product page — size/qty selection, key notes, and reviews all needed space on one page without crowding the hero product shot that sells the fragrance itself.
Outcomes:
Delivered a complete e-commerce design system for a freelance client — homepage, filterable shop grid, and product detail page (with reviews and related products) — carrying a consistent dark, gold-accented visual identity across every screen, from first impression through purchase decision.
Learnings:
Designing for a product that's entirely about scent — something impossible to show directly — reinforced how much of e-commerce design for sensory products depends on mood-setting through photography, color, and pacing rather than information density. It also sharpened how I think about the tension between brand storytelling and conversion-focused UX: they aren't opposites, but they do compete for the same scroll, and sequencing matters as much as the visuals themselves.
More Projects
Web Design
Dar Alsmow
Dar Alswow is a premium perfume e-commerce platform designed to deliver a luxurious online shopping experience while making product discovery and purchasing effortless.
Year :
2024
Industry :
Luxury Retail
Tools :
Figma, PSD
Project Duration :
2 Days
Overview :
Dar Alsmow is a perfume e-commerce website designed to sell fragrance the way luxury fragrance brands actually market themselves — through mood, photography, and atmosphere rather than a standard product-grid storefront. The site pairs a dark, cinematic visual language with a conventional e-commerce structure (shop, cart, wishlist, checkout flow), aiming to feel premium without sacrificing usability.
Problem :
Most small-to-mid perfume retailers default to generic e-commerce templates — bright white backgrounds, standard product grids — that work functionally but say nothing about the brand. For a fragrance product, where the entire purchase decision is emotional and sensory, a generic storefront undersells the product before a customer even reads a description.
Solution :
Dar Alsmow leads with a full-bleed cinematic hero — a product shot mid-splash against a dark background — paired with a bold, minimal headline instead of a typical banner-and-carousel layout. From there, the site moves through a bestseller row, two editorial brand-story sections pairing large product photography with short narrative copy, and a "Join Our Community" lifestyle image grid that shifts the page from pure retail into brand storytelling. A black-and-gold color system carries through every section — including cart, wishlist, and navigation icons — so the premium feel doesn't drop off once a user leaves the hero.
Target Users:
Key screens:
Design Decisions:
Dark theme over standard white e-commerce — chosen specifically to match how premium fragrance brands are marketed, prioritizing mood over the "scan and compare" pattern of typical online stores.
Photography-led hero instead of a text-heavy banner — for a fragrance product, one strong image communicates more than a paragraph of copy could.
Gold accent as the single consistent brand color — used sparingly (CTAs, headings, icons) against black so it reads as premium rather than decorative.
Editorial sections between shop sections — breaking up the product grid with brand-story blocks keeps the page from feeling like a pure catalog, encouraging browsing over transactional scanning.
"Key Notes" visualized instead of just listed — top fragrance notes shown as icon-based circles rather than plain text, giving shoppers a faster, more sensory read of the scent profile.
Reviews as a core trust layer, not an afterthought — a full ratings breakdown and review cards on the product page reinforce confidence for a purchase decision that's normally made by smell, not sight.
Consistent card framing across the shop grid — product photography cropped and centered consistently across collections, keeping a visually varied catalog (bottles, boxes, different colors) feeling like one cohesive system.
Challenges:
Maintaining readability on a dark theme — body text and product details need enough contrast to stay legible without breaking the moody aesthetic that makes the brand feel premium.
Balancing storytelling with conversion — every editorial/brand-story section competes for space with functional e-commerce needs (product info, pricing, CTAs); getting the ratio right across a long homepage took several iterations.
Keeping visual consistency across very different product photography — bottles vary in shape, color, and packaging (box vs. bottle), which required careful cropping and framing so the bestseller row feels cohesive rather than mismatched.
Fitting a full filter system into the dark theme — Collections, Fragrance Families, Gender, and Occasions filters needed to stay easy to scan and interact with on a dark background, without the panel feeling heavier than the products themselves.
Dense information on the product page — size/qty selection, key notes, and reviews all needed space on one page without crowding the hero product shot that sells the fragrance itself.
Outcomes:
Delivered a complete e-commerce design system for a freelance client — homepage, filterable shop grid, and product detail page (with reviews and related products) — carrying a consistent dark, gold-accented visual identity across every screen, from first impression through purchase decision.
Learnings:
Designing for a product that's entirely about scent — something impossible to show directly — reinforced how much of e-commerce design for sensory products depends on mood-setting through photography, color, and pacing rather than information density. It also sharpened how I think about the tension between brand storytelling and conversion-focused UX: they aren't opposites, but they do compete for the same scroll, and sequencing matters as much as the visuals themselves.