Rangle.io
Our work/Google

Google Angular Material

Industry
Technology
Headquarters
Mountain View, California
Services
Discovery, Component Library Design, Training

Project overview section

Project overview section

How Rangle Partnered with Google to Redesign and Upgrade Angular.io

How Rangle Partnered with Google to Redesign and Upgrade Angular.io

The challenge

Google sought to create a seamless user experience between Angular.io and its microsites. This required migration from Angular 2 to Angular 4 and a redesign of Angular.io.

The process

Rangle produced product research, competitive analysis, UX & UI, rebranding with custom SVG illustrations and development for angular.io and their microsites, providing training throughout.

The outcome

Working on site with Google to discover the challenges and goals, Rangle provided a developer component library and documentation site for various Angular platforms that work with Angular or as their own site.

A Seamless User Experience

Google and Rangle partnered together to create a seamless user experience between Angular.io and its microsites. The collaboration began as a migration from Angular 2 to Angular 4 and evolved into an updated redesign of Angular.io. Rangle worked to differentiate between Angular JS as well as the design and implementation of the documentation sites for Angular Material, CLI, Protractor, Mobile, and Universal.

A Seamless User Experience

Google and Rangle partnered together to create a seamless user experience between Angular.io and its microsites. The collaboration began as a migration from Angular 2 to Angular 4 and evolved into an updated redesign of Angular.io. Rangle worked to differentiate between Angular JS as well as the design and implementation of the documentation sites for Angular Material, CLI, Protractor, Mobile, and Universal.

Quote from Fatima

Quote from Fatima

Rangle and the Angular core team have an exciting partnership. We worked with top technologies and creative processes to build out the Angular ecosystem. We built out a Component Library that was seamless between all microsites, validated, and consumable by end users.

Fatima Remtullah, Product Manager, Rangle

Component Library for Developers

Working on-site with Google to discover challenges and goals, Rangle was able to provide developer component library and a documentation site for various Angular platforms. Rangle produced product research, competitive analysis, UX & UI, rebranding with custom SVG illustrations, and development for angular.io and their microsites. The Rangle team trained the Google Documentation team on how to create consistent branding for information architecture diagrams, imagery, and live code examples.

Component Library for Developers

Working on-site with Google to discover challenges and goals, Rangle was able to provide developer component library and a documentation site for various Angular platforms. Rangle produced product research, competitive analysis, UX & UI, rebranding with custom SVG illustrations, and development for angular.io and their microsites. The Rangle team trained the Google Documentation team on how to create consistent branding for information architecture diagrams, imagery, and live code examples.

Component Library

Component Library

About Google

Google is an American multinational technology company that specializes in Internet-related services and products, which include online advertising technologies, search engine, cloud computing, software, and hardware. Angular is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations.

About Google

Google is an American multinational technology company that specializes in Internet-related services and products, which include online advertising technologies, search engine, cloud computing, software, and hardware. Angular is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations.