Overview

1. We designed a ‘Business workspace’ for Android users.
2. I was given the task of converting the same on Web App.
3. As there was no design system for web app, I decided to build that first (Mainly focussed on colours, typography, iconography and components).
4. Then I started converting mobile UI to web UI which saved me a lot of time with the least UI issues.

How did it start?

While we had well-defined 'User Profiles,' our CashBook lacked corresponding 'Business Profiles'. Moreover, our group cashbooks (similar to WhatsApp group), had shared ownership among multiple Admins, making it difficult to assign one particular cashbook to one business.

To address this gap, we launched dedicated business workspaces. In these spaces, users will assume roles as business owner, partners and staff members, facilitating streamlined business cashflow management.

🙁 Before Business Profiles, we didn’t know who is the actual business owner due to multiple admins.

🙂 After Business Profiles, now we know who is the business owner.

How web app developed without a design system?

CashBook App began as a mobile app but expanded to cater to businesses with multiple profiles. We engaged an agency to create the web version, and despite limited design guidelines, it performed well with high user retention.

Leveraging my ability to adapt mobile UI to the web, I established a design system to ensure consistency and expedite the design conversion process.