VIOM

Product Designer
VIOM is a B2C Distribution Management System designed to streamline and automate the supply chain process for small to medium business owners. The platform aims to close the loopholes in the manual ordering, delivery tracking, and billing processes. VIOM provides business owners with a comprehensive solution to manage customers, orders, and delivery agents, enabling them to track and log deliveries and payments within the system.

Background

Small to medium business owners face challenges managing their supply chain manually, leading to inefficiencies in ordering, delivery tracking, and billing. VIOM aims to streamline this process, offering an internal-facing B2E distribution management system.

Objective

The objective is to design a user-friendly platform that simplifies order and delivery management, enhances accountability, and supports business owners in overseeing their supply chain.

Role

As a UX/Product Design Generalist, I was involved in the end-to-end design process, encompassing research, ideation, prototyping, and testing.

Duration
The project spanned X months, from inception to the final design phase.
Tools & Technologies

Utilized tools like Figma, Sketch, Adobe XD for wireframing, prototyping, and high-fidelity designs. Employed user testing platforms and analytics tools.

Methods Used for Finding the Solution

User Research

- Conducted interviews and surveys with small to medium business owners to understand pain points and preferences.

- Analyzed competitors in the distribution management domain to identify market gaps.

User Personas & Journey

Developed detailed user personas representing business owners and delivery agents. Created a comprehensive user journey map to visualize pain points and opportunities.

Design Process

Followed a user-centred design approach involving ideation, wireframing, prototyping, and iterative design based on user feedback.

Prototyping & Testing

Created interactive prototypes for both mobile and desktop platforms. Conducted usability testing sessions to gather insights and refine designs.

Design & Prototyping

- Focused on creating a visually appealing and intuitive UI design for mobile and desktop versions.

- Prototyped the application using React Native/Flutter to demonstrate functionalities and user flow.

Usability Testing

Conducted multiple rounds of usability testing with business owners to evaluate the effectiveness and usability of the redesigned platform. Gathered feedback for refinement.

Iterative Design

Iterated on the design based on usability testing results, addressing identified issues and incorporating user suggestions.

Challenges & Solutions

Challenge: Incorporating vernacular language support for future expansion.

Solution: Designed a flexible framework allowing seamless integration of multiple languages in subsequent updates.

Challenge: Ensuring offline support with local storage.

Solution: Implemented a robust local storage system for offline access and syncing with the cloud upon reconnection.

Outcomes

- High-fidelity UI designs for both mobile and desktop platforms.

- Interactive prototypes showcasing platform functionalities and user interaction.

- Design system guidelines for consistent branding and user experience.

- Usability testing report highlighting key findings and actionable recommendations for improvement.

Key Takeaways

- User-centric design is critical for enhancing user experience and platform adoption.

- Continuous iteration based on user feedback is pivotal for a successful product.

Conclusion

The redesigned VIOM platform offers an intuitive, user-friendly interface for managing supply chain processes. It enables business owners to efficiently oversee orders, track deliveries, and streamline payments. The implementation of vernacular language support, offline capabilities, and a robust design system ensures scalability and usability.

References & Attachments

- High-fidelity UI designs

- Interactive prototypes

- Usability testing report

Design Screens (version 1)

Design Screens (version 2)