← Back to Projects

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

DESIGN SYSTEMS
FACILITATION
VISUAL DESIGN

Date

2023

ROLE

LEAD DESIGNER

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. I contributed  documentation within our design systems library to give guidance on key aspects of the new system.