3S Money Design System

( 199● ) – 2026

Work

( 01 )

A colour contrast specimen with AAA accessibility ratings, above two colour-scale bars.

A UI mockup showing spacing tokens applied, beside a spacing token table with scaled examples.

Typography documentation: typeface samples, a token definitions table, and a type-scale table.

A screenshot of the live compliance and security help page, shown as an example of the tokens in use.

An icon-size scale on a grid, a baseline grid diagram, and a customer testimonial quote card.

Two screenshots of the website footer, shown as an example of the layout grid in use.

A border-radius token table and guides, with a button, dropdown, toggle and play button at different corner radii.

A mobile CTA mockup and button-state grid, beside the component's property panel.

Summary

3S Money's product and marketing teams were working with separate libraries and inconsistent design foundations. I co-led the company's first design system with the lead designer and was its main design contributor, working with designers and frontend developers. The work established a shared visual language, tokens, and components, then developed through trials and a second major iteration. Reusable templates and designs for CMS components extended the system into everyday content creation as well as product and website design. It was adopted by the product and marketing teams and an external agency.

Project description

Client

3S Money

Type

Commercial

Timeline

January – April 2023 (DS1.0)
August – November 2023 (DS2.0)

Role

Senior UI/UX Designer, co-lead (In-house)

Contribution

Design system
Project management
QA testing

Value added

Optimised design asset management
Streamlined design-development process
Increased flexibility for content management

Case study

The journey behind building the first design system for 3S Money ↗

The works, projects, trademarks, and assets displayed on this website are the intellectual property of their respective owners, including but not limited to the mentioned clients, employers, brands, and the site owner. This work showcase is created solely to showcase the skills, profession, and expertise of the site owner. The designs presented are for the authorised client's use only, and the final design work listed on this website is the full property of the client and/or the project owner. However, the site owner retains the right to showcase the work on this website and any associated online portfolio platform directly linked to the site owner.