COMPANY
Signifyd
MY ROLE
UX/UI Designer
SUMMARY
Transformed Signifyd’s brand guideline into a complete design system through research, collaboration, and comprehensive documentation.
PROBLEM STATEMENT
Signifyd needed a marketing design system to help them scale in design while keeping a consistent branding.
Project Goals
01.
To find a platform to house Signifyd’s “single source of truth” that has room for scale.
03.
To identify any inconsistencies on the site and establish the elements, components, and styles that will be used for future design projects.
02.
To build out all documentation including best practices and how-to’s.
APPROACH
To study design system best practices from other companies and audit existing components on the site.
Research Methods
Competitive analysis
Journey mapping
Design review & feedback
A/B Testing
Building the Design System
The product team had an existing design system on InVision, so the marketing team decided to leverage the same tool.
DESIGN SYSTEM ON INVISION
After building the design system on InVision, we found that Invision was not the right platform for the marketing team. A few of the reasons:
Too many tools (InVision and Sketch) created complexity
Invision was great for documentations but difficult collaborating with designers and developers
Doesn’t scale
DESIGN SYSTEM ON FIGMA
The design system on Figma became Signifyd’s single source of truth. Not only that, the design system team has grown and the tool has helped the team collaborate more.
Learnings
Building the design system was challenging yet rewarding process. Being the designer to pioneer the design system was a big task. There were many times when I wasn’t sure if I was doing it right or if it would be something the team would use. However, sharing the design system during our team meetings and getting the team’s feedback was invaluable in shaping the end result. The team made the design system their own.