Odeem — Luxury Leather UX Strategy

Odeem — Luxury Leather UX Strategy

A UX audit and design strategy for Odeem, a Dubai-based luxury leather goods label by Emirati designer Fatma AlOtaiba.

A UX audit and design strategy for Odeem, a Dubai-based luxury leather goods label by Emirati designer Fatma AlOtaiba.

A UX audit and design strategy for Odeem, a Dubai-based luxury leather goods label by Emirati designer Fatma AlOtaiba.

Figma
Shopify
UX audit framework
Tangiblee
Algolia

Delivered a comprehensive UX audit and prioritized design strategy for Odeem — identifying 4 critical gaps (size uncertainty, navigation friction, weak CTAs, missing filters), a sequenced fix roadmap, and a technical + SEO foundation plan. The strategy sets the direction for a storefront redesign that preserves the brand's visual integrity while removing every measurable point of friction between discovery and purchase.

Industry

Luxury Fashion · E-commerce · GCC Market

Stack

Figma · Shopify · UX audit framework · Tangiblee · Algolia

Odeem has the right raw materials: calm luxury aesthetic, authentic voice, high-quality photography. The audit was about surfacing the specific, fixable gaps that were quietly losing buyers at every stage of the funnel.


The Problem

Odeem is the kind of luxury brand that gets the big things right. The visual foundation is strong: calm aesthetic, clean layout, exceptional photography, generous whitespace. The editorial voice is authentic. There are no dark patterns, no aggressive popups. For a brand at this positioning, that's rare and worth protecting.

But rare materials require precise craftsmanship — and the storefront had precision gaps. Customers couldn't visualize how a bag would look on their body or what would fit inside. The navigation added an unnecessary click before any product was visible. Filters for material, color, bag type, and strap style didn't exist. The "Add to Cart" button blended into the page. The primary navigation had a live typo ("Jewerly") in a brand whose entire proposition is flawless craft.

None of these are brand failures. They're execution gaps — the kind that quietly cost conversions at every stage of the funnel without ever triggering a complaint. Buyers leave. The brand doesn't know why.


Delivered a comprehensive UX audit and prioritized design strategy for Odeem — identifying 4 critical gaps (size uncertainty, navigation friction, weak CTAs, missing filters), a sequenced fix roadmap, and a technical + SEO foundation plan. The strategy sets the direction for a storefront redesign that preserves the brand's visual integrity while removing every measurable point of friction between discovery and purchase.

How I Framed It

I structured the audit around four layers: discovery, decision, trust, and foundation.

Discovery — can customers find what they're looking for? Decision — do they have what they need to buy? Trust — does the storefront feel as premium as the product? Foundation — is the technical infrastructure supporting or undermining the brand?

The most important finding cut across all four layers: size is the #1 conversion barrier for luxury handbags. Customers at the 'does this bag fit my lifestyle?' stage have no tools. No size comparison. No model-relative sizing. No visual answering 'will my phone, keys, and wallet fit?' This isn't a feature request — it's a purchase gate.

The second layer of the strategy distinguished between immediately fixable wins (the navigation typo, the missing "Sort by" label, the vanishing shipping banner) and structural improvements that require design and dev work (filters, size visualization, PDP layout, international shipping clarity). The roadmap sequences them so trust is established first, friction removed second, conversion tools layered on top.


Key Decisions

Size visualization as the highest-priority fix

Context: The audit covered 6 major areas. Size uncertainty was identified as the single highest-conversion-impact gap — above navigation, above CTAs, above SEO.

Choice: Anchor recommendation. For luxury handbags at Odeem's price point, the purchase decision is highly tactile. Until the questions 'will it look right on me?' and 'will it hold what I carry?' are answered, every other optimization is working around a structural objection. Tangiblee solves both with a single app install.

Trade-off: Requires an ongoing third-party app cost. For a catalog of this size, the ROI on reduced purchase hesitation outweighs the subscription cost significantly.

Separate quick wins from structural work

Context: A comprehensive audit can produce 30+ issues. Presenting them without sequencing is the same as presenting none of them.

Choice: Sequenced roadmap. Immediate fixes that can be done today without a designer: fix the typo, add the "Sort by" label, pin the shipping banner. Establish trust before any other work begins. Development sprints cover filters, size tools, and PDP layout. Post-launch covers search, cross-sell, and analytics.

Trade-off: Requires discipline not to skip to the exciting parts. The typo fix matters as much as the size visualization — luxury buyers notice everything.

Preserve the brand's restraint, don't override it

Context: The temptation in a UX audit is to recommend best practices that optimize for conversion at the cost of brand integrity. Odeem's no-dark-patterns, no-aggressive-popup approach is a competitive differentiator in the GCC.

Choice: Protection-first framing. Every recommendation explicitly calls out whether it maintains or risks brand integrity. Email capture copy reframed from discount language ("Get 10% off") to editorial ("Be the first to discover new collections and behind-the-scenes stories"). Concierge channel via WhatsApp is about high-touch service, not pressure.

Trade-off: Accepting a slower conversion-optimization pace. Luxury positioning requires patience — trust is built over multiple touchpoints, not captured in a single session.


How I Framed It

I structured the audit around four layers: discovery, decision, trust, and foundation.

