How I used Atomic Design principles to redesign Nepal's Superapp

DESIGN SYSTEM - COMPONENT LIBRARY

The Atomic Design principle uses the concept of atoms and molecules to set up a Design Language System. Having worked on maintaining and creating design systems, I created one for Nimbuzz Kurakaani, Nepal's Super App, as a part of their application redesign.

Nimbuzz Kurakaani is Nepal's digital platform that houses multiple services like shopping, chat, quizzing, money transfer & much more in one app.

I was commissioned as a UI Designer to Redesign the app by creating a component-based system.

Update the design language to have a modern and cheerful vibe for a younger audience

Create a system that is scalable and easy to maintain

Inculcate different platform guidelines to improve the designs

Old Design of the connect and quiz screens

Old Design of the courses and shop screens

Naming the components in the file system format

Snippet of the design system for the project

Redesign of connect/sending request screen

New design of a person's profile

Redesign of the shopping landing page

Redesign of the product detail page

Redesign of the courses listing page

Redesign of the course description page

Redesign of the payment screen

Redesign of the quiz screens

Redesign of the chat screens

With the creation of a design library, the time to design flows and screens reduced by ~60%

The hand-off process got easier as the components were defined in one place and developers could pick the specs from there.

The flows in the application were more refined and clear compared to the earlier version. This meant easy communication across teams.