Challenges App

Before

After

Project Objective

The objective of this project was to brainstorm and generate ideas for an app Inquest was developing that would allow people to generate and participate in challenges while providing a secure method of verifying their participation and sending rewards.

Project Details

My role in this project consisted of creating wireframes based on discussions I had with Inquest CEO Dan Brown to develop the concept for the app and website associated with this project.

Project Summary

Type: Human-Centered Design, UX Design
Client: Inquest LLC
Duration: October - December 2021
Role: UX Design Intern
Deliverables: Wireframes

UX Design
Wireframing

Brainstorming the app features

Throughout the last few decades, people have engaged in challenges for different purposes, such as to raise money for a good cause (e.g. ALS waterbucket challenge) or just for amusement (e.g. Mannequin challenge).

The purpose of this app is to facilitate a secure way for individuals or organizations to create those challenges and challenge other people, as well as to verify their completion of said challenges and provide a secure way of distributing rewards.

Since the main purpose of the app is to create and complete challenges, I started by engaging in discussions with my supervisor about the type of features and details that would need to be included in the app, which are listed as follows:

  • Creating a challenge: includes adding a title and description of the challenge, uploading related media (e.g. photos, videos), and specifying a method of verifying challenge completion
  • Completing a challenge: includes uploading the corresponding verification data and signaling the completion of the challenge
  • Home page
  • Profile page

Designing the “creating a challenge” frames

I started out by sketching a couple of frames depicting the process of creating a challenge from the perspective of the user. The process is visually depicted in the images below:

Revising the “creating a challenge” features

After I showed the previous wireframes to my supervisor, they provided him a better idea of what he wanted to be included in the app and the type of functionality he wanted to see, which is why I revised the wireframes made earlier to better reflect the added features my supervisor wanted to see. The updated frames are seen below, with the updates pointed out:

Creating an example walkthrough

With the new changes in place, my supervisor then asked me to create a sample walkthrough of how a user would use the app to create a challenge, so I created the following wireframes to illustrate creating a challenge called "Small Business Spree!":

Designing the “completing a challenge” and profile features

After fleshing out the details of the "creating a challenge" function, my next step was to brainstorm some more ideas to develop the "completing a challenge" and profile features:

Designing the app website

Additionally, my supervisor also asked me to sketch out some ideas for a website version of the app, which are depicted below:

This would be the landing page of the website, which would feature either a cover picture of a popular challenge or something that embodies the app's essence, and also includes a search bar to search for challenges, as well as buttons to navigate to the "creating a challenge" page, "popular challenges" page, and the sign in page
This would be what the users see next after the initial landing page, with the app's main functionality broken down into 3 major steps and allowing the user to browse challenges by categories such as eco initiatives, business-sponsored, or giving back
This would be the trending challenges page where users can browse through the most popular challenges currently being completed by users on the platform, which include details like the challenge title, organizer, and number of steps
This would be the search page where users can look for different challenges by either using the search bar or by filtering the challenges by organization, category, rewards, or location
This would be an example of the challenge page itself that displays details regarding the particular challenge to the user, like the challenge title, organizers, details, steps they would need to take to complete the challenge, and the rewards and time limit associated with the challenge