Arcane Arcade

UX Design - Customer loyalty and rewards app for an arcade.

The Product

This customer loyalty app is designed for a local (imaginary) arcade that aims to build a community among the customers and the business. The app allows customers to earn points from checking in and completing tasks through their time at the arcade. The app is aimed towards newcomers and regulars of Arcane Arcade.

The Problem:

Wanting to build a lasting relationship with customer base and give them incentives for returning.

Goal:

Design an app for customers to have incentives for returning and rewarding them. Brings more events and activities for the customers, ultimately building a community.

My Role:

UX Designer

My Role:

Worked on the user research, creating the wireframes, creating the prototypes (both low-fidelity and high-fidelity), conducted usability studies

Journey Map

Storyboarding

Personas

Paper Wireframes of the Home Screen

The paper wireframes shown are 5 different versions of the home screen. Paper wireframes were created before creating the digital wireframe. This allows for many iterations that will help with transferring to digital.

Screen Shot 2022-01-10 at 2.41.10 AM.png

Full Digital Wireframe of the App

Screen Shot 2021-11-14 at 3.33.44 PM.png

Home Screen Wireframe

Check In Page

Screen Shot 2021-11-14 at 4.43.05 PM.png

Looking at events, event details, Signing up for the event, confirmation page, and completed screen

Navigation Menu

Screen Shot 2021-11-14 at 4.18.54 PM.png

Tickets, Task, and Points Page

Tickets are the ones earned from playing games at the arcade, which then could be exchanged for prizes. Below are tasks to earn points. The tasks are separate from playing games, they're like achievements. For example, playing a game a certain amount of times. Points accumulated can also earn rewards and prizes.

Screen Shot 2021-11-14 at 5.02.56 PM.png

Details on tasks and points

Paper Wireframes of the Home Screen

The paper wireframes shown are 5 different versions of the home screen. Paper wireframes were created before creating the digital wireframe. This allows for many iterations that will help with transferring to digital.

Full Digital Wireframe of the App

Home Screen Wireframe

Check In Page

Looking at events, event details, Signing up for the event, confirmation page, and completed screen

Paper andDigital Wireframes

Low Fidelity Prototype

View

Screen Shot 2022-01-10 at 3.03.35 AM.png

High Fidelity Prototype

View

Screen Shot 2022-01-10 at 3.04.00 AM.png