← Back

Reflexions Design System

- Elevating Design Consistency Across Transportation Platforms

As the sole Product Designer on the Reflexions UX Library project, I created a comprehensive design system to support multiple transportation platforms, including OMNY (One Metro New York) and MDOT (Maryland Department of Transportation). The system empowers designers to launch new features faster, ensures UI consistency, and improves overall team productivity.

DurationDec 2021 - Feb 2022
RoleResearch & Design
PlatformWeb & Mobile
ToolFigma

Lack of a centralized design system led to visual inconsistency and inefficiencies in the product development lifecycle.

Designers struggled to launch new features quickly due to repeated design efforts and inconsistent components across transportation products.

System Foundations

Design Tokens

Defined foundational styles such as color palette, type hierarchy, and layout grids to create a consistent visual language across all Reflexions projects.

Core Components

Standardized interaction elements to promote usability and design harmony. These components ensured consistency across UI touchpoints.

List Variants Library

Built a library of 216 list item variations to accommodate different use cases, enabling designers to scale feature design with flexibility.

Flow Assets & Annotation Tools

Developed reusable user flow templates and annotation patterns to help teams visualize and document interactions efficiently.

UX Application

Rapid UX Prototyping

Showcased how the design system was applied in real-world wireframes, enabling fast UX iterations and collaborative design reviews.

Visual Exploration

Visual Direction 1: Connected with Brand

This approach aligned with Reflexions' current website identity, using bold red and black tones to maintain brand continuity.

Visual Direction 2: Inspired by MDOT Interior

Took visual cues from the design details inside MDOT buses, integrating familiarity and user context into the interface.

Visual Direction 3: Youthful and Energetic

Explored a more vibrant, playful visual language to connect with younger audiences in future-facing transportation apps.

For more details and interactions,

Please contact me at haowendesign@gmail.com

You may also like

Let’s create design stories and explore adventures together!

© Haowen Liu 2025