0

Graphic Novel

  • google
  • illustration
  • iconography
  • lottie

The Google Nest team presented us with the design challenge of creating a new illustration system for the Google Home app that could communicate abstract and representational concepts at a wide variety of scales and perspectives. Inspired by the compositional storytelling of graphic novels, this design system consists of panels that can be used individually, or in tandem with additional panels to convey more complex ideas.

We developed a muted palette to live alongside Google’s core brand colors. The combination of the two palettes allows for vibrant, full frame illustrations that retain brand recognition. By doing away with a reliance on negative space, often white or dark gray, we are able to design a majority of the illustrations at a medium tonal value which allows them to live comfortably in light or dark modes.

To maintain the hand-drawn feel of graphic novels within a lightweight file deliverable, we created a workflow to append traditional animation into Lottie. In doing so, we were able to accommodate high-frame-rate motion and frame-by-frame animation in the same file.

We crafted the icon design language by distilling the essence of the larger system to a 64x64 pixel grid, and reducing the expanded color palette. From this system, our team designed a unified collection of icons that we’re able to expand consistently.

Direction: Dan Stack & Ian Sigmon

Illustration: Jaedoo Lee, Dan Stack, Adam Anderson, Damian Orellana, Jay Quercia, and Nick Slater

Animation: Dan Stack, Jaedoo Lee, Jordan Scott and Jade Kuzak

Production: Ashley Carey & Tess Harris

TEAM: Hobbes (listed above) in collaboration with GoogleNest Creative Team

Hobbes is a team of animators problem solvers focused on furthering Motion as a design discipline and applying its principles to digital products and emerging technologies.

Address

2020 14th St #205
Detroit, MI 48216

Tel

+1 (248) 320 1907