top of page
Design system Hero.jpg

Client

Team

1 PM, 1 UX Designer,

1 Illustrator, 1 Graphic Designer

My Role

Lead in UX Design, 

Design Systems

Tool

Figma, FigJam,

Illustrator, Miro

what to do.png

Background

A prominent business financing provider since 2006 sought a digital transformation to align with its mission of empowering businesses.

Acknowledging the evolving financial landscape, they envisioned not just a superficial makeover but a comprehensive revitalization. In response, we embarked on a multifaceted project, encompassing a website redesign, complete rebranding, and the development of a cohesive design system.

previous design

Current Challenges

The challenge arose from the company's outdated website design, lacking uniformity in UI elements and hindering its online effectiveness.

Our challenge encompasses not just the revitalization of the user interface but the complete re-imagination of their brand visual identity. The overarching objective is to instill trust and transparency, while navigating the intricate landscape of diverse business needs. The project extends to optimizing for accessibility, responsiveness, and scalability, ensuring a seamless experience across devices and facilitating their growth in the competitive financial market.

screencapture-kapitus-problems-we-solve-2024-02-05-13_02_22.png
screencapture-kapitus-fast-application-2024-02-05-13_01_47.png

We spent

over 240 hours

to collaboratively discuss and enhance the Design System.

Group 231.png
Group 5742.png

We enhanced components

based on user feedback

to optimize the user experience.

Outcome

c70465f895b20f1de2ecaf61354350ab-sticker 1.png
Group.png
Wizard 3.png
Secure Your Business.png

Single Source of Truth

Internal design system serves as the definitive reference point for all designers, promoting cohesion and efficiency.

Engineer Adoption

Engineers universally utilize this library for all internal services, ensuring consistency and expediting development processes.

User Benefits

Users enjoy standardized work patterns and authorization systems across internal services, enhancing usability and productivity.

Frame 8124.png
Style Guide_ Buttons, Font2_edited.jpg
Screenshot 2024-01-16 at 23.40.44.png
Style Guide_ Buttons, Font2_edited.png

Instead of using
a global color

Brand_Purple.png

we included different shades depending on the function

emoji2.png
shades_Purple.png
WCAG Compliance.png

For this reason, we have ensured

good accessibility

by checking all background and color pairs for compliance.

Style Guide_ Buttons, Font.png
Grids.png
spacing.png

Our design system

covers 95% of use cases,

ensuring comprehensive versatility.

0eac7c3b67e40eaa95d619147fd6b1f5-sticker 1.png
Button Systems.png
Controls.png
Inputs & Alert.jpg
Stepper.jpg
Icons.jpg

60+ UI Cards Kit

UI kits_edited.jpg

Reflection

Looking back on this design system project, I'm impressed by the collaborative effort and attention to detail it demanded.

Engaging with cross-functional teams ensured alignment with user needs and organizational goals. Witnessing its positive impact on workflow efficiency and product consistency was immensely rewarding. Moving forward, I'm eager to see how it evolves to meet user needs and industry trends. This project exemplifies the power of collaboration and user-centered design in creating impactful digital solutions.

16.6%

Design Speed

12.5%

Development speed

3.4%

User Satisfaction

after one month

bottom of page