Under the Ground Design System

Led and built Under the Ground — a unified internal design system for WISH WORK.

Under the Ground Design System
ROLE

Lead Product Designer

DURATION

1 Year

TEAM

8 (Hybrid, 5 Remote)

PLATFORM

Web

The Problem

As Wishwork scaled, internal UI decisions became increasingly inconsistent across products. Different products evolved at different stages, which led to fragmented patterns in layout, components, and interaction design. As a result, onboarding new designers required extensive manual explanation of brand logic, past decisions, and hidden constraints that were not documented anywhere. There was no unified structure to guide redesign efforts or support future product growth, which made every new feature or product feel like a separate design exercise rather than part of a cohesive system.

Under the Ground Design System

The Goal

To build a scalable internal design system that preserved brand identity, improved consistency, and enabled faster iteration.

Build a scalable internal design system

Preserve brand identity across products

Improve consistency in UI components

Enable faster design iteration

Brand & Foundations

Color Tokens

Primary

Text

Surface

Typography Scale

Heading

Body Text

Caption
Spacing System

8px

16px

24px

Atomic Structure

The system was structured using layered hierarchy:

Tokens

Atoms

Molecules

Organisms

Templates

Pages

[Underground Layers Diagram]

Components

Reusable components extracted from audited screens, including states and naming conventions, built inside Figma.

Buttons
Input
Calendar
January 2025
SMTWTFS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Navigation

Documentation

Shared naming conventions and structured Figma library to ensure consistency and handoff clarity.

[Documentation Screenshot]

Outcome

Higher visual consistency

Faster onboarding

Structured redesign capability

Future-proof foundation