BackMondelēz Easy Order
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)



Key Impact METRICS


Increased engagement & higher conversions
Task Success Rate (TSR)98% Time on Task (TOT) reduced by
85%
Number of Unique screens reduced by60%


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;
  1. Improving navigation efficiency by streamlining and compacting the UX flow of key functionalities within the mobile application.
  2. Enhancing visual coherence and usability through the implementation of a clear UI hierarchy across screens.
  3. Increasing product identification accuracy and user confidence by incorporating SKU images in the ordering process.
  4. Better accessibility to performance insights with the addition of a dedicated section for achievements and incentives, separate from 
    the core order-taking flow.
  5. 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 Identification
Mapping exisiting IA





DESIGN SYSTEM


Referenced the Mondelez Brand Guidelines 



Conclusion


Seamlessly integrating user-centric design principles with visually captivating product displays
We 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.

ALLEN NExT