Royal Farms Mobile App and Kiosk

Chris Kidd
ChrisKiddUX
Published in
3 min readMay 27, 2022

Gratifying people’s cravings everywhere

Case Study: Redesigned an updated iOS and Android mobile application and in-store kiosk ordering platform.​

An image of someone using the Royal Farms app on a phone on their couch.

Overview

Royal Farms needed a redesigned mobile experience for iOS and Android that would allow users to view their rewards and punch cards, locate stores, manage their accounts, and play a card matching game.

After the mobile apps were delivered, they approached us to design the in-store kiosk experience.

My Role

I led the design and strategy initiatives for this project, guiding a team of UX and visual designers in the creation and execution of the deliverables in this case study.

Process

Discovery: A UX audit was conducted to evaluate the current mobile apps to understand and evaluate the experience. Interviews and workshops were then conducted to detail the desired features/functionality and business rules that would impact our designs. Once this was completed, user stories and acceptance criteria were defined.

Design: Comprehensive wireframes and visual designs were created through a paired design process. These designs were tested with Royal Farms customers through in-person, moderated sessions.

Annotations: The designs were fully annotated, detailing all of the interactions in the experience, to gain client acceptance and provided detailed documentation for developer handoff.

User Stories & Acceptance Criteria

This project began with a discovery phase that included stakeholder interviews, an audit of the existing mobile apps, and requirements definition. I created user stories and acceptance criteria that detailed the full scope of functionality to be conveyed through the designs.

An image conveying a small portion of the user stories and acceptance criteria defined for the project
User Stories & Acceptance Criteria Documentation

Wireframes & Design

Once the requirements and user stories had been defined, I led a team of designers through the wireframe and design process. Fully clickable wireframes were created and approved by the client before moving into the visual design phase.

Images of the home screen and rewards details both in wireframe and final visual design.
Home Screen & Reward Details — Wireframes and Final Designs
Images of the store locator and reward punch card, both in wireframe and final visual design.
Store Locator & Punch Card — Wireframes and Final Designs

User Testing

We conducted in-person, moderated user testing at various states of the design process to gather user feedback and make adjustments in direction.

An image of the app next to an image of an individual holding a phone, using the app during a user testing session. The person’s face is obscured.
User Testing Session

Annotations

The final designs were fully annotated using Confluence. This allowed detailed descriptions of each screen to be attached to every user story that our developers were tasked with in Jira while building the applications.

An image of annotated designs inside of Confluence
Annotated Designs in Confluence

Kiosk Experience

After we delivered the iOS and Android mobile apps to the client, they asked us to design their in-store kiosk experience for ordering food. This work began with workflows detailing the overall experience, along with the interactions for each category of food/product on offer.

Two workflow diagrams of the kiosk ordering process. One for the overall experience, and the other is for ordering chicken.
Two workflow diagrams of the kiosk ordering process. One for ordering a side or drink. The other is for ordering a sandwich or wrap.
Kiosk Ordering Workflows

Once the workflows were mapped for all of the options in the kiosk, designs were produced and validated via in-store user interviews.

An image of two concepts used for an A/B test, next to an image of a woman conducting an A/B testing session with a participant inside of a Royal Farms Store.
A/B Testing in Royal Farms Stores

Summary

I lead a team of designers through a design process from discovery to user testing to create a redesigned mobile application for Royal Farms on iOS and Android devices. Once the work was completed, we were brought back on to design their in-store ordering kiosk platform.

--

--