O

Google I/O 23'

I/O is Google's yearly technology conference, where developers worldwide gather to share, connect, and learn. To boost awareness and anticipation for this year's event, Greg Fisk collaborated with Instruments design team to create an engaging and versatile website for the festival.

With a growing number of independent writers making a living by connecting directly with their readers, FB Bulletin offers a new set of publishing and subscription tools for US-based content creators. This icon design is an abstract form designed to gain recognition over time. The goal was to create an original symbol that wasn't immediately recognizable—yet still felt familiar. The icon was part of a larger system of iconography developed by Buck.

Services

Design Direction
Motion Design
Web Design
UI/UX

Agency Lead

Instrument

Dev Agency

Left Field Labs

Branding

&Walsh with the Google Events & Experiences team

Executive Creative Director

Dan Schechter

Associate Design Director

Greg Fisk

Designer

Makayla Lovrak

Inspired by vintage analog beat machines such as the MPC 3000, this beat visualizer goes beyond simply informing users about the event's launch date. The countdown numbers are transformed into interactive buttons, inviting users to play and explore. This feature allows users to dynamically alter the visuals with an awesome retro feeling UI.

countdown_light-1

Countdown clock — beat visualizer

countdown_menu_with-visualizer

Countdown clock — beat visualizer — controls

Here's a screen recording of the user interface in action. Users could control the visuals by tapping on the clock keys, as well as switch between sound subsets using the controls that appear in the flyout menu.

0a
1a
2a
3a
4a
5a
6a
7a
8a
9a
countdown_numbers

This custom number set was the extra sauce that really pulled this all together. Each form is perfectly cemetrical and informed by Google's Material grid system.

SELECTED PROJECTS

Google I/O 2023art direction, web

i Phone 143D, animation

Beyond Meat Brand Refreshart direction, branding

Resilience Muralenvironmental

Smithsonian 175branding, motion

Smithsonianbrand identity, typography, web design

Spin Controlbrand identity

Extend the Cyphertypography, motion graphics

Break Tapesillustration, web design, typography

Creative Theorybrand identity, environmental, web design

Google Careers on Airbrand identity, illustration, motion graphics

Launchbrand identity, typography

King of Whattypography

Humanity Muralenvironmental, typography

Back to top Arrow
View