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


old question.png
UI Refresh: Image


new question.png
UI Refresh: Image
bottom of page