Category storytellingHomepage
A refined e-commerce experience for Fiih Oud, combining a warm luxury visual language with a clear product journey across oud, oils, burners, accessories and gift-ready categories.
Project Story
The challenge was to build a store that respects the visual codes of oud and gifting while still behaving like a modern, clear and conversion-focused e-commerce experience.
Balance a luxury heritage aesthetic with the practical needs of a Salla storefront: product discovery, clear categories, visible pricing and simple purchase actions.
Use warm neutral surfaces, gold accents, large atmospheric category banners and clean product cards so the store feels premium without hiding the shopping logic.
Full Store Reveal
The homepage moves through new arrivals, category-led campaign imagery, products, gifting and utility sections while keeping the same warm visual rhythm.
Commerce System
The experience shifts deliberately between editorial category moments and a practical product grid. This contrast keeps the brand expressive while preserving familiar e-commerce behaviour.
Design Process
The project focuses on translating a culturally familiar premium product into a visually coherent and easy-to-shop digital experience.
Brand language → commerce structure → category storytelling → product cards → responsive refinement → Salla implementation.
Translate the gold mark, warm beige surfaces, oud imagery and premium product language into a consistent digital palette and spacing system.
Identity · Tone · Visual languageOrganize the main shopping journey around product families such as oud, oils, burners, accessories and gifting, then keep navigation concise and predictable.
Information architecture · NavigationUse large editorial banners as visual pauses between product sections, giving each category a distinct atmosphere without making the homepage feel fragmented.
Campaign sections · HierarchyKeep cards clean and consistent so image, title, price and add-to-cart action remain immediately readable across dense catalogue sections.
Product UI · Conversion clarityAdapt large visual banners and multi-column product rows for smaller screens while preserving product legibility and usable tap targets.
Mobile · Tablet · QATranslate the design direction into the Salla environment and refine section spacing, card proportions, interaction behaviour and visual consistency for launch.
Implementation · Testing · PolishSelected Experience
The case study focuses on the parts that carry the identity and the commerce logic most clearly: launch messaging, category campaigns, product discovery and the catalogue system.
The opening area introduces the new Fiih Oud identity with a premium editorial composition before the store moves into products.
Large category moments distinguish oud, oils, burners and accessories while keeping the long homepage visually structured.
Neutral product cards reduce visual noise so the store can support many SKUs without losing the premium tone.
The shopping experience retains familiar catalogue, pricing and add-to-cart patterns while the visual styling gives the store its own identity.
Signature Detail
Each category receives its own visual scene, allowing Fiih Oud to communicate variety and premium positioning without losing the continuity of a single e-commerce system.
Experience Highlights
Gold, beige and deep brown create one visual system across campaigns and product UI.
Large visual category moments help users understand the range before entering dense catalogue pages.
Consistent cards prioritize image, product name, price and action without unnecessary interface noise.
The experience stays familiar to shoppers while carrying a more refined visual identity.
Outcome
The result is a visually cohesive Salla storefront that connects Fiih Oud’s warm luxury identity to practical product discovery, familiar shopping patterns and a clear path to purchase.