今
AdsPower Dashboard UI
AdsPower Dashboard UI
AdsPower Dashboard UI
CLIENT
CLIENT
CLIENT
AdsPower
AdsPower
AdsPower
INDUSTRY
INDUSTRY
INDUSTRY
Tech & Services
Tech & Services
Tech & Services
Duration
Duration
Duration
3 days
3 days
3 days
Services
Services
Services
UX UI design
UX UI design
UX UI design
Overview
Overview
AdsPower is a powerful tool that enables users to manage multiple browser profiles, proxies, and automation tasks securely.
AdsPower is a powerful tool that enables users to manage multiple browser profiles, proxies, and automation tasks securely.
AdsPower is a powerful tool that enables users to manage multiple browser profiles, proxies, and automation tasks securely.
Problem
Problem
Problem
Cluttered interface with too many visual elements competing for attention
Cluttered interface with too many visual elements competing for attention
typography and spacing with actions not clearly visible
typography and spacing with actions not clearly visible
Status indicators hard to read with a navigation that lacks structure
Status indicators hard to read with a navigation that lacks structure
Objectives
Objectives
Objectives
Improve visual hierarchy
Improve visual hierarchy
Improve visual hierarchy
Users should instantly see profile status, OS, and proxy.
Users should instantly see profile status, OS, and proxy.
Users should instantly see profile status, OS, and proxy.
Reduce clutter & noise
Reduce clutter & noise
Reduce clutter & noise
Make data easier to scan with whitespace and grouping
Make data easier to scan with whitespace and grouping
Make data easier to scan with whitespace and grouping
Enhance usability
Enhance usability
Enhance usability
Fewer distractions for quicker actions with a implified navigation
Fewer distractions for quicker actions with a implified navigation
Fewer distractions for quicker actions with a implified navigation
Design process
Design process
Design process
research
research
research
Finding the core problem pain points in the existing UI
Finding the core problem pain points in the existing UI
Research about the core problem pain points in the existing UI
wireframing
wireframing
wireframing
simple wireframes to rethink the structure before visual design.
simple wireframes to rethink the structure before visual design.
simple wireframes of the structure before visual design.
visual design
visual design
visual design
Final redesign emphasizes clarity, consistency, and modern UI principles
Final redesign emphasizes clarity, consistency, and modern UI principles
Final redesign emphasizes clarity, consistency, and modern UI principles
First UI wireframe
First UI wireframe
First UI wireframe
Final UI wireframe
Final UI wireframe
Final UI wireframe
Research
Research
Research
Upon comparing 5 SaaS dashboards of competitors, i found common patterns
Upon comparing 5 SaaS dashboards of competitors, i found common patterns
Upon comparing 5 SaaS dashboards of competitors, i found common patterns
Side Bar :
Side Bar :
Side Bar :
Profiles, Proxies, Teams, Subscription, Referrals, Resources, Settings, Support.
Profiles, Proxies, Teams, Subscription, Referrals, Resources, Settings, Support.
Profiles, Proxies, Teams, Subscription, Referrals, Resources, Settings, Support.
Dash Bar :
Dash Bar :
Dash Bar :
All Profiles
All Profiles
All Profiles
Main Bar :
Main Bar :
Main Bar :
Page, Notification, Tasks, Profile, card, Search bar, CTA1+2, Tags ,Additional operations.
Page, Notification, Tasks, Profile, card, Search bar, CTA1+2, Tags ,Additional operations.
Page, Notification, Tasks, Profile, card, Search bar, CTA1+2, Tags ,Additional operations.
Board :
Board :
Board :
Number . Name . IP . OS. Status . More
Number . Name . IP . OS. Status . More
Number . Name . IP . OS. Status . More
Footer Bar :
Footer Bar :
Footer Bar :
Selected elements, Pages & total profiles
Selected elements, Pages & total profiles
Selected elements, Pages & total profiles
Final UI design
Final UI design
Final UI design
The final redesign emphasizes clarity, consistency, and modern UI principles while keeping all AdsPower’s power intact.
The final redesign emphasizes clarity, consistency, and modern UI principles while keeping all AdsPower’s power intact.
The final redesign emphasizes clarity, consistency, and modern UI principles while keeping all AdsPower’s power intact.
Final Dashboard
Final Dashboard
Side Bar UI Page
Side Bar UI Page
IP details that are visible on hover
IP details that are visible on hover
Multiple action bar over selecting multiple profiles
Status Indicators color-coded & easy to scan
Main Features UI Page
Main Features UI Page
dark mode
dark mode
dark mode
A modern alternative that reduces eye strain and keeps focus on what matters.
A modern alternative that reduces eye strain and keeps focus on what matters.
A modern alternative that reduces eye strain and keeps focus on what matters.
final thoughts
final thoughts
final thoughts
This dashboard’s redesign was a great learning oppurtunity on how to balance clarity with complexity.
This dashboard’s redesign was a great learning oppurtunity on how to balance clarity with complexity.
This dashboard’s redesign was a great learning oppurtunity on how to balance clarity with complexity.
check next project
check next project
check next project
Baridimob Landing page
Baridimob Landing page
Baridimob Landing page
UX UI Design
UX UI Design
UX UI Design
Landing Page
Landing Page
Landing Page
FinTech
FinTech
Baridimob App Redesign
Baridimob App Redesign
Baridimob App Redesign
UX UI Design
UX UI Design
UX UI Design
Mobile App Design
Mobile App Design
Mobile App Design