U-NEXT Atomic 2.0 Design System Implementation

Lilianka Julian

U-NEXT Atomic 2.0 Design System

U-NEXT is the number one Japanese streaming service. Timeline: Jun 2022 ~ Jul 2022
Team: U-Next CX
Platform: Web, iOS, Android
My Role: Senior Product Designer
Core Team
UXUI Designers 2
Lead Engineers 3
Methods
Component Pattern Analysis
Component Pattern Cleanup
Atomic 2.0 Breakdown
Component Migration
Component Documentation
Stress Test

The Challenge

Sort, Migrate, and Brush Duplicated Components.
U-NEXT’s ecosystem spans Web, iOS, Android, and TV apps. Each platform had inconsistent components:
Mismatched paddings
Duplicate patterns
Color and typography inconsistencies
Friction in design–engineering handoff.
Component-Library
Component-Library

My Mission

Raise the Product Design Standards to Enable Consistency.
I applied a structured DesignOps framework with three key layers:
Audit & Inventory
Collected and catalogued all components across Figma files for Web, iOS, Android, and TV.
Identified duplicates, inconsistencies, and usage patterns.
System Definition in Atomic 2.0
Migrated core style assets: colors, typography, grids, spacing.
Built atoms, molecules, organisms in a consistent, reusable hierarchy.
Created usage documentation to enforce standards.
Ops & Governance
Set up Figma libraries, version control, and branching workflows.
Established contribution guidelines.
Built feedback and validation loops with designers and engineers.
Documentation-Examples
Documentation-Examples

Take aways and Learnings

Not every designer embraces systems at first. Early on, I faced resistance from peers who felt design systems limited creativity.
Knowledge sharing builds trust and credibility. By creating showcases and walking through the chaos of duplicated components, I was able to shift perspectives, and clear case studies and applications are key.
Timing matters. Looking back, I wish I had been braver in proposing the migration earlier. My contributions came later in the product’s evolution, and in the stage I was looking for other opportunities of growth.
Like this project

Posted Sep 3, 2025

Redesigned and implemented the Atomic 2.0 Design System for U-NEXT, creating a unified design language across platforms.

Likes

1

Views

2

Timeline

Jun 1, 2022 - Jul 31, 2022

Clients

U-NEXT

Calliope | AI Powered Call Center
Calliope | AI Powered Call Center
Enhancing User Experience of Memo'd Onboarding
Enhancing User Experience of Memo'd Onboarding
How to Socialize and Monetize
Prompt Creation.
How to Socialize and Monetize Prompt Creation.
Revamping U-NEXT Search
Revamping U-NEXT Search

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc