Creating a seamless customer kiosk experience

UI / UX Design

Lead Designer

Overview

Kroger offers an existing feature named ‘Order Ahead’ that allows customers to place orders for deli, bakery, party platters, etc. online and pick up their order in-store.

The business identified an opportunity to encourage in-store shoppers to interact with the virtual Order Ahead experience who would otherwise not shop online. I was tasked with adapting the current mobile Order Ahead experience for use on an Android kiosk that would be released to several pilot stores.

The Ask

Create a seamless experience that allows users to order custome cakes easily.

The Question

How can we get more traditional in-store shoppers to utilize Kroger’s digital services?

The Goal

Drive digital engagement and promote Kroger app.

Existing Product and Considerations

Adapting for a new platform with the same feel as the existing product

This project is an MVP solution for a product that will be further developed in the future. The MVP cake kiosk needs to be able to scale out and be adapted for innovations in the future while keeping with the brand style. Order Ahead as an experience already exists so it needs to be accessible as a kiosk version without feeling too different from the current mobile and web expereinces. The process should be quick and easy.

 

Prep Step

As a new designer, every project begins with an opportunity for learning

I have discovered that it can be quite difficult for me to dive into a new project or platform without gathering some inspiration and doing some research on best practices for that platform. In this case, chose to dive into some kiosk best practices articles.


Through these articles, I realized that I had failed to consider a major part of the experience; the surrounding kiosk environment. As a result of this, I learned that there was going to be in-store signage surrounding the kiosk.

 

Working

I developed the best product by asking my team for frequent and actionable feedback

Feedback

As an intern on this project, I had access to talented designers as mentors that I could receive feedback from frequently. I often met with my teammates to discuss changes and propose mockups for review. Through teamwork they were able to provide guidance that I used to create the final product.

Adapting to Shifting Priorities

A kiosk ‘splash screen’ was not originally deemed necessary as part of the original ask. As I designed I wanted to solve the potential problem of people not noticing the kiosk or being enticed by it. As a result, designing an enticing and brand promoting first screen became the top priority.

 

Design > Receive Feedback > Iterate

 

 Solution

A friendly kiosk that enhances customer experience in-store and drives sales

As a result of the Cake Kiosks that were launched to the pilot stores, custom cake order sales are up 150% in Fred Meyer, 40% in Fry's and 40% in Cincinnati locations

 

Team

Joelle Halle, Product Designer / Manager

Ross Adams, Product Designer

Rick Neltner, Senior Product Design Manager

Chris Norris, Product Manager

Sarah Stephens, Copywriter

What I Learned

Platform differences in best practices

There are different standards set for IOS, Web, and Android. Each platform has its differences and defaults.

How to ask for and apply feedback

Feedback is a crucial part of the design process. Achieving results through teamwork is successful.

Lead a project to meet business deadlines

Communication between team members and higher-ups is essential for any project. Shifting priorities and deadlines should be communicated often.