Vanya Rawat
A I design meaningful products that 
make complexity feel simple.

 
WorkAbout
Resume
Writing


















©2025 Vanya Rawat
BackMondelēz Easy Order
Easy Order is an app used by Mondelez Sales Agents called Purple Champions ‘PCs’ to take orders from various
shopkeepers and stores in urban Indian cities.
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 Systemteam
4 Client Stakeholders (Mondelēz)
Head of IXD, Associate Director-UI, 
1 Project Manager (The Minimalist)
5 Developers (Heera Software)



Background


Mondelēz International is an American multinational confectionery, food, holding, beverage, and snack food company. 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.


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.


impact


Increased engagement & higher conversionsReduced no of unique screen
45 26 Reduced time taken to place an order
15 mins 5 mins

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. 



AUDIT OF THE APP

Some key areas of improvement were identified

  • Needs to align with 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





INFORMATION ARCHITECTURE

TATA AIG has different product offerings, so the user persona for each LOB (Line of Business) was different to cater to specific target groups (aged 18-75).

We collected user-specific data to create a detailed outline of an ideal customer's goals, pain points, buying behaviour, tech expertise, and demographic information.



UX DESIGN

Worked on creating wireframes that allowed us to quickly explore and iterate concepts These wireframes functioned as visual aids, delineating the structure, components, and interactions. 












Ui DESIGN

  1. Create a unique & memorable visual language for the website.
  2. Give a clean & minimal look to the website when combined with a flat UI.
  3. Stand out from competitors' platforms
  4. Considered development requirements
  5.  Address accessibility concerns

DESIGN SYSTEM


TATA AIG’s design system serves as the visual DNA. Neumorphism, a 2020 UI design trend, introduces a subtle 3D effect on flat elements through soft shadows and gradients. It blends minimalism's clean lines with realistic material textures, creating a modern, user-friendly aesthetic.


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.


Airtel Thanks                                                                                                 ALLEN NExT