AI-Powered Redesign:
B2B SaaS Logistics Dashboard
Role
Product Designer
Duration
2 Days
Industry
Logistics SaaS
Type
Dashboard Redesign
Project Overview
By leveraging an AI-powered workflow to analyze deep user friction, specifically 'flat' data and obscured deadlines, I redesigned the interface to surface real-time carrier cutoffs and AI-driven risk mitigation. This shift moves the user from manual data management to decisive operational action within the first 90 seconds of their day.
ChatGPT
Research & ideation
Gemini
Content generation
Claude
UX analysis
Figma Make
Rapid prototyping
Stitch
Design systems
Before
After
AI-Assisted Design Workflow
01
AI-Powered Research
Used a parallel AI workflow (Claude & Gemini) to analyse feedback from Reddit, G2, and ShipStation’s community forums
02
Information Architecture
Using my own experience and Gemini’s output, I divided the dashboard into four main zones and reworked the information architecture.
03
Rapid Prototyping
By prompting Claude Code, Stitch, and Figma Make, I generated several initial screens, then brought them into Figma via Figma MCP for refinement. This significantly sped up the exploration process and saved time.
04
Final Design
Brought the design into Figma, added annotations to guide the design toward the project goals and maintain brand consistency, and then produced the final screen.
01 AI-Powered Research Outcomes
Problem
•
Operational Blind Spots and Missing Urgency Cues
•
Fragmentation Between System Sync and User Reality
•
High Cognitive Load via Technical Taxonomy
•
Critical Data Buried in Multiple Navigation Levels
My annotations
•
no visual indicators (KPIs) or countdowns for Carrier Cutoff Times
•
the system lacks a Sync Status indicator with new orders
•
Labels like "Open Batches" or "Awaiting Shipment"= daily mental tax
•
High-frequency actions are hidden behind menus
02
INFORMATION ARCHITECTURE & Key Features Redesign
Zone 1 (The Mission Control)
Top-level overview with search, daily KPIs, shipment deadlines, and today’s workload.
Zone 2 ( Navigation & Actions)
Core menu for orders, shipments, returns, and quick actions like batch creation, label printing, and import.
Zone 3 (Priority Queue)
Main working area showing orders by urgency, status, and deadline, with fast filtering for action.
Zone 4 (Sync & Risk Monitor)
Live store sync status, carrier health, and operational alerts that need immediate attention.
03 Rapid Prototyping
I prompted different AI tools, including Claude Code, Google Stitch, and Figma Make, using the project context, information architecture, and defined dashboard zones. From that process, I generated these initial designs.
FreightView
Cutoffs
GLS — 0h 48m
DHL Express — 1h 42m
UPS Standard — 4h 10m
Orders today
284
↑ 12% above Mon avg
Need attention
6
Mo, 14.04 · 09:14
Urgency Triage
Cutoff Risk
3 orders
#DE-84201
↯ 0h 48m — GLS
Hamburg 22301
·
2.4 kg
·
Amazon.de
Not yet in batch
Add to Batch
#DE-84198
↯ 0h 48m — GLS
Bremen 28195
·
1.1 kg
·
eBay.de
Not yet in batch
Add to Batch
#DE-84155
1h 38m — DHL Express
Amsterdam 1011
·
3.8 kg
·
Shopify
Not yet in batch
Add to Batch
◆
#DE-84201 and #DE-84198 can be batched together — same GLS route, same pickup slot.
Batch Both
Dismiss
Needs Input
3 orders
#DE-84187
Address incomplete
Berlin 10115
·
Missing house nr.
Fix Address
#DE-84162
Payment pending
Rotterdam 3011
·
Shopify
Review
#DE-84149
Weight missing
Copenhagen 1050
·
eBay.de
Add Weight
Ready to Process
275 orders across 4 carriers
DHL Express
International Priority
94
orders
Est. time
~9 min
Avg weight
2.1 kg
Cutoff
1h 42m
Shopify 41
Amazon.de 38
eBay.de 15
Last batch: today 07:40
Start Batch
DHL Freight
Domestic Economy
71
orders
Est. time
~7 min
Avg weight
4.8 kg
Cutoff
3h 15m
Shopify 29
Amazon.de 31
eBay.de 11
Last batch: Fri 08:12
Start Batch
UPS Standard
EU Ground
68
orders
Est. time
~6 min
Avg weight
1.7 kg
Cutoff
4h 10m
Shopify 22
Amazon.de 30
eBay.de 16
Last batch: today 08:55
Start Batch
GLS
ParcelShop Domestic
42
orders
Est. time
~4 min
Avg weight
0.9 kg
Cutoff
0h 48m
Shopify 18
Amazon.de 14
eBay.de 10
Last batch: Fri 09:01
Start Batch
Anomaly Feed
2 detected
▲ collapse
▲
Return rate up 34% vs. your 7-day average — 18 returns logged before 10:00. Unusual for a Monday. Most returns are from Amazon.de orders shipped last Thursday.
View Orders
Dismiss
▲
DHL Express reporting delays in NL postal zone 1000–1099. 11 of your orders are affected. Expected delay: +1 business day.
View 11 Orders
Dismiss
Refining AI Concepts with Claude Skill and Design References
The structure of the generated designs was close to what I wanted, but the visual direction was not. To improve this, I used Claude more deliberately: I provided competitor screenshots and my design system library as references, then asked it to review and refine each concept to better match the look and feel I was aiming for. This resulted in stronger, more aligned design directions.
ShipStation
Search orders, recipients, tracking numbers…
Scan
⌘K
JD
John D.
Cutoff
UPS
45m
FedEx
3h 20m
Labels Today
150 / 200
45
Ready to Label
12
Payment Blockers
240
Shipped Today
Operations
Orders
307
Shipments
Returns
Products
Inventory
Quick Actions
Create Batch
Print Label
Import CSV
Settings
Help & Support
Add-Ons
Current Workload
307
Filter
All
Ready to Label
45
Needs Payment
12
On Hold / Blocked
8
Overdue
#ORD-4821
26h
Sarah Mitchell
UPS Ground
SKU-103 · 2 items
AMZ
Overdue
#ORD-4819
25h
James Hoffman
FedEx 2-Day
SKU-091 · 1 item
SHF
Urgent
#ORD-4822
4h
Liu Wei
UPS Next Day
SKU-055, SKU-002 · 4 items
EBY
Blocked
#ORD-4818
18h
Marcus Green
USPS First
SKU-022 · 1 item
AMZ
New
#ORD-4830
12m
Priya Nair
USPS Priority
SKU-017 · 1 item
AMZ
New
#ORD-4831
8m
Carlos Rivera
FedEx Ground
SKU-005 · 3 items
SHF
New
#ORD-4832
3m
Aiko Tanaka
UPS Ground
SKU-088 · 2 items
EBY
New
#ORD-4833
1m
Rachel Kim
FedEx Priority
SKU-033 · 5 items
SHF
Urgency
Order #
Age
Recipient
Service
SKU / Items
Source
Store Sync
AMZ
Amazon
2m ago
+12
SHF
Shopify
5m ago
+3
EBY
eBay
1m ago
—
Carrier Health
UPS
Operational
FedEx
Operational
USPS
Delay ↗
AI Alerts
🌧
Weather Delay Risk
Heavy rain in Chicago. 5 shipments at risk — suggest Express?
Review →
📍
Address Errors
2 orders with invalid zip codes. Fix before printing.
Fix Now →
📦
Stock Alert
SKU005 low — 10 orders will exceed current stock.
View SKU →
Store Heartbeat
Amazon FBM
Synced 2m ago
+14 New Orders
Shopify Plus
Synced 5m ago
+8 New Orders
eBay Global
Syncing...
0 New Orders
Carrier Health
UPS
FedEx
USPS
AI Risk Mitigation
Weather Alert: Chicago
Heavy rain delaying outbound pickups
from Hub-04.
Address Risk (12)
Invalid zip formats detected in batch
#902.
Current Workload
92 Active Orders pending fulfillment
Filter
Sort
Ready to Label (45)
Needs Payment (12)
On Hold / Blocked (8)
Awaiting Shipment (27)
Urgency
Order
#
Age
Recipient
Service
SKU/Items
Source
#98342
3 days
Sarah
Jenkins
UPS Ground
2x SKU-99
Shopify
#98345
12
hours
Mike Rollins
USPS First
Class
1x SKU-04
Amazon
#98348
2
hours
Emma
Watson
FedEx
Express
5x SKU-12
eBay
#98350
45
mins
John Doe
UPS Next Day
1x SKU-88
Shopify
Create New Batch
Print Single Label
Import CSV
Quick Scan
Operations
Orders
Shipments
Returns
Inventory
Analytics
UPS Pickup
45 mins remaining
Ready to Label
45
Payment Blockers
12
Shipped Today
240
Throughput Efficiency
75%
ShipStation
Search orders, customers, or scan barcode...
Alex Chen
Warehouse Lead
04 Final Design
I chose the strongest direction, synced it with Claude Code through Figma MCP, and brought the screens into Figma. After annotating key elements to align the design with the brand and project goals, I refined the final screens in Figma.
