Case Study — Online Magazine

The Jewelry Tales حكايا المجوهرات

The first Arab platform dedicated entirely to luxury jewelry and watches — built for a GCC Gen Z audience that most publishers had written off as "doesn't like to read."

RoleSenior UI/UX Designer

Timeline2023

Team3 collaborators — editorial & engineering

ToolsFigma, FigJam, Maze, Illustrator, Photoshop, Jira, Microsoft Clarity

#1 ranked

Arabic site for luxury jewelry & watch news in the GCC

0×

Increase in average session duration

AED 0K

Ad revenue jump within 6 months

Content-discovery task success, up from 68%

Overview

Localization was the product

TJT delivers curated, high-end content for GCC audiences — particularly affluent millennials and Gen Z who want exclusivity, brand heritage, and investment value. The gap was real: most luxury platforms were Western-centric and missed the storytelling nuance a GCC audience actually responds to.

Empathize

Understand the culture and audience before designing anything.

Define

Frame the problem against real business and UX goals.

Ideate

Structure the IA, flows, and content strategy.

Prototype

Build the wireframes, system, and luxury-grade UI.

Test

Validate with readers across the GCC, then iterate.

Challenge

Cultural fit

Existing luxury platforms were Western-centric and missed GCC storytelling nuance.

Challenge

Engagement gap

Affluent GCC readers wanted visual, interactive, Arabic-localized content — TJT's initial presence lacked it.

Challenge

Ambitious targets

Become the go-to luxury jewelry hub in the Arab world within 18 months.

Empathize

Market research and interviews across UAE, KSA, and Qatar surfaced three distinct luxury audiences — each with a different relationship to jewelry and watches.

Research

Surveys & focus groups

Across UAE, KSA, and Qatar — understanding attitudes toward luxury jewelry and watches.

Interviews

15+ one-on-one interviews

With collectors, fashion influencers, and aspirational buyers.

The Collector

Values heritage and investment above trend.

The Trend-Seeker

Follows luxury fashion influencers closely.

The Aspirational Buyer (Gen Z)

Younger audience aspiring to enter the luxury lifestyle — and the audience most publishers were ignoring.

UX process diagram — UX process / approach

Define

Three goals had to move together — reader trust, advertiser confidence, and a UX that felt as exclusive as the product it covered.

Problem Statement

GCC users lacked a luxury jewelry and watches platform that combined exclusivity, cultural resonance, and a modern digital experience.

Business goals

Readership, advertisers, authority

Increase readership, attract advertisers, and position TJT as the go-to luxury authority in the Arab world.

UX goals

Exclusivity, trust, engagement

Communicate exclusivity, build trust, and keep users engaged longer with interactive, video-first content.

Ideate

An Arabic-first information architecture, built around how a Gen Z GCC reader actually discovers and shares content — not how a Western magazine typically structures itself.

Structure

Arabic-first IA

Grouped into Brands, Watches, Jewelry, Market Insights, and Stories — with optimized paths for discovery, deep-dive, and engagement.

Content strategy

Video-first storytelling

Interviews revealed Gen Z's preference for video over long-form text — so the format led with video, not against it.

Prototype

Wireframes tested in Dubai and Riyadh before moving to high-fidelity — gold and emerald accents, minimal grids, and high-resolution photography built into a scalable luxury design system.

Wireframes

Tested with sample users

Multiple layout variations validated with readers in Dubai and Riyadh before committing to high fidelity.

Design system

A scalable luxury UI kit

Typography, components, and a color palette tailored specifically for luxury editorial — home page, jewelry news, article, and watches news screens.

Home page wireframe — Wireframe — home page

Article page wireframe — Wireframe — article page

Test

Usability testing with 25 readers across the GCC (12 KSA, 8 UAE, 3 Qatar, 2 Kuwait), plus A/B tests on the homepage hero, article layout, and language prioritization.

Content-discovery task success

68%→91%

Embedded video completion

34%→58%

Newsletter sign-up time

−41%

Hero CTR — 5-story grid vs. single feature

+28%

Video-first article engagement

2.4×

Mobile load time

5.9s→2.4s

Regional insight

KSA and Qatar readers spent 35% longer in-session with Arabic-first content; UAE and Bahrain readers signed up for the newsletter 21% more with English-first. We shipped both — personalized by geo-location and last-session preference.

Cycle 1

Simplified navigation from 10 categories down to 6: Watches, Jewelry, Brands, Insights, Video Stories, Trends.

Cycle 2

Refined bilingual typography — larger Arabic headings, elegant serif English for a luxury feel.

Cycle 3

Optimized images and lazy-loaded video, cutting mobile load time from 5.9s to 2.4s.

Reflection

What this project reinforced

Localization isn't a translation layer bolted on at the end — it's a design input from day one. The same content performed differently by country, and the only honest answer was to personalize the default rather than pick a single "right" version. Is localization the key to a successful user experience? For this audience, yes.