top of page
Desktop - 1.png

BUNDLE - Group Game App

The Problem 

Users who want to make up for lost time with their social group, post-pandemic, want to rediscover the comradery they lost during the pandemic. Unfortunately, they lack sufficient means to engage in light-hearted, fun activities with their friends and family during their post-pandemic gatherings.

​

The Solution 

Bundle! An app where users can engage with their friends and family during a gathering. They can play fun, light-hearted and engaging games on the Bundle app.

My Roles

User Experience Researcher, User Experience Designer, and User Interface Designer. â€‹

​

Tools Used

 Figma, Google Suite, InVision, and Miro

01 User Research

Proto Persona (2).png

Proto Persona

Creating a Proto Persona allows us to know the user group to target to be able to start the research process. 

Key takeaways:

  • The user craves social interaction 

  • The user enjoys board game nights with friends

  • The user is very outgoing   

Affinity Diagramming 

After conducting interviews and surveys, the Affinity Diagram was created with many notes from the user interviews. The image shows the common themes and categories discovered. This is a great tool to use to organize all of the data collected.

Affinity Diagram.png
Persona.png

Persona

After conducting interviews, the persona was built based on the data gathered from interviews and surveys. This helped to visualize the users we were building the product for. 

Empathy Map

Creating an Empathy Map helped the team to obtain a deeper understanding of the user and make sense of our qualitative research.

Empathy Map.png

02 Ideation

Brainstorming

To kick off the prototyping phase, we started brainstorming using the I like, I wish, and What if method. We then took all of these notes and organized them into a feature prioritization matrix.

I like, I wish, What If_.png
Feature Prioritization Matrix.png

Feature Prioritization Matrix

Creating the Feature Prioritization Matrix helped us to understand what features are most important to our users.

Key takeaways:

  • Include avatar options

  • Have a points/reward system to add the competitive aspect 

  • Unlimited amount of players

  • Free content that is fun for everyone involved 

Value Proposition

Using the Value Proposition tool, we were able to ensure that we were building a product that aligns with the user's needs. 

Value Proposition (1).png

User Scenario

Using the User Scenario tool, we were able to outline a realistic situation where the user would typically use our product. This helped us to understand the behaviors of the user, which is very important during the design process to help refine features and spark new ideas. 

User Scenario (1).png
Storyboard.png

Storyboard

Creating the storyboard allowed the team and I to shape the user journey and visualize our users in a scenario where they would use our product.

User Journey Map

Using the User Journey Map tool, we were able to gain more insight into how the user could interact with our product, which allowed us to start to design an application that our users would find easy and intuitive.  

User Journey Map (2).png

03 Prototyping

Style Guide.png

Style Guide

Creating a style guide allowed us to develop a cohesive design and stay on brand when making high-fidelity prototypes for the mobile version of the app. The colours were chosen to spark a sense of joy, energy, and overall fun!

User Flow

Creating a user flow illustrates the potential paths the user could take while using the application. This tool allowed us to jump into creating wireframes and start the prototyping phase.

Final UX_UI Project - Final Project User Flow.jpg

IOS Mockups

After conducting many usability tests, there were a few bugs to be fixed such as including a call-to-action on the leaderboard pages and deviding up the instructions page to make it more readable.  

Screen Shot 2022-12-15 at 4.55.10 PM.png
iPhone 13 Pro.png

High-Fidelity Wireframes

Once the mid-fidelity wireframes were done we conducted usability testing, which resulted in very positive feedback. Afterwards, the design process took off! There were several iterations on the high-fidelity wireframes and we landed on this product! A video of the prototype is below!

High-Fidelity Walk-Through

bottom of page