Power E*TRADE Refresh
Balances and Quotes Redesign, Power E*TRADE, Morgan Stanley
Role
UX Designer
Problem
The Balances and Quotes pages of the Power E*TRADE platform were due for a redesign.
Stakeholders
UX design leadership and product owners.
Power E*TRADE, Balances - Before
Balances - Before
The existing balances page needed to be updated to use the Campfire Power design system, and some UX enhancements.
The table on the left was long and hard to understand, and could be broken down into two distinct categories for better readability.
The pie chart on the right needed to be more visually balanced on the page.
Power E*TRADE, Balances - After
Power E*TRADE, Balances - After, responsive design
Balances - After
I broke the table down into two distinct tables that were more clearly group for better readability. Applied zebra striping, and reduced the width of the tables for better connection between labels and data.
The pie chart on the right is now smaller and more balanced within the experience.
I designed at a variety of breakpoints to ensure that content reflowed seamlessly and nothing would appear broken.
Quotes - Before
The existing Quotes page needed to be updated to use the Campfire Power design system, and some UX enhancements.
In scope:
Reorganization of content
Improving density of the overall experience, while improving readability
Utilizing campfire system components
Out of scope:
Charts
Right side panel
Power E*TRADE, Quotes - After
Power E*TRADE, Quotes - After, responsive layout
Quotes page - After
Improvements across the experiences
Improved information organization of the quote summary card.
Significantly reduced height of Social Sentiment card.
Improved controls in news sorting feature.
Improved readability of data across the page.
Utilizing entirely campfire system components.
Responsive layout
I designed at a variety of breakpoints to ensure that content reflowed seamlessly and nothing would appear broken.
View More Work
