01 — Overview

Neon

A client dashboard for a multi-step case workflow — queues, statuses, escalations and review in one clear product.

Role
Product design — UX, structure and all final design decisions
Project
Client dashboard
Scope
Full dashboard flow
Status
Delivered
Neon case queue with overview counts, filters, list and kanban toggle, and case statuses

02 — The workflow

From the queue to a resolved case

How a reviewer moves through Neon, shown with real product states.

01Pick up work from the queue
Neon overview with counts and a filtered case list
02Switch to the board by status
Neon kanban board grouping cases by status
03Open a case and review the escalation
Neon case detail showing an escalation to the coordinator
04Coordinator responds
Neon coordinator response form inside the case
05Escalation resolved
Neon case after the escalation response was submitted

03 — Designing the system

Structure that holds the complexity

Sections, navigation, key data views and interaction flows were mapped before any screen was produced.

Neon list view: summary counts above a sortable case table
Hierarchy — summary counts first, then the sortable case table
Neon kanban view of the same cases
One dataset, two views — list and kanban
Neon case overview with linked records
Case overview — linked records in one place

04 — From concept to interactive product

Figma Make helped turn the defined structure into interactive product states faster. Every screen was then reviewed and refined — hierarchy, spacing and interaction logic — with a final QA pass for consistency before sharing.

05 — Final experience

The complete flow, interactive

All screens, states and navigation, shared as a live, interactive experience.

→

Let's build something worth using.

Available for product design roles, long-term product partnerships, and freelance engagements.