©2025 Vanya Rawat
Easy Order is an app used by Mondelēz Sales Agents called Purple Champions ‘PCs’ to take orders from various shopkeepers and stores in urban Indian cities. The previous Easy Order app was designed 10+ years ago and required a serious design revamp to make it more user-friendly, efficient, and aligned with the Mondelēz brand guidelines.
my role
Lead UX & UI Designer
tools
Figma, Adobe Illustrator, Adobe After Effects & Zeplin
contribution
Research, Stakeholder Presentations, Information Architecture, Wireframes, Illustration, UI Design, Animations, Prototyping & Design System team
4 Client Stakeholders (Mondelēz)
Head of IXD, Associate Director-UI,
1 Project Manager (The Minimalist)
5 Developers (Heera Software)
Lead UX & UI Designer
Figma, Adobe Illustrator, Adobe After Effects & Zeplin
Research, Stakeholder Presentations, Information Architecture, Wireframes, Illustration, UI Design, Animations, Prototyping & Design System
4 Client Stakeholders (Mondelēz)
Head of IXD, Associate Director-UI,
1 Project Manager (The Minimalist)
5 Developers (Heera Software)
Key Impact METRICS
Increased engagement & higher conversions
85%
Business needs and goals
- Streamline the order-taking journey
- Enhance product recognition and ordering decisions
- Reduce the number of screens
- Align app UI style to Mondelēz brand guidelines
- Align user insights with business needs.
- Design for Android using Google’s material design system.
user needs
- Faster Ordering – Minimise steps for quicker transactions.
- Improved Navigation – Simplify app flow to reduce frustration.
- Clear Achievements – Display sales performance insights.
- Incentive Details – Provide transparent reward information.
- Engaging Interface – Add gamification and aesthetic enhancements.
Key CHALLENGE
How might we streamline the order-taking experience for sales agents while improving navigation, product clarity, and performance visibility, while creating a visually engaging, brand-aligned Android interface?
solution
Android-first mobile designThe app improvements enhance efficiency, navigation, and visibility. Our use group only had budget-friendly Android phones and our challenge was to design for 360x640, which was the smallest screen size to be scalable. A new home screen simplifies access, while updated achievement and incentive tracking keep PCs informed. Beat history enables annual performance comparisons, and outlet listing tags improve sorting. Ordering is streamlined with
a unified product page and added indicators for cart and billing. A call status section highlights targets, and the order review/cart section consolidates
key details for a seamless experience.
We achieved our business KPIs by;
- Improving navigation efficiency by streamlining and compacting the UX flow of key functionalities within the mobile application.
- Enhancing visual coherence and usability through the implementation of a clear UI hierarchy across screens.
- Increasing product identification accuracy and user confidence by incorporating SKU images in the ordering process.
- Better accessibility to performance insights with the addition of a dedicated section for achievements and incentives, separate from
the core order-taking flow. - Improving task orientation and user onboarding by introducing a centralized Home Screen as the starting point for navigation.
DESIGN PROCESS
USER RESEARCH
I interviewed 10 sales agents in Mumbai who used the previous Easy Order app for placing store orders. The goal was to pinpoint their primary tasks and identify any pain points.We found that all PCs had an Android phone and school-level English proficiency.
ux AUDIT OF THE older APP
Some key areas of improvement were identified- Needs to align with the Mondelēz brand guidelines
- Visual clutter
- The navigational flow of functionalities needs to be compact
-
Clear Ul hierarchy to be incorporated for visual coherence
-
Incorporation of SKU images
-
Streamline the number of unique screens
- Lack of a central home screen
STAKEHOLDER RECOMMENDATIONS
I interviewed 10 sales agents in Mumbai who Primary Noun IdentificationMapping exisiting IA
DESIGN SYSTEM
Referenced the Mondelez Brand Guidelines
Conclusion
Seamlessly integrating user-centric design principles with visually captivating product displaysWe identified and addressed potential on-screen challenges for users. Neomorphic design contributes to a positive and enjoyable user experience. The soft, realistic visuals can evoke a sense of familiarity, making users feel more comfortable and at ease while interacting with the interface. Reducing manual interventions further contributed to efficiency and an effective buying process.