Yellow/Pink Duotone example image of the New Deal Design studio.

Website refresh

New Deal Design studio,
San Francisco

2016

Redesign of the industrial design innovation studio New Deal Design’s company web experience.

Mobile design for the home screen of the New Deal Design studio website. Includes a quote about design, attributed to Steve Eidelman, co-founder of Whistle, Fortune magazine.

The design system mixes handmade elements with CMYK colors and duotone photo treatments. As you scroll down the page photos transition from duotone to full color.

Updated Design

  • Home Screen

  • Project list

  • Menu

  • News and Updates

  • Home screen - Desktop

  • Work page – Desktop

Clickthrough of this interaction to show the UX and animations. Specifically showing the way duotone photos have a full color focus state to bring focus to a product.

Previous Website

  • Projects

  • Home

  • News

Full color photo example image of the New Deal Design studio.

Original image

Cyan/Pink Duotone example image of the New Deal Design studio.

One of the 3 hyper-saturated color schemes and photo treatments used across the site

The Team

Andrew Sawyer
Jaeha Yoo
Jen Phannguyen
Val Tsang/Williams
Jon Patterson
Ben Wong
Patrick Drake
Erica Jack