Financial product design system

2019-2020, Design System ,Taipei

Building a Design System.

I managed ATFX's creation of the Design System at ATFX to improve our product design process, manifest our design principles, and provide our customers with usable, accessible, beautiful software that personifies their service to the users.

Scene Whiteboard.png
 

Team.

  • Gil, designer lead

  • Pei-Yu Chen, designer

  • Regan Ruan, designer

  • Jasper, designer

  • James Wang, developer lead

  • Vic, developer

  • Sudie Lin, developer

Process.

Here, roughly speaking, are the project stages we went through to build the design system:

DS.png

My Role.

I pitched, planned, and managed the Design System, and worked with a team of 2 designers to envision and design the system.

I took advantage of my own superpowers of reading and taking in a bunch of information to understand how other companies approach to solve the problem and how we can make it happen as a small team.

Group 43.png

problem.

🤔

Imagine product consistency.

All design teams at my organization were working off their own versions of a style guide or component library. This was leading to inefficiencies in development work, discrepancies between visual design among products, and a lack of clarity on the brand for new team members within different functions in the organization.

 

Design goals.

🚀

Ease, Clarity, Consistency
Reduce product complexity and provide more clarity.

Results.

This design system was meant to do more than be a simple style guide or components library. When developed, this guide will deliver efficiencies among product, design, and development teams across the organization, and enhance the customer experience.

Before & After ➡️

 
Hnet.com-image (21).gif

Check out the design system at Figma, thank you. 😄

 
Previous
Previous

Modularized Management System