Create-with-Google-Hero-Image

Create with Google

Research / UX / UI Design

The Create with Google website is a public access point for the entire 'maker' community who want clear creative considerations and examples of how to use product, platforms, and technologies in Google’s ecosystem. The site also houses tools to help action work on Google's platforms. Unlike the prescriptive Facebook Creative Hub, our platform has been created to work seamlessly for the creative industry. 

Kick-off

We were brought in to Googles headquarters in Sydney to explore how we could craft a website that champions creative work on Google platforms, hosts important information on platform best practice and the tools to help them do their jobs easier.

assumptions

In one of the workshops, we collected our assumptions for the entire Create with Google experience.

user-flows@2x

Working through various touchpoints along the users Create with Google journey. 

sitemap

Creating a rudimentary sitemap for the website.

Exploration

As we worked through the project, the brand evolved, starting out very wide pushing the Google branding, we converged towards something which was more humble, pulled back, and hero'd creatives work.

CwG-Exploration

Material Design

I created a foundational library of Material Design styles and components to build the Create with Google website. This library sat outside of our artwork files and hosted the majority of the elements our development team would need to reference during build.

Typography-Scale
Color-Scheme
Elevation
Buttons
FAB
Selection-Controls
Text-Fields-Page-2
Navigation-Drawer-Page-1
Cards-Page-4

Bring it all together.


CwG-Comp
CwG-Homepage
CwG-platforms-youtube
CwG-platforms-youtube-bumper-ads
ytmt-phone-1
platform-phone-1
vr-phone-1

Motion

We lifted the experience by introducing motion to the various elements within the Create with Google website.

Results

Create with Google has grown quickly since its' launch in 2018. Makers from across the world have picked up and implemented the tools we crafted into their daily workflow. We continue to iteratively upgrade the website and its's array of tools.