Color Picker

Redesign of a color picker for GRAD web app.

First version has proven to be too large, covering a lot of workspace.

Second version has smaller margins and paddings. Also number inputs have been added for a more precise control. The result was 30% smaller tool.

Yet after more iterations I've come up with a third version which is even more compact. HUE circle has been turned into a bar but now the user couldn't select saturation, only brightness. So these two settings have been merged into one bar with max saturation in the middle.

Also there was added a small preview block in the top left corner.

In the end color picker modal has been reduced in size by 67% while retaining all functionality.

munk.design

Multidisciplinary design support for launching and live projects, inclusive and sustainable approach. Branding, web & product design, design ops.

Get in touch

yz@munk.design | Telegram | WhatsApp

Follow

Behance | Instagram | Telegram

Yan Zaretsky
Scalable systems design & branding
Get in touch

More by Yan Zaretsky

View profile