Creating A Unique Icon System

Refreshed iconography library and contributed documentation for designers to create/use icons consistently

Grammarly is an AI writing assistant that supports people with brilliant writing anytime anywhere. As Grammarly scaled to support different verticals, the product’s iconography lacked consistency and failed to meet accessibility requirements. Furthermore, the style did not support the new brand perception Grammarly aspires to be: an empowering fierce supporter.

I led an initiative to audit more than 200+ icons across 14 interfaces (Browser Extension, Mac & Windows App, iOS and Android devices, Web and Microsoft Docs/Google Docs) with the goal of identifying the scope and proposing a unique icon system that can help Grammarly stand out in the crowded space of generative AI.

Team

Services

Date

ROLE

Audit

After an ardenous product audit, we discovered a lack of structural guidelines, semantic issues and adhoc processes. I brought together teams to resolve these issues and helped our team understand what issues to prioritize.

Explorations

When testing different directions across multiple interfaces, we aimed to represent a balance between these attributes: bold, empowering and fierce.

New Library

We launched the new iconography library in the new GrammarlyGo product. The new documentation within our design systems library gave product designers clarity on usage, specific directions on icon key elements and templates to follow for consistency and to reduce workload.