Swish Design System

Design System

Design System

UI/UX

UI/UX

The Swish web app design system was crafted to address alignment challenges and streamline development, ensuring a consistent and efficient design experience across all touchpoints.

Skills Used

Component-Based Design, Cross-Functional Collaboration

Skills Used

Component-Based Design, Cross-Functional Collaboration

Skills Used

Component-Based Design, Cross-Functional Collaboration

Stack

Figma

Stack

Figma

Stack

Figma

Year

2023

Year

2023

Year

2023

Challenge

Swish's web app design lacked alignment and consistency, resulting in high time costs for feature development and implementation. The absence of a cohesive design system made it difficult to maintain a uniform user experience across the platform, leading to inefficiencies in both design and development processes.

Approach

To address these challenges, we developed a comprehensive design system for Swish's web app, incorporating foundational, main, and application components. This system not only ensured design consistency but also streamlined the design-to-development workflow, enabling faster and more efficient feature implementation while maintaining a unified and polished user interface.

Streamlined Consistency Across Every Pixel

The newly established design system for Swish’s web app ensured a cohesive and efficient user experience, harmonizing elements like colour, typography, and component structure across all touchpoints, simplifying development and enhancing visual consistency.

Key Takeaways

The implementation of the Swish design system reduced design time by 40%, increased development consistency by 50%, and cut overall project costs by 30%, creating a unified experience across all digital touchpoints.

Creative Credits

CTO → Dafna Sokol

Senior Designer → Narendra Prasath

Senior Designer → Aarthi

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.

I'm available

Let's Connect

Feel free to contact me if having any questions. I'm available for new projects or just for chatting.