GrayBits is a design studio that specializes in website design and development and bespoke digital tools.

Erik Madigan HeckVisit Site

Feature: Homepage Color Search

The website is constructed around a painter's palette, where the entire archive is searchable via a color chart, and all images are showcased on top of complementary colors instead of against a traditional white backdrop.

Screen shot 2020 01 06 at 10.23.21 am 1600 xxx q88 bffffff
Screen shot 2020 01 06 at 11.03.04 am 1600 xxx q88 bffffff

Feature: Color Search Results

We created an algorithm that analyzes each image to determine its dominant color. This algorithm automatically runs as Erik uploads photos to the site, allowing each color section to remain current with all his latest photos.

Screen shot 2020 01 06 at 10.27.41 am 1200 xxx q88 bffffff
Screen shot 2020 01 06 at 10.29.40 am 1200 xxx q88 bffffff
Screen shot 2020 01 06 at 4.10.35 pm 1600 xxx q88 bffffff

Feature: Design

Each photograph layout uses the same color search algorithm to determine a background color based on the images predominant hues. Erik was given overides in instances in which he wanted to adjust the background colors that were automatically asigned.

Screen shot 2020 01 06 at 2.37.39 pm 1800 xxx q88 bffffff
Screen shot 2020 01 06 at 10.26.22 am 1200 xxx q88 bffffff
Maison.graybits.biz  9 1200 xxx q88 bffffff
Maisondesprit.com archive commissions etro etro0iphone x 1 800 xxx q88 bffffff
Maisondesprit.com archive commissions etro etro0iphone x 4 800 xxx q88 bffffff
Maisondesprit.com archive commissions etro etro0iphone x 5 800 xxx q88 bffffff
Maisondesprit.com archive commissions etro etro0iphone x 3 800 xxx q88 bffffff

Promo Video:
GrayBits created a video to announce the launch of Erik's new website. The video takes visitors on a tour of the new interfaces present on the site while also providing context for the conceptual ideas that grounded the updated design.