top of page
My Role
UI designer
UI Refresh: Text
The Problem
An outdated visual style gave users the impression that our powerful tool was as unimpressive as its interface.
UI Refresh: Text
The Constraints
Time. The Product Manager had bigger projects on his plate, so he gave the go-ahead only for some simple CSS changes, not the larger redesign I would have liked to do.
A legacy color palette that, on the web, brings down the mood if applied too heavily.
UI Refresh: Text
The Solutions
Remove all gradients to flatten the 3D UI elements.
Replace the gray-on-white pattern with a white-on-gray.
Use color more sparingly to brighten the mood and to more prominently feature primary actions. (In hindsight, I went too far. Adding back some color will add more life.)
UI Refresh: Text
The Results
A before and after comparison:
UI Refresh: Text
Before
UI Refresh: Image
After
UI Refresh: Image
bottom of page