SEMOSS Design System

Design System / Atomic Design
Project Overview
SEMOSS was built five years ago. As the product grows and evolves, inconsistencies creep into the system and start to harm the user experience.
Duration
Sep 2020 - March 2021
My Contributions
  • Sole UX designer on the team
  • Established SEMOSS design system from the scratch
  • Supported implementation and conduct quality check to ensure its implementation
  • Onboarded 10+ others to the design system and evangelize its use
SEMOSS design system consists of a couple of fundamental design guidelines, a collection of reusable UI components and a series of repeatable patterns that are commonly used across the platform.

* The design system will continuously evolve as the platform grow.
Solution Overview
Design
Guidelines
Reusable
Components
Repeatable
Patterns
Served
Products
- Selective components -
Visual symbols
Components and variations
Responsive elements
Component documentation