UI Refresh

My Role

UI designer

The Problem

An outdated visual style gave users the impression that our powerful tool was as unimpressive as its interface.

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.

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.)

The Results

A before and after comparison:

Before

⁠

After

⁠

Gallery

Want to print your doc?
This is not the way.

Try clicking the ⋯ next to your doc name or using a keyboard shortcut (

CtrlP

) instead.