Product design

Productdesigns

Each one starts from a real kind of problem, gets its own design system, and ships as a working product. Open them and click around: the data is made up, the interactions are real.

One component kit underneath every product. The tokens and typefaces change, and they carry the whole brand.

Insurance operations

Claimdesk

The brief: An insurer's operations team works through hundreds of open claims a day and loses track of what is late.
The problem to solve: Make the queue answer one question first: what needs me now?
What I designed and built: A claims queue with filters, status and a detail drawer with approve and reject
Portfolio analytics against a benchmark, with a table behind every chart
A four-step underwriting application with inline validation and drafts

Open the dashboard Design system

ramimizyed.dev/dashboards/insurance

Open the dashboard

Claimdesk · Its design system

See the full system

Colour

Primary

--primary

Accent

--highlight

Ink

--foreground

Muted

--muted-foreground

Surface

--card

Canvas

--background

Status

Data

Type

IBM Plex Sans

Display and figures

IBM Plex Sans

Interface text

Claims that need you now

Section title · 14 / 600

Body text for tables and forms · 14 / 400

Caption and data · 12, tabular numbers

Components

ApprovedIn reviewFlaggedNew

TodayWeekMonth

Personal finance

Pocketwise

The brief: A neobank's customers check their balance every day but have no idea where their money actually goes.
The problem to solve: Turn a list of transactions into a week you can understand at a glance.
What I designed and built: Card overview with balance, income, spending and a weekly limit
Savings goals, spending by category and cash flow over time
Quick transfer with validation that updates the history live

Open the dashboard Design system

ramimizyed.dev/dashboards/finance

Open the dashboard

Pocketwise · Its design system

See the full system

Colour

Primary

--primary

Accent

--highlight

Ink

--foreground

Muted

--muted-foreground

Surface

--card

Canvas

--background

Status

Data

Type

Plus Jakarta Sans

Display and figures

Plus Jakarta Sans

Interface text

Your week, at a glance

Section title · 14 / 600

Body text for tables and forms · 14 / 400

Caption and data · 12, tabular numbers

Components

IncomeSubscriptionsOver budgetTravel

WeekMonthYear

Learning platform

Brightboard

The brief: Teachers only find out a student is struggling when the grades come in, which is too late to help.
The problem to solve: Show who is falling behind this week, while there is still time to act.
What I designed and built: Class progress against target, attendance and submissions
A student list sorted by who needs attention, with a profile drawer
The week's lessons and deadlines, with messaging built in

Open the dashboard Design system

ramimizyed.dev/dashboards/learning