Scaling our seller design system to multi-platform level
Scaling our seller design system to multi-platform level
Scaling our seller design system to multi-platform level
At Dukaan, speed is our moat. However, designing at speed comes with its own challenges in terms of design consistency.
At Dukaan, speed is our moat. However, designing at speed comes with its own challenges in terms of design consistency.
At Dukaan, speed is our moat. However, designing at speed comes with its own challenges in terms of design consistency.
Timeline
Jan - May 2024
PLATFORM
Android & iOS App
Introduction
Introduction
Introduction
Since 2022, the Dukaan app experience hasn't changed. During this time, a significant backlog has developed in the Seller App due to its lack of important features that the Dukaan Seller Dashboard has, as well as broken user experience and technical issues.
Since 2022, the Dukaan app experience hasn't changed. During this time, a significant backlog has developed in the Seller App due to its lack of important features that the Dukaan Seller Dashboard has, as well as broken user experience and technical issues.
Since 2022, the Dukaan app experience hasn't changed. During this time, a significant backlog has developed in the Seller App due to its lack of important features that the Dukaan Seller Dashboard has, as well as broken user experience and technical issues.
We decided to start rebuilding our app and launch a new one, aiming to reduce development time by using a combination of native and web view experiences with the same design language.
We decided to start rebuilding our app and launch a new one, aiming to reduce development time by using a combination of native and web view experiences with the same design language.
We decided to start rebuilding our app and launch a new one, aiming to reduce development time by using a combination of native and web view experiences with the same design language.
Problem
Problem
Problem
SCALABILITY
Building an app that has web view, we need components that can adjust to different screen sizes. But the components in seller web aren't designed to do that.
Building an app that has web view, we need components that can adjust to different screen sizes. But the components in seller web aren't designed to do that.
Building an app that has web view, we need components that can adjust to different screen sizes. But the components in seller web aren't designed to do that.
CONSISTENCY
The current native components for mobile app are outdated and needs to be aligned with the current features and design language of the web components.
The current native components for mobile app are outdated and needs to be aligned with the current features and design language of the web components.
The current native components for mobile app are outdated and needs to be aligned with the current features and design language of the web components.
Note: In Dukaan, we have three different design systems: one for the seller web, one for the seller mobile app, and one for buyer experience.
However, After discussing with the developers
It was difficult to maintain system for different platforms.
Staying sync
"One system that serves both “Seller Mobile App and Web Dashboard."
Note: In Dukaan, we have three different design systems: one for the seller web, one for the seller mobile app, and one for buyer experience.
However, After discussing with the developers
It was difficult to maintain system for different platforms.
Staying sync
"One system that serves both “Seller Mobile App and Web Dashboard."
Note: In Dukaan, we have three different design systems: one for the seller web, one for the seller mobile app, and one for buyer experience.
However, After discussing with the developers
It was difficult to maintain system for different platforms.
Staying sync
"One system that serves both “Seller Mobile App and Web Dashboard."
Now, scaling our design system to multi-platform level
Now, scaling our design system to multi-platform level
Now, scaling our design system to multi-platform level
Redesigned native components used in the mobile app to bring them in line with the design of the web components.
Updated and our web components to appear and behave based on the different screen sizes.
Redesigned native components used in the mobile app to bring them in line with the design of the web components.
Updated and our web components to appear and behave based on the different screen sizes.
Redesigned native components used in the mobile app to bring them in line with the design of the web components.
Updated and our web components to appear and behave based on the different screen sizes.
Work is under NDA
I won't be able to share in detail about my work here. However, I can certainly walk you through it in detail during a call.
Goals
Goals
Goals
BUSINESS GOALS
We needed a system that works for both the web and the mobile app. The system needs to have reusable components and a structure that guides anyone in building interfaces, preventing the codebase from becoming bloated.
We needed a system that works for both the web and the mobile app. The system needs to have reusable components and a structure that guides anyone in building interfaces, preventing the codebase from becoming bloated.
We needed a system that works for both the web and the mobile app. The system needs to have reusable components and a structure that guides anyone in building interfaces, preventing the codebase from becoming bloated.
USER GOALS
To provide a consistent experience across mobile and desktop.
To provide a consistent experience across mobile and desktop.
To provide a consistent experience across mobile and desktop.
Contribution
Contribution
Contribution
I was the solo designer for this project, designed components and illustrations. I collaborated with developers Shub Porwal, Bigyan, and Mustan throughout.
I was the solo designer for this project, designed components and illustrations. I collaborated with developers Shub Porwal, Bigyan, and Mustan throughout.
I was the solo designer for this project, designed components and illustrations. I collaborated with developers Shub Porwal, Bigyan, and Mustan throughout.
Future
Future
Future
The team will complete the remaining components and add them to the storybook as a guide for everyone. They have already built the necessary components for the Dukaan app.
The team will complete the remaining components and add them to the storybook as a guide for everyone. They have already built the necessary components for the Dukaan app.
The team will complete the remaining components and add them to the storybook as a guide for everyone. They have already built the necessary components for the Dukaan app.
Thank you
Thank you
Thank you
This has been my proudest contribution at Dukaan. Couldn't have done so without the amazing team! Huge kudos to our heroes in the product, engineering team.
Thank you for reading till here.
This has been my proudest contribution at Dukaan. Couldn't have done so without the amazing team! Huge kudos to our heroes in the product, engineering team.
Thank you for reading till here.
This has been my proudest contribution at Dukaan. Couldn't have done so without the amazing team! Huge kudos to our heroes in the product, engineering team.
Thank you for reading till here.