Skip to main content
Sanctuary Computer

Google SPAN

Website and digital signage for Google’s SPAN design and technology conference, 2017.
Photo of the Google SPAN live stream on a laptop.

Brief

Create a website and signage for Google’s SPAN design and technology conference.

Solution

A conference is a place where big questions are explored, so we framed the website as a series of questions and answers that would be entry points to explore the conference’s speakers, topics, and events. We translated the multi-layered shapes to interactive surfaces, including the website and event signage, exploring how they could move, frame, and emphasize this content.

Photo of a stage with the Google SPAN conference screens on displays

Shapes Within a Framework

The layered “vignettes” the Google Design team created are made from a series of shapes that are based on a strict grid and color palette. They are then combined to form an infinite number of compositions.

Grid of layered Google SPAN vignette shapes in the conference color palette.
Three Google SPAN website mobile screens showing the SP–AN wordmark, conference info for Newcastle-Gateshead 2017, and a speaker page for Desi Gonzalez.
Google SPAN speaker detail page for Ali Momeni with a portrait photo layered behind a teal vignette shape.
Google SPAN Info page describing the Newcastle-Gateshead 2017 event, set inside a coral vignette shape.

As a digital takeaway for the conference we made a screensaver out of the vignettes.

Photo of stage with Google SPAN shapes on displays.
Photo of stage with a woman giving a speech and Google SPAN shapes on displays.
Photo of the Google SPAN live stream on a laptop.