I was brought on as the lead designer from Google Brand Studio to rebrand Google CS First, an online computer science website with educational games and videos for students learning code. Working with Google for Education's product team and external agency, Instrument to also redesign and develop the new CS First website.
Our new visual system was created based on the idea of building blocks, visually represented in a grid system that appears throughout our visuals. I established the overarching branded toolkit, the CS First logo lockup, original illustrations, a visual identity across digital (web, mobile, social) and print, along with developing an original typeface for Google called Block Sans.
Designed in-house at Google Brand Studio.
VISUAL IDENTITY + ILLUSTRATIONS
Working with Instrument and Google for Education to established the initial idea of blocks as the foundation of CS First's visual identity, I developed a series of illustrations and icons to further the story and deepen the connection between the product and brand.
These illustrations have an added touch of playfulness to inject an additional level of personality to the brand. These illustrations are based on different curriculum themes, such as Art, Animation, Social Media and Friends.
THEME: SOCIAL MEDIA
CURRICULUM THEME: ANIMATION
CURRICULUM THEME: FRIENDS
GOOGLE CS FIRST WEBSITE
GOOGLE CS FIRST BLOCK SANS
I developed Block Sans as a display font to accompany Google Sans. This font can be used to the CS First program for an added playfulness, such as on social media, posters, informational graphics, swag and more.
View more type specimen explorations here.
Translating the visual identity across promotional materials such as flyers, swag, classroom kits and environmental graphics.