Aurora design System

Aurora is a dynamic design system inspired by Jira, offering intuitive and scalable solutions for seamless project management and enhanced user experience.

Role

Initiator & UX Designer

Year

2022-24

Team

2 Designer + 2 FE developers

UX/UI Methodologies & Techniques

  • Component UX Research

  • UI Design

  • Implementation QA

  • Style Guide

  • Pattern Library

  • UI Inventory

  • UX Audit

Software

Challenges

  • Lack of Existing Framework: There was no pre-existing design system, library, or style guide, requiring the creation of everything from scratch.

  • Agile Development Pressure: The agile environment demanded the development of new features almost every sprint (2 weeks), necessitating rapid iterations and continuous adjustments to the design system.

  • Resource and Time Constraints: For the first year, I was the sole designer responsible for developing the design system, conducting user research, and fulfilling product management duties, all within a highly constrained timeframe, primarily targeting B2B needs.

At a glance

Provided documentation in both English and Chinese to facilitate close collaboration with developers in China.

Each component is consisted of

❝ Component Name: A clear and unique name for each UI component to ensure precise communication between designers and developers, preventing errors.

πŸ–±οΈState Changes: Recommended default states and their subsequent appearance changes.

πŸ“ Notes: Page annotations and descriptions to identify and understand each component.

δ·ͺ Breakpoints: Size specifications and breakpoints for developers.

Benefits & Impact

  1. Single Source of Truth: A centralized repository for components, patterns, and styles, ensuring consistent designs.

  2. Scalable Redesigns: Manage and implement changes efficiently across projects at scale.

  3. Focus on Complexity: Frees up design resources to tackle complex problems instead of visual tweaks, ensuring consistency.

  4. Quick Replication: Utilize pre-made components for fast and efficient design replication.

  5. Eliminate Inconsistencies: Reduces the need to reinvent the wheel, minimizing inconsistencies and miscommunications.

Previous

Beaconfire Site Revision