Discovery — can customers find what they're looking for? Decision — do they have what they need to buy? Trust — does the storefront feel as premium as the product? Foundation — is the technical infrastructure supporting or undermining the brand?

The most important finding cut across all four layers: size is the #1 conversion barrier for luxury handbags. Customers at the 'does this bag fit my lifestyle?' stage have no tools. No size comparison. No model-relative sizing. No visual answering 'will my phone, keys, and wallet fit?' This isn't a feature request — it's a purchase gate.

The second layer of the strategy distinguished between immediately fixable wins (the navigation typo, the missing "Sort by" label, the vanishing shipping banner) and structural improvements that require design and dev work (filters, size visualization, PDP layout, international shipping clarity). The roadmap sequences them so trust is established first, friction removed second, conversion tools layered on top.


Key Decisions

Size visualization as the highest-priority fix

Context: The audit covered 6 major areas. Size uncertainty was identified as the single highest-conversion-impact gap — above navigation, above CTAs, above SEO.

Choice: Anchor recommendation. For luxury handbags at Odeem's price point, the purchase decision is highly tactile. Until the questions 'will it look right on me?' and 'will it hold what I carry?' are answered, every other optimization is working around a structural objection. Tangiblee solves both with a single app install.

Trade-off: Requires an ongoing third-party app cost. For a catalog of this size, the ROI on reduced purchase hesitation outweighs the subscription cost significantly.

Separate quick wins from structural work

Context: A comprehensive audit can produce 30+ issues. Presenting them without sequencing is the same as presenting none of them.

Choice: Sequenced roadmap. Immediate fixes that can be done today without a designer: fix the typo, add the "Sort by" label, pin the shipping banner. Establish trust before any other work begins. Development sprints cover filters, size tools, and PDP layout. Post-launch covers search, cross-sell, and analytics.

Trade-off: Requires discipline not to skip to the exciting parts. The typo fix matters as much as the size visualization — luxury buyers notice everything.

Preserve the brand's restraint, don't override it

Context: The temptation in a UX audit is to recommend best practices that optimize for conversion at the cost of brand integrity. Odeem's no-dark-patterns, no-aggressive-popup approach is a competitive differentiator in the GCC.

Choice: Protection-first framing. Every recommendation explicitly calls out whether it maintains or risks brand integrity. Email capture copy reframed from discount language ("Get 10% off") to editorial ("Be the first to discover new collections and behind-the-scenes stories"). Concierge channel via WhatsApp is about high-touch service, not pressure.

Trade-off: Accepting a slower conversion-optimization pace. Luxury positioning requires patience — trust is built over multiple touchpoints, not captured in a single session.


What Shipped

A full UX audit document covering current state assessment, 4 priority fix areas with specific recommendations, a navigation and discovery strategy, a technical and SEO foundation plan, and a post-theme-launch enhancement roadmap.

Priority fixes: size visualization (Tangiblee integration spec with reference implementations), homepage product discovery (curated module above the fold with 3–4 hero products and a direct "Shop handbags" CTA), filters & sort (material, color, bag type, strap style, occasion; active filters as removable chips), and PDP improvements (stronger "Add to Cart", progressive disclosure for payment options, structured content tabs, related recommendations).

Strategic layer covered luxury-specific trust signals: social proof (reviews, real customer UX), a concierge channel for GCC buyers, a founder story module with Fatma's name and the South Africa handcrafted origin, and an Arabic readiness plan for RTL layout, product descriptions, and legal pages.


Result

The audit surfaced the gap between Odeem's brand quality and its storefront execution — and gave the team a clear, sequenced path to close it. The strategy preserves what works (the visual restraint, the editorial voice, the no-dark-patterns approach) while removing the specific friction points that were costing conversions silently.

The navigation typo alone — "Jewerly" → "Jewelry" in the primary nav — is the kind of detail that signals to a luxury buyer whether a brand is serious about craft. The audit finds those gaps before they're noticed by a customer.


What I'd Do Differently

I'd run a lightweight customer research session — even 3–5 interviews with existing buyers — before finalizing the priority order. The audit is based on heuristic evaluation and UX principles. Real buyer language about what almost stopped them from purchasing would sharpen the size visualization recommendation and potentially surface friction points the audit didn't catch.


What's Next

The audit feeds directly into the theme redesign phase: translating the filter and PDP recommendations into Shopify sections, implementing Tangiblee, and building the Arabic-ready content and RTL layout layer. The strategic layer — founder story, concierge channel, social proof — runs in parallel as content and partnership work.

What I'd Do Differently

I'd run a lightweight customer research session — even 3–5 interviews with existing buyers — before finalizing the priority order. The audit is based on heuristic evaluation and UX principles. Real buyer language about what almost stopped them from purchasing would sharpen the size visualization recommendation and potentially surface friction points the audit didn't catch.


What's Next

The audit feeds directly into the theme redesign phase: translating the filter and PDP recommendations into Shopify sections, implementing Tangiblee, and building the Arabic-ready content and RTL layout layer. The strategic layer — founder story, concierge channel, social proof — runs in parallel as content and partnership work.

More Projects

Creating Since 2010

I’m currently available for new work. Let me know if you need a digital designer. I’d love to talk about the next big thing!

© Molham.Works 2025