MOBILE APP
2022
OneCart streamlines the grocery shopping journey in South Africa, enabling customers to browse through multiple stores, fill one basket, and make a single payment.
I led the design team to redesign their outdated shopping experience to compete with market leaders.
Client
OneCart, through Jack Studios
My Role
Lead Product Designer
Collaborators
Sabeeha Banubhai, Claudia Ferreira, Dylan da Silva
THE CHALLENGE
Allow users to easily order from multiple stores with a single delivery.
the APPROACH
Create an intuitive, simple experience for multi-store shopping in a single app.
DESIGN SYSTEM
To maintain a seamless and cohesive user experience throughout the platform, we developed a comprehensive design system. This system encompasses all technical styles, states, and usage scenarios for the diverse range of system components. It helped us to quickly create unified experiences alongside OneCart’s in-house development team.
By implementing this system, our design and development teams were able to efficiently deploy unified experiences across the platform. Furthermore, any subsequent modifications to these components would automatically propagate across existing designs, simplifying updates and management—a capability previously unavailable.

UX & UI DESIGN
To gain deeper insights into user needs, we collaborated closely with the OneCart team to create an interactive wireframe of the product. This wireframe meticulously outlined every step of the end user's journey and interactions with the system, offering a tangible visualisation of their digital product.
With the wireframe as our foundation, we refined the system blueprint, ensuring accuracy and clarity in every detail. Then, leveraging our design system, we embarked on an iterative UI design process, seamlessly integrating visual and interactive elements to enhance the user experience.
