Visual Design

UI Concepts

A collection of interface explorations and visual design concepts

01

Personal Finance Dashboard

A modern, glassmorphic interface for tracking personal finances, spending patterns, and investment portfolios.

Dashboard
Transactions
Analytics
Investments
Settings
HM
Harrison M.
Premium
Good morning, Harrison
Thursday, February 18
3
Total Balance $48,259.32 +2.4% this month
Monthly Income $12,840.00 +$1,200 vs last
Monthly Expenses $4,285.67 +12% vs last
Savings Goal 68% $6,800 / $10,000
Spending Overview
Week Month Year
MonTueWedThuFriSatSun
Recent Transactions View All
Whole Foods Market
Groceries
-$127.84
Salary Deposit
Income
+$4,280.00
Netflix
Subscription
-$15.99
Shell Gas Station
Transportation
-$52.40
Blue Bottle Coffee
Dining
-$8.50
Dividend Payment
Investment
+$142.30
Home Depot
Shopping
-$89.99
Budget Progress February 2026
Housing$1,800 / $1,800
Food & Dining$420 / $600
Transportation$180 / $300
Entertainment$245 / $200
Quick Actions
Send
Request
Add
Invest
Upcoming Bills Manage
Electric Bill Due Feb 22
$145.00
Internet Due Feb 25
$79.99
Car Insurance Due Mar 1
$210.00

Design Approach

Glassmorphic cards with subtle blur effects create depth and hierarchy. The muted color palette keeps focus on data while accent colors highlight key metrics and actions.

Key Features

Real-time balance tracking, spending visualizations, budget progress indicators, and quick action shortcuts for common financial tasks.

02

Call Center Dashboard

A real-time operations dashboard for monitoring agent performance, queue status, and customer satisfaction metrics.

🔔
HM
📞
Calls in Queue 12
Live
Avg Wait Time 2:34
↓ 18%
Resolved Today 847
↑ 12%
CSAT Score 94.2%
↑ 3%
Call Volume
Dec 06 ▾
$8,250.00
9am10am11am12pm1pm2pm3pm
Performance Trends
Response Time Resolution Rate
100% 75% 50% 25%
MonTueWedThuFriSatSun
Channel Distribution Details
📞
Phone
65%
💬
Live Chat
22%
Email
8%
Social
5%
Agent Status View All
SM
Sarah Miller On Call • 4:32
23 calls
JW
James Wilson Available
19 calls
EP
Emma Parker On Break
21 calls
MJ
Mike Johnson On Call • 1:15
27 calls
NPS Score Details
72
Excellent
Promoters 68%
Passives 24%
Detractors 8%
Recent Tickets See All
Payment Issue #TKT-4521
2m ago
Account Access #TKT-4520
8m ago
Feature Request #TKT-4519
15m ago

Design Approach

A light, airy interface with soft gradients and rounded cards creates a calm environment for high-stress call center operations. Color-coded status indicators enable quick visual scanning.

Key Features

Real-time queue monitoring, agent availability tracking, NPS gauge visualization, performance trend analysis, and priority-based ticket management.

03

Automobile Dashboard

An electric vehicle infotainment system featuring real-time vehicle stats, navigation, media controls, and smart integrations.

09:42 Monday | Feb 18, 2026
5G ▂▄▆█
HM
Harrison's Phone
Model H
Remaining
127mi
Efficiency 3.9mi/kWh
Full Capacity 35.5kWh
Speed
52mph
Status
N D R P
+
10ft Use the right lane to merge onto Highway 79
Downtown Office 123 Main St, Suite 400
3.2mi
9min
09:51
Midnight Drive Synthwave FM
2:34 4:12
●●●
Seattle, WA
50°
Rain
Humidity 89% Wind 14 mph
Driver
72°
AC
Seat
Defrost
Sync
Passenger
70°

Design Approach

A dark, automotive-focused interface with high contrast elements for glanceability while driving. Card-based layout allows for easy customization and information hierarchy.

Key Features

Real-time vehicle telemetry, turn-by-turn navigation, media integration with streaming services, weather forecasting, and quick-access app dock.

04

CX Analytics Dashboard

An enterprise analytics platform for monitoring customer experience metrics across online and in-store purchase journeys for an electronics retailer.

HM
Harrison M. BI Engineer
Customer Experience / Overview
Updated 2 min ago
HM
Jan 1 – Feb 25, 2026
All Channels
All Journeys
All Categories
YoY Comparison ON
Export CSV
Overall CSAT 4.3 / 5.0
▲ +0.2 vs prior period
Net Promoter Score +68
▲ +5 pts vs prior period
Online Conversion 3.8%
▼ -0.4% vs prior period
In-Store Conversion 41%
▲ +2.1% vs prior period
Online Purchase Funnel Jan – Feb 2026
Awareness 58,240
100%
↓ 36% drop-off
Browse 37,274
64%
↓ 51% drop-off
Add to Cart 18,054
31%
↓ 42% drop-off
Checkout 10,483
18%
↓ 33% drop-off
Purchase 6,989
12%
CSAT Score by Journey
Online In-Store Support Returns
5.04.54.03.53.0
W1W2W3W4W5W6W7W8
Channel Pivot 6 metrics
Metric Online In-Store Δ
CSAT Score 4.3 4.1 +0.2
NPS +72 +64 +8
Conversion 3.8% 41.2%
Avg Order $284 $312 -$28
Return Rate 8.4% 5.1% +3.3%
CES 3.2 2.8 +0.4
Customer Effort Heatmap lower is better
Awareness
Browse
Purchase
Post-Buy
Support
Online
1.8
2.1
3.2
2.8
4.1
In-Store
1.4
1.9
2.3
2.1
3.6
Mobile
2.2
2.8
3.8
3.1
4.5
Phone
2.8
3.2
4.1
3.9
4.8
Low effort
High effort
Top Pain Points by volume
1
Checkout Page Speed
2,847 Tech
2
Return Process
2,134 Ops
3
Out of Stock Online
1,892 Inv
4
Payment Declined
1,654 Tech
5
Delivery Delay
1,428 Logistics
6
Price Match Request
987 Policy

Design Approach

A crisp enterprise BI aesthetic — flat white surfaces, tabular typography, teal-and-orange palette, and sharp 6–8px corners. Designed to feel more like Looker or Tableau than a consumer app, prioritising information density and scannability over decoration.

Key Features

Multi-axis filter bar, online purchase funnel with stage-level drop-off rates, cross-journey CSAT trend chart, channel-metric pivot table, customer effort score heatmap across four channels and five journey stages, and a ranked pain point tracker with volume bars and category badges.