Project

Google Safe.Page

Google Safe.Page

Challenge

Because the Internet wasn’t created with built-in security, Google Registry asked us to create a digital product for web users that would help to increase basic literacy around safety on the web.

Approach

We designed Safe.page, an animation-driven website that illustrates the real-world scenarios most impacted by phishing and predatory behaviors.

Value

Our platform empowered Google’s audience to create a safer, more reliable, and more inclusive internet for future users. And for our agency, we receive positive coverage from outlets such as Fast Company and TechRepublic and a Gold Award in Website Design from the 2019 Hermes Creative Awards.

Keeping safe in the digital age

The Internet of today is drastically different than the Internet of 10, even 5 years ago. Today, web surfers must navigate through an endless amount of security threats, misinformation, and phishing schemes, and in order to be safe, they must constantly be diligent.

 

We’ve learned that when put to the test, most users lag behind when it comes to knowing how to identify safe URLs and in their knowledge of potential security threats. By creating a tool like Safe.Page we’re helping people to ramp up and learn how to stay safe. This is especially important when you consider that the number of people using the Internet has surged. In fact, in 2018, more than one million people came online for the first time each day.

Work image

Storytelling through inclusive design

Google’s core design challenge was to increase basic literacy around safety to a wide and diverse audience, which meant breaking down the information for quick, clear consumption. We relied on lean copy and animated characters to convey the key components of staying safe online in vivid, real-life scenarios. Because phishing impacts everyone, we created a diverse cast of characters, enhancing not only literacy but inclusivity through design.

Rapid collaboration

Google had three weeks to take this site from conception to development, so we launched a rapid creative process to deliver an outstanding site in little time. We quickly built out three concepts in dynamic design, working closely with Google to ensure we relayed everything in the best approach possible. Once aligned on a direction, we delivered characters, animation techniques, and copy — and continuous updates on them all.

Work image

Consultative development

With a lot of development and partnership experience under our belts, we were uniquely positioned to support Google’s third party partner in bringing the site to life. We built our designs and animations pushed the parameters of what could be done in the development time frame. After handing the work off, we remained engaged consultatively. Through regular communication with these developers we made sure they had a thorough understanding of the vision.

Work image