CreativeLab5.com
Google Creative Lab 5 website
2017 — 2018

Over 10 versions of a public-facing website to promote, provide information about, and receive applications for the Google Creative Lab 5 program. You can visit the live site at CreativeLab5.com.

This was the first seriously considered design for the Creative Lab 5 website—which sought to foreground the program's alumni in order to lend credibility to the program overall (which previously had almost no online information). It was eventually decided that featuring alumni would pose a legal challenge, so this design—that allowed searching through people via a colored tagging system—was discarded.

The five alumni on the homepage would randomize on load and cycle in new named periodically using a fade out effect.

Scrolling the full list of alumni. The Creative Lab 5 call to action is always visible, along with a small link to a page about the program.

Clicking apply opens a small application window that still allows the user to maintain their context within the overall site design.

Alternate sketches for how the application could appear.

The project brief stated that the site should be straight-forward and functional. This design plays off the idea of a functionalist archive, where all the essential information is compressed into an understandable one-pager.

An alternate version of the archive design, where all the site content is available on one clearly laid-out page. The "Apply" button in the background is positioned in the absolute center of the site and animates on scroll. The "Apply" button also changes state on hover to indicate that is is clickable.

The site is divided into two primary columns, with ever-present text and links on the left and bonus content (revealed on link hover) on the right. Alerts to application deadlines might also appear in the top right.

Blue links might change to color once hovered or clicked, encouraging visitors to explore the site.

Since the content of the site is primarily text, this version of the site foregrounds the type by simply making it large. A minimal directory at the top of the page helps the user navigate the long scroll.

A sketch for a simple navigation bar interaction that plays off the number 5; there would be five dots on load, that would need to be hovered in order to reveal their destinations.

Hovering project names in the projects section would open a large iFrame where visitors could explore the project sites themselves.

A slightly less bold version of the large-type direction. This design uses an accent color and subtle motion to bring the site to life.

The final design for the Creative Lab 5 website. This design uses large Google Sans and a numbered side navigation that stretches to fill the left side of the page.

The site launched in early March and has already accepted hundreds of applicants for future classes of Creative Lab 5. You can visit the site at CreativeLab5.com.

Brand Studio

COMING SOON

Google Brand Studio portfolio
2020 — 2021

Year in Search

NDA

Google Trends web experience
2020

Airbnb Samara

NDA

Product & site design
2021

Fossil by Wild-Type
Interactive web poster
2020

Front view of marbled Fossil drive angled slightly to the right.

Fossil

Long-term file storage drive
2019 — 2020

Miu

Font family
2020

Google Trends

NDA

Google product redesign
2019 — 2020

Compton Cowboys

Google Trends editorial
2020

Soli Objects

NDA

Hardware Exploration
2019

Google COVID-19 Site
COVID-19 Information & Resources
2020

YouTube Learning Prize

NDA

Design for YouTube Learning Prize
2017 — 2018

Most Searched in History
Interactive campaign website
2019 — 2020

Year in Search
Interactive campaign website
2019

Year in Search
Additional interactive concepts
2019

Type I
Wild-Type Color
2017 — 2018

Type II & Type III
Wild-Type Color
2017 — 2018

Google Pixel 6 Website

NDA

Google hardware vision
2018 — 2019

Type IV
Wild-Type Solar
2017 — 2018

Pattern Radio: Whale Songs

Interactive website design
2018 — 2019

Type L
Wild-Type Landscape
2017 — 2018

Type T
Wild-Type Landscape
2017 — 2018

Type K
Wild-Type Landscape
2017 — 2018

Type S
Wild-Type Landscape
2017 — 2018

Paradiso Poster
Wild-Type poster
2020

Type M
Wild-Type Landscape
2017 — 2018

Type P

COMING SOON

Wild-Type Landscape
2020

Google About

NDA

Site design & vision
2019 — 2020

Wild-Type.Engineering
Wild-Type website
2017 — 2018

Are.na Design

COMING SOON

Are.na brand & UI exercise
2019

Chat Bot

NDA

A.I. training website
2018 — 2019

Google Search History

NDA

Concepts for a new Chrome feature
2019

Notable Women I
Google font, brand, website, apps
2017 — 2018

Notable Women II
iOS & Android apps
2017 — 2018

Lacquer
Google font, poster, type specimen, website
2019

Lacquer Specimen
Font specimen website
2019

Google Crabfood
Internal insight team brand & website
2017 — 2018

Google Crabfood Culture

NDA

Bi-weekly culture newsletter
2017 — 2018

Google Pixel 6

NDA

Google hardware vision
2018

Phone Mode
Power-saving light mode for Google Pixel 4
2019

Google Today

NDA

Google Trends vision
2019 — 2020

Palette.Live

Color palette website
2018

Design System

NDA

Helix consumer genetics
2017

Helix App

NDA

Helix iOS app design
2017

Shopping on Google

NDA

Google Shopping redesign
2018 — 2019

#Ad

NDA

Google experience visioning
2018

Google Design

NDA

Branding, products & posters
2017 — 2021

CreativeLab5.com
Google Creative Lab 5 website
2017 — 2018

Google Hardware

NDA

Various sketches & blueprints
2017 — 2019

Here Magazine

Location photography
2018 — 2019

On Hybrids

Thesis project, website
2016

Photography

COMING SOON

Film & digital photography
2016 — 2021

Top