Works/JOEL
Jewelry marketplace
Senior designer · Product Designer2022–2024Baku

One marketplace, five roles — buyers, jewelers, lombards, handmade sellers and admins, each on a surface built for the way they actually work.

Role · Product, UX & UI · design lead
Scope · Web + tablet + 3 apps
State · Near launch

JOEL storefront on laptop — The Storm Diamond
JOEL storefront landing
01/ platform
One platform, five roles
A whole jewelry economy under one roof

Buyer, jeweler, lombard, handmade seller, admin — each gets its own tailored surface, all sharing one design language.

Role & contribution

Not just screens

I owned product design end-to-end — and a good deal beyond it. From the first flow to the last pixel, the small team around it, the brand, the conversations with the business, and the testing that proved it worked.

01
Product & UX
Flows, information architecture and interactive prototypes across web, tablet and three native apps.
02
UI & visual design
Pixel-level UI and a jewelry-grade visual language — every screen production-ready.
03
Design system
Built and owned the tokens, components and 32-state card matrix the whole product runs on.
04
Design leadership
Directed a junior designer — briefs, reviews, mentoring and holding the quality bar.
05
Design × engineering
Paired with developers on feasibility and handoff; turned technical constraints into shippable design.
06
MVP trade-offs
Scoped what ships first under real deadlines — without breaking the long-term vision.
07
Branding
Brand identity and its application — logo, colour and type — applied consistently across every surface.
08
Media & promo
Promotional and marketing creative: social, banners and launch materials.
09
Sales & service desks
Designed the back office — cash desk, CRM and request flows for sales and support staff.
10
Business partnership
Worked hand-in-hand with the business team on requirements, priorities and metrics.
11
QA & field testing
Tested services and apps end-to-end — including on-site with real sellers — feeding findings back into design.
12
The long game
Designed for scale — a multi-role platform meant to grow over years, not a one-off.

A custom set of 30+ marks — started from Feather Icons, then reworked into a duotone, custom-weight family and animated into looping pictograms for empty states, onboarding and brand moments.

Design system

One system holding it together

Color, type, components and 32 card states — built once, reused across web, tablet and the mobile apps so every role looks like the same product.

Palette

Gold
#DAA627
Bright
#FBC84D
Ink
#15110A
Cream
#FBEFD2
Paper
#FFFFFF

Typography

Aa — Playfair & Golos

Playfair Display sets the jewelry-grade headlines; Golos Text carries every interface label and table.

DisplayHeadingBodyCaption

Buttons

Add to cartReserveView certificate →

Inputs

Search by stone, carat…Metal · Gold 585Price, ₼

Status badges

NEWSALE −15%RESERVESOLD

Four states drive the entire 32-variant shop-card matrix across roles.

Shop card · live variants

NEW
A
Aurora Atelier
Solitaire ring · 1.20 ct
₼4,300★ 4.9312 views
SALE
C
Caspian Gold
Pavé wedding band
₼2,150★ 4.61,204 views
RESERVE
M
Meridian Jewels
Sapphire pendant
₼3,780★ 4.8540 views
N
Nizami Lombard
Buy-back · 18K, 6.4 g
₼1,090★ 4.588 views
JOEL — металл, камень, сувенир, подарок, дизайн, пол, золото
JOEL mobile catalog JOEL mobile product page
02/ storefront
Every piece, documented
Every stone, photographed, certified, priced

A public storefront spanning 2,000+ ateliers — real images, certificates and live pricing, so browsing rare jewelry feels like a showroom, not a classifieds page.

Who it's for

Two sides, two minds

The marketplace only works if both ends win. The whole design is anchored to these two people and what keeps them up at night.

L
Leyla A.
29 · gift & self-buyer, Baku

Goals

  • Find certified, authentic pieces
  • Compare price & quality fairly
  • Reserve before visiting a shop

Pains

  • Fear of fakes & no certificate
  • Opaque, “ask in DM” pricing
  • Driving store to store

Wants

  • Real photos & 360° views
  • Transparent, final prices
  • Card-installment options

Context

  • Shops on mobile, evenings
  • Buys for events & herself
  • Trusts reviews & badges
R
Rashad M.
41 · jewelry shop & lombard owner

Goals

  • List stock online quickly
  • Reach buyers beyond the street
  • Handle buy-back & credit cleanly

Pains

  • Paper ledgers & manual entry
  • No single view of the till
  • Slow to publish a new item

Wants

  • One cash desk for everything
  • Fast add-product flow
  • Reports & control from the phone

Context

  • Behind the counter all day
  • Staff with mixed tech skill
  • Cash, card & installments
JOEL analytics — visitors, sources, demographics and ad-view metrics
JOEL admin dashboard — users, clients, revenue KPIs and reports

Dashboards

  • Tools for business development
  • Tools for analysis
JOEL product info
JOEL in-app call
JOEL support chat
JOEL catalog filter
JOEL catalog
JOEL product card
Customer journey

The buyer's path, end to end

Where the emotion dips is where the design earns its keep — every low point maps to a concrete opportunity that shipped.

Discover
Browse
Compare
Reserve
Purchase
After-sale
Doing
Sees an ad or a friend's referral
Filters catalog by stone & price
Opens a piece, checks the specs
Reserves it to view in store
Pays — full or by card plan
Tracks order, comes back later
Thinking
“Is this shop even legit?”
“So many options…”
“Is this price fair?”
“Can I see it first?”
“Which installment plan?”
“What if I want to resell?”
Pain
Trust in unknown sellers
Hard to compare across shops
Opaque, hidden pricing
No try-before-buy
Limited payment options
No after-care or resale path
Opportunity
Verified-seller badges
Smart filters & sets
Certificates + live price
Reserve & in-store viewing
6 bank installment plans
Buy-back & loyalty
Architecture

The app, mapped

Five roles branch from one core, each carrying the handful of screens that role lives in — all sitting on one shared design system.

JOEL BuyerJewelerLombardHandmadeAdmin StorefrontCatalog & searchProduct & setsFavorites & cart Cash deskClient baseAdd / edit productStock & reports Buy-back requestsCredit requestsPawn listPayouts Maker shopCreate a setPhoto-session req.Tariff & plan Role & accessSubscriptionsCatalog moderationReports SHARED DESIGN SYSTEMIcons · cards · tables · inputs · 6 role navbars · headers · footer
JOEL product card
JOEL layaway
JOEL sellers
JOEL catalog filter
JOEL favorites
JOEL edit seller
JOEL weekly scheduler — tasks
JOEL photo-session scheduler

Operational control

Tasks, photo-sessions and the production pipeline — scheduled and assignable from one board.

JOEL buy-back desk
JOEL product task / edit
JOEL buy-back desk
JOEL layaway — full
JOEL warehouse stock
JOEL operations

A toolkit for every side

  • Jeweler
  • Lombard
  • Buyer
  • Content creator
  • Manager
  • …and more
06/ mobile
The whole shop, in a pocket
Run the business from the phone

Clients, stock, reports and buy-back, credit & photo-session requests — the jeweler's entire operation, mobile-first.