← Portfolio Case study 05 / 06 · UX · Figma

A home screen that grows with the user

Empty on day one, a dashboard by month three. The home screen was designed for both.

UsersEveryone
StatesBefore · after · dashboard
GoalAlways show the next step
Problem

A dashboard with no data is an empty page. New users didn't know what to do first.

How I solved it

One home screen in three states, from a single next step on day one to a full cost and usage dashboard.

Home · before assessmentday 1
Welcome, Priya + Add your first AI system Risk, guardrails and usage will show up here. + Add AI system 1 next step
Fig 1One clear call to action. No empty charts.
Home · after assessmentweek 1
Good morning, Priya2 systems need your attention
8AI systems
5Assessed
2Need action
Loan triage modelReview Fraud alert scoringAssess
progress view
Fig 2Progress and systems that need attention.
AI system dashboardmonitor
DashboardLast 30 days
Export
24AI systems
6High risk
1.2MTokens / month
Usage · 8 weeks
Top costSupport chatbot42%Summariser27%Other31%
cost + usage
Fig 3Later, the same space becomes a dashboard: systems, risk, cost and usage.
Home / Empty
Welcome, Priya + Add your first AI system Risk, guardrails and usage will show up here. + Add AI system
Button / Primary
Home / Progress
Good morning, Priya2 systems need your attention
8AI systems
5Assessed
2Need action
Loan triage modelReview Fraud alert scoringAssess
Stat tile / Highlight
Dashboard
DashboardLast 30 days
Export
24AI systems
6High risk
1.2MTokens / month
Usage · 8 weeks
Top costSupport chatbot42%Summariser27%Other31%
Conditional
On load · Home
if #systems==0
Show"Home / Empty"
else if #assessed<#systems
Show"Home / Progress"
else
Show"Dashboard"
PrototypeOne home screen, three states, chosen by two variables.
3 statesDesigned for one screen
1 next stepAlways visible
Cost + usageOne place to watch spend