Nathan Cheng
Nathan Cheng

Duane Michals Web Gallery

Speculative interface & motion design for a bespoke web gallery that brings visitors into the sparse, “zen” feeling of coffee table photography books & museum exhibits, along with the humanistic touch of Duane Michals’ work & outlook.

Duration
3 weeks, Feb–Mar 2017

Roles
UI Design, Identity, Wireframing, Mockup animations

Tools
Sketch, Keynote

Overview

Photographer Duane Michals was known for pairing photographs with written words to suggest whimsical new emotions, ideas, or circumstances.

I was fond of his humanistic intimacy, so I used his focus on image-textual relationships and the human hand to guide the design. The generous negative space creates a gallery atmosphere and allows warm colors to dominate and cast a cozy feel. Using sans-serif text helped text appear cleaner at small sizes, with small curves in the typefaces and icons also helping to suggest an organic feel.

VSCO and Instagram’s monochromatic color palettes and white spaces inspired the design’s comfortable and focused experience. “Storyteller: The Photographs of Duane Michals” by Allen Ellenzweig and Linda Benedict-Jones inspired the site’s expressive editorials and photo layouts.

Excerpts from “Storyteller: The Photographs of Duane Michals” by Allen Ellenzweig & Linda Benedict-Jones
Overview of colors and elements used in the design.

Prototypes

The landing page carousel demonstrates one of Michals' sequences to acquaint viewers with one of his trademarks before a general browsing area.

Section thumbnails

"Exhibit" sections
…Hover state
"Life" sections
…Hover state

Content viewers

Stills

Back to profile