Ahmad Habbab

Home › Projects › Zoumorod: a gold-trade platform

Zoumorod: a gold-trade platform

A gold invoice that fits a phone.

A jeweller prices every piece by karat, weight, making charge and the day's gold rate, often across two currencies. Zoumorod already handled that, with a back-office for jewellers and a 'Gold Market' app for customers, but its screens were dense and inconsistent. I redesigned both to work on desktop, tablet and phone.

Client
Zoumorod (زمرد), gold and jewellery retail
Role
Sole designer, redesign
Scope
Merchant back-office and customer Gold Market app
Status
Shipped

It worked, but it was hard to read.

The core screen was a nine-column invoice: karat, weight, making charge, metal price and more. Forms were dense and screens fought for attention.

A jeweller at the counter.

They know the trade well and take payment in more than one currency. They need speed, not hand-holding.

Deep navy and a single gold accent.

I made one visual system for both the jeweller's terminal and the customer store. The trade's own words stay on screen, and adding an item became a two-step wizard.

On a phone, each item becomes a card.

On desktop the invoice stays a spreadsheet, which is what an accountant wants. On a phone, each item becomes one card of labelled rows, with actions at the bottom. Nothing is dropped.

Three decisions in the redesign.

The product already worked, so each change had to earn its place.

Keep the trade's words

Karat, making charge and metal price stay on screen as jewellers say them, and adding an item is a two-step wizard.

The same system for jeweller and customer

Deep navy and one gold accent serve both the fast merchant terminal and the browsable Gold Market app.

Draw each width for its user

Desktop for writing invoices, tablet for the counter, phone for the store and quick checks, rather than one layout reflowed.

What the redesign covered.

3 breakpoints: Desktop, tablet, phone

The back-office and the customer app redrawn for a 1440px counter screen, a tablet and a 375px phone.

9 columns: Nothing dropped on a phone

Every invoice column survives as a labelled row. No formal metrics were captured; invoice speed and entry errors are what I'd measure next.

What I owned

  • One dark-and-gold design system
  • Merchant back-office: invoices and posting
  • Customer Gold Market app
  • Desktop, tablet and phone layouts

I polished it, but didn't question it.

I made an existing product clearer, but never got to question its flows. The research I'd want is a day beside a jeweller writing forty invoices, and then a screen reshaped by it.

More case studies