GGGSolutions

Strategic Problem

Visual fragmentation across three disparate products led to scam concerns in customer reviews, highlighting a failure in brand trust and visual authority. The lack of a solid UX/UI direction meant the design team was building in silos without a unified language.

Systemic Solution

I pioneered the company’s first comprehensive Figma Design System to serve as a singular source of truth for all digital touchpoints. I engineered a bespoke library of components—from complex interaction states to accessibility-compliant forms—perfectly tailored to our specific technical constraints.

Methodology

I led an audit of legacy patterns and architected a modular component library based on brand identity and target audience needs. I established a regular review cycle to ensure the kit remained aligned with evolving design standards.

Design Strategy

I implemented a rigid typographic scale and expanded color palette to support complex interaction states while maintaining brand DNA. I established specific hierarchy rules to ensure the UI remained legible and professional across the entire suite.

Stakeholder Management

I established a contribution model, allowing designers and developers to provide feedback on component behavior during the build phase. I led the discussion on initial ideas to ensure the system met the functional needs of the whole design team.

Design Ops

I documented usage guidelines for every component (hover, active, disabled states), facilitating a seamless enterprise-wide migration to Material Design. Building from scratch allowed for a deeper understanding of Figma's prototyping capabilities for future scalability.

Reflection

Building a system from scratch, rather than using a pre-built kit, allowed us to solve prototyping problems on a deeper level. It reinforced the importance of documentation in maintaining long-term design consistency.