Product Color Swatch UI

I recently worked on a project that included large sets of color options a user could choose from (for a product page). I wanted an experience that was simple, encouraged exploration and was accessible for those who may not be able to distinguish the swatches easily.

While doing some research, I noticed most sites had very similar UI treatments for this... (if it's not broken, don't fix it, right?)

I've attached a few different UI options I mocked up, but what I want to know is, does anyone have any favorites out there I may have missed?? Please comment below!

Posted on Aug 4, 2017
Mike Hagel
Designer, CSS enthusiast, Sheltie dad.

More by Mike Hagel

View profile