As design lead, I helped create the web experience for Google I/O’s first all-virtual developer conference.

\-

### Unmistakably Google

Colorful brand moments were sprinkled throughout the site to create a truly distinct experience.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2F6cc9cb7f-637d-4534-8573-ab4b0c5208e9.png?alt=media&token=47840144-aedf-45c4-a12a-ffb12c0d259c","id":"6cc9cb7f-637d-4534-8573-ab4b0c5208e9","width":3200,"height":2000,"filename":"jasonrstewart_ioweb_01@2x.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2F19f356cb-ce3f-4444-8ed2-7202dffc5382.png?alt=media&token=9fd99f09-bf71-4338-9730-89063c0f9729","id":"19f356cb-ce3f-4444-8ed2-7202dffc5382","width":3200,"height":2000,"filename":"jasonrstewart_ioweb_02@2x.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2F08d144a4-d573-4e28-a327-c95668c2d172.png?alt=media&token=03336722-d5e6-4ead-8384-e1598c34cffb","id":"08d144a4-d573-4e28-a327-c95668c2d172","width":3200,"height":2000,"filename":"jasonrstewart_ioweb_03@2x.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2Fc22c7fc6-894d-4902-a676-48a17dd2e2d2.png?alt=media&token=26d4a67b-e4ab-4ad1-be9f-891674fe9256","id":"c22c7fc6-894d-4902-a676-48a17dd2e2d2","width":3200,"height":2000,"filename":"jasonrstewart_ioweb_04@2x.png","type":"image/png","caption":"","border":false}]}
```

\-

### Surprise and delight

Scrolling to the bottom of the homepage initiated a game of breakout. Players had five chances to eliminate all circles while collecting falling letters. These letters spelled out a clue that, when typed into the Chrome console, rewarded players with an I/O badge.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2F6f9592ac-22cc-4f77-b594-84defb3df4e9.png?alt=media&token=135d6434-8022-4bea-89d0-e42712775fa3","id":"6f9592ac-22cc-4f77-b594-84defb3df4e9","width":3200,"height":2000,"filename":"jasonrstewart_ioweb_05@2x.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2F17c55c3a-5d33-4909-ba7e-90c1e3a1ed11.png?alt=media&token=cc372d18-a847-4176-aa07-6f3e9bb42eba","id":"17c55c3a-5d33-4909-ba7e-90c1e3a1ed11","width":3200,"height":2000,"filename":"jasonrstewart_ioweb_06@2x.png","type":"image/png","caption":"","border":false}]}
```

\-

### A versatile schedule

The I/O schedule was designed to intuitively display a mixture of live events and timed bulk session releases.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2Ff35bd01e-1ae1-4456-b1db-6d26d41e8f5b.png?alt=media&token=16649630-e06a-4a79-9025-81f0047ef94f","id":"f35bd01e-1ae1-4456-b1db-6d26d41e8f5b","width":3200,"height":2000,"filename":"jasonrstewart_ioweb_07@2x.png","type":"image/png","caption":"","border":false}]}
```

\-

### Built for all

We developed a light and dark design system that reflected Google’s commitment to accessibility and advocated for inclusive features like sign language interpretation.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2F2d50408b-406e-4c26-b3c1-71d80db8d7c2.png?alt=media&token=af0b7de3-e85d-4b57-8122-f4f39a7046c3","id":"2d50408b-406e-4c26-b3c1-71d80db8d7c2","width":3200,"height":2000,"filename":"jasonrstewart_ioweb_075@2x.png","type":"image/png","caption":"","border":true}]}
```

\-

### Fluid multi-tasking

A slim side panel gave attendees quick access to session info, downloadable resources, chat functionality, and Q&A without interrupting their stream.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FK22RXVpRQqajCZWAGBlFpaX6VNn2%2FObGAJxtVIH53HK8cDgF8%2Fbbe7ab0c-4cfb-4103-856e-fa1c4df65754.mp4?alt=media&token=a81e3d7a-ef6c-478c-bc44-dfc5ae52ee22","id":"bbe7ab0c-4cfb-4103-856e-fa1c4df65754","width":1600,"height":1000,"filename":"jasonrstewart_ioweb_10.mp4","type":"video/mp4","caption":"","border":false}]}
```

Google I/O 2021 website

Designer

A nine-month engagement that helped the Google TV team ready their product for launch.

Google TV

Re-imagining how retail teams communicate with customers and Cupertino.

Apple Retail

An interactive experience for Google I/O’s first all-virtual developer conference.

Google I/O

Vision work, provocations, and thought starters.

Highlights

A campaign to help overcome calcified perceptions

Anything But Taxes

A six-week vision sprint that helped position YouTube TV as the leader of living room entertainment.

Jason R. Stewart

2021