When Google unveiled its Material Design guidelines in 2014, the technology company once defined by playground-like primary colors reestablished itself as a sophisticated design leader. Its guidelines upended interactive design conventions. For instance, web pages aren’t flat, but contain the materiality and shadows of real paper. These satisfying and intuitive principles form the backbone of digital agency Instrument’s 2015 redesign of google.com/design. The agency’s biggest challenge was to marry Material Design principles—made to flex and fit numerous brands—to Google’s unique brand identity. Instrument also needed to retrofit the framework, mainly intended for mobile design, so it could be applied to a web browser. The resulting website sets a best-in-class example of Material Design, with a simplicity that sings. Instrument helped Google rethink the site structure to create a hub of educational resources. Videos and articles highlight the department’s findings on Material Design so that the framework can live beyond Google and spark a discussion in the broader industry. It also features a new addition to the Roboto type family: Roboto Mono, expressive of the Google design brand with its graphic, yet technical personality. Also impressive, the site is fully accessible to those who have disabilities, meeting Web Content Accessibility Guidelines for an AA rating. With this redesign, Google has cemented its reputation as a pioneer not just in search and maps, but also in the materiality of interactive design.
Legwork showcases the creative process of its favorite projects on its new site.