HEKO Grocery
HEKO is a multi-role grocery delivery app designed to support customer ordering, vendor operations, and delivery partner workflows. The project focused on designing critical screens based on business priorities and real-world operational needs.
The Challenge
The client required a multi-role grocery app supporting customers, vendors, and delivery partners; identifying essential workflows and simplifying operational needs into a concise, usable interface was critical.
Time and business constraints meant we could not design the entire product; prioritizing high-frequency screens demanded close collaboration with stakeholders to map impact and deliver value quickly.
The challenge was to retain usability and performance while focusing only on priority flows, ensuring each screen supports rapid decision-making and reduces operational friction for real-world users.
What I Worked On
I designed key customer, vendor, and delivery partner screens, prioritized flows, created adaptive layouts, and documented interaction patterns to ensure operational efficiency and future scalability.
- Customer app screens: login, product listing, cart, checkout, wallet, and orders
- Vendor app screens for order management and performance tracking
- Delivery partner app screens for pickup and delivery flow
- Maintaining role-based UX consistency
- Designing scalable layouts for future expansion
My Design Approach
I began by mapping operational workflows for each role, observing pain points and decision bottlenecks to inform concise, action-first screen designs that match real tasks.
Screens emphasize clarity and speed with clear affordances, bold CTAs, and minimal choices so vendors and delivery partners can perform tasks under time pressure.
Consistent role-based UI patterns and compact layouts reduce cognitive load, enabling efficient navigation, quick task completion, and easier onboarding across all app roles.
Key Highlights
The HEKO grocery app focuses on operational efficiency and ease of use across all user roles.
Customer Ordering Experience
User-friendly browsing, product details, cart, checkout, wallet, and order tracking screens designed for fast, intuitive grocery shopping on mobile devices.
Vendor Order Management
Vendor screens for managing incoming orders, tracking preparation status, updating fulfillment, and monitoring performance metrics efficiently.
Delivery Partner Workflow
Simplified pickup-to-dropoff flows with navigation hints, delivery confirmations, and clear status updates for rapid task completion.
Priority-Based Screen Design
Focused design on high-impact screens identified with the client to maximize value while minimizing delivery time.
Role-Based UI Consistency
Maintained consistent visual language and interactions across roles to reduce errors and accelerate learning between apps.
Mobile-First UX
Designed mobile-first interfaces prioritizing ergonomics, touch targets, quick interactions, and offline resilience for real-world grocery tasks.
Related Works
Here are some other case studies you might find interesting.
Important Note
This project was completed independently as part of my role at Pragetx Softwares PVT LTD. The work showcased here is shared strictly for portfolio purposes and does not include confidential or proprietary information.