top of page
Merchmate Case Study.png

Merchmate

Project Overview

Merchmate is a conceptual app that shows users what concert merch will be available before arriving at the concert venue. Users will be able to decide if they want to arrive early to concerts to wait in merch lines and will be able to add available items to a wishlist through the app. Merchmate gained visibility and was selected to be featured in The Best Event and Entertainment App Designs by DesignRush, a platform known for promoting apps designs.

Project Duration

August 2022 - November 2022

My Role

UX and UI designer from conception to delivery.

Tools

Figma, Canva

The Problem

Concert goers rarely have the opportunity to view what concert merch will be available before arriving at the concert venue. This makes it difficult for users to decide whether or not they want to arrive early to venues to wait in long merch sale lines. If they were able to view merch options beforehand, users would be able to make better informed decisions on how to spend their time. 

The Goal

Design an app that allows users to view concert merch before arriving at the venue.

My Responsibilities

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs.

Understanding the User

User Research

I conducted interviews and created empathy maps to better understand my users and their unique needs. The user group confirmed initial assumptions that merch sale options were of concern for customers, but further research revealed that time and money were also factors. 

User Pain Points
user pain points.png
Personas

Using information from interviews I created two personas to get a better idea of who Merchmate’s users are. Meet Sadie and Peter!

Screen Shot 2022-09-20 at 3.05.55 PM.png
Screen Shot 2022-09-20 at 3.05.46 PM.png
User Journey Mapping

Mapping Peter’s user journey revealed how helpful it would be for users to have access to a concert merch app.

Peter User Journey.png

Starting the Design

Paper Wireframes

To get started, I created paper wireframes based on the user research I had conducted so far. I wanted to show the user flow of adding a merch item to the users wishlist.

Screen Shot 2022-11-15 at 1.47.39 PM.png
Low-fidelity Wireframes and Prototypes

Now that I had sketched out initial ideas with paper wireframes, it was time to test out my designs using mid-fidelity wireframes. 

Digital Wireframes 2.png

Check out the low-fidelity prototype here

Usability study: Findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Usability Findings.png

Refining the Design

Mockups

Early designs allowed for some customization, but after the usability studies, I added the option to search right from the homepage and added a carousel of events near the user.

lowfi to hifi.png

The second usability study revealed frustration with saving concerts. To make this a bit easier for users I added the option to save a concert from the band’s information page

merch to save.png

Other mockups including profile page, concert list, product page and product list.

other mockups.png
High-fidelity Prototype

The final high-fidelity prototype presented cleaner user flows for adding items to user wishlists.

Screen Shot 2022-11-15 at 2.10.17 PM.png

View high-fidelity prototype here

Going Foward

Next Steps
Next Steps.png
bottom of page