David Knell | Portfolio (for Coda)
Share
Explore
Portfolio

icon picker
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

image.png

After

image.png

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