JAWID ELYACY | USER EXPERIENCE DESIGN
  • Home
  • UX/Visual Design
    • Shelf Price Audit
    • PIT Inspection
    • Task Manager
    • TRMS Content Management System
    • Request for Information
    • ECHO Refund Transparency
    • Last Mile Flash Delivery
    • Mobile Wallet
    • Fast Track
    • Erica AI Assistant
    • Single Service Card Experience
    • Smart Services User Experience
    • Pet Adoption
  • Contact Me
  • About Me

Shelf Price Audit at Deloitte | Lead UX Designer

TRANSFORMING STORE OPERATIONS TASKS TO AN INTUITIVE MOBILE APP EXPERIENCE 

🧑‍🦱 UX Designer
⏱️ 6 months
✅ Figma
💼 1 UX Designer (me), 2 Developers, 1 Business Owner, 1 Product Manager, 1 Technical Lead, 1 User Researcher
​Overview:
​The Shelf Price Audit tool is part of the Kroger's InStock suite of applications that allowed store associates to update prices of items, print shelf tags on the mobile printer and update templates for tags.
​

Expertise: Service Design, UX Design, User Research
Picture

 My Role

I was the lead product designer for this project with the task of designing the end-to-end experience of the product, discovery, user research, prototyping, and testing.

Delivery and impact

100+
​

Screens

40
​

User Feedback Sessions

32

Stakeholder Working Sessions

Unlimited

Hours working on craft, dealing with ambiguity, building professional relationships with PMs, devs, business owners+

The Challenge

The challenge was how to get users to adopt a digital process on Android platform by incorporating multiple features; product scan and product details, price audit, print tags, change tag templates, and all the while getting store associates to engage and adopt this application over previous versions.

User engagement and streamlining multiple complex features in one application were critical aspects of this effort.

Research: Discovery and Associate Interviews

I followed a user-centered design approach for this project. As part of this approach, I conducted three discovery sessions with stakeholders and utilized the below process to conduct discovery and ideate
​

I created a template in FigJam where we could capture insights and understand the backend systems that are servicing the front-end UI. From this, I created a journey map that delves into task flows.
​
Picture

Personas

In order to better understand key insights from the business owners, I conducted multiple discovery sessions. I developed personas for associate and store manager who would be typical users of this application and use cases. Also, we conducted user research on the prototype with store associates who were typical users of this application. ​
Picture
Tammy | Store Leader
  • Responsible for making sales promotions on various items in the store
  • Provides list of coupon codes to Kyle to apply to items as part of sales promotions
  • Responsible for signs pertaining to promotional items so she needs to be able to change and review design templates for signs before printing them to put on sales floor
Picture
Kyle | Store Associate
  • Performs price audit of items on the shelf
  • He typically has a list of coupon codes to apply to an item's price due to store sales and promotional campaigns
  • He can print sales tags right from the mobile printer on the sales floor. For signs, he has to print it from upstairs printer
  • There is a list of items in the queue he goes through and every time he prints, it's saved to a batch or he can save it manually​​

Key Insights from User Interviews

Picture
  • Associates found the home page to be useful and easy to navigate
  • There were some confusion over selecting tag and sign templates and its implications on the store
  • There were some confusion over batch selections and tag/sign templates
  • Associates liked the ability to change printers on the fly in terms of instructions to pair to the new printer by scan or entering printer name

User Journey Map

I created a user journey map of the ESTP flow and shared it with the stakeholders. We identified some areas for future testing like saving batches for Scan to Tag and Scan to Sign flows. This was due to confusion over expectations of what saving to batches does. We decided to update the flows in a future release because we felt that associates were trained in performing these actions and it was a nice to have feature that could be put off for a future release.
Picture

Final Designs

The user interviews and the two personas helped to inform the final designs of the SPA application. Here are some key design decisions I made based on the research.
  • ​Context-driven approach to performing price audits on products on the shelf
  • Create a hub where associate can take action, review product details and get alerts about important information
  • Easy to use navigation utilizing modal layer template
next project
© COPYRIGHT Jawid Elyacy 2025 ALL RIGHTS RESERVED.
  • Home
  • UX/Visual Design
    • Shelf Price Audit
    • PIT Inspection
    • Task Manager
    • TRMS Content Management System
    • Request for Information
    • ECHO Refund Transparency
    • Last Mile Flash Delivery
    • Mobile Wallet
    • Fast Track
    • Erica AI Assistant
    • Single Service Card Experience
    • Smart Services User Experience
    • Pet Adoption
  • Contact Me
  • About Me