Digital Ordering for Store Owners

View Prototype Demo :

Digital Ordering for Store owners

Store Owners order products for their Store’s physical display from their native mobile business app or desktop.

Improved overall ordering experience that drive sales and profitability by saving time.

  • Review UI UX Flows Ready for Production – Mobile & Desktop
  • Review Design Assets; Liaison with stakeholders & teams
  • Design Mobile Flow - Exploration & Design for Digital Ordering for Physical Displays

My Role

UX Designer - Remote

Our Team

Design Manager/ Design Team

Delivery Manager - Business/ Product

Development Team

Subject matter experts

 

My Deliverables

Heuristics Analysis

Customer Journey mapping

Pain points/ Opportunities

Wireframes / Multiple concepts

Atomic Design System

StyleGuide

Business Problem & Solution

PepsiConnect mobile app for pepsico store owners, will allow the store owners to learn more about PepsiCo products and get personalized offers within the mobile app and desktop application. They will be able to accumulate points for ordering PepsiCo products and use them to receive rewards. Pepsico wanted to update the new market registration process without the need of sms. And update the mobile app with various other feature updates. As the design was already done with an external team, it was brought in to Pepsico design team where I analysed the "ready to dev" designs by identifying gaps and recommendations. As the Pepsico team saw some gaps I helped updating the existing design to the needed features.

Feature updates I made to the mobile app :

  • Design System Adoption
  • The new registration process for the Columbia region
  • Rewards flow
  • Digital ordering - updates to adding products to the basket :
    • Popup for every product added to add count
    • One page to add the number of counts

Design Process

Customer Journey Touchpoints

Customer journey for registration process in various regions with sms feature and Store owner registrtaion high level user journey were updated to the digital ordering touchpoints. Painpoints and opportunities for storeowners were discussed with stakeholders and users - Online and offline touch points.

UI UX Heuristics Review

Overall UI UX heuristics reviews and also focusing on Product card - units per case Product cards, Basket, Pricing - all prices with VAT, Campaigns were analysed to come up with recommendations.

Multiple design concepts

With the insights from the review and feedback from stakeholders and users the design was conceptualised leveraging the existing flow and pattern. Various iterataion and concepts were analysed and received feedback to update them.

Digital Ordering Touchpoints

Analysed and updated the flow for the painpoints and opportunities for storeowners - Online and offline touch points.

UI Review / Customer Journey mapping/ Task analysis- Mobile App

User Journey

Store owner registration -High level user journey

Screenshot 2024-09-14 at 9.48.10 AM

Current state and future state ideation

UI Review & Flow Analysis

Review of Product card, pricing, basket UI

Screenshot 2024-09-14 at 10.40.10 AM

Flow analysis

Digital ordering flows

Screenshot 2024-09-14 at 9.48.40 AM

Flow analysis

Customer journey

Registration process - Customer journey

Screenshot 2024-09-14 at 9.48.19 AM

Flow analysis

Design Solution

Option 1

No popups with limited interaction

Screenshot 2024-09-14 at 9.59.20 AM

No popups with limited interaction

Option 2

Popup with flexibility input quantity

Screenshot 2024-09-14 at 9.59.12 AM

Popup with flexibility input quantity

Option 3

Popup variation

Screenshot 2024-09-14 at 9.59.26 AM

Popup variation