Next Step App

cover photo

Overview

  • Timeline: 3 weeks (120 hours)
  • Role: Researcher, Designer & Developer
  • Tools: Figma, VSCode, GitHub, ChatGPT

Background

Addiction is one of the most prevalent diseases of our day. The American Addiction Centers reported that 46.8 million Americans aged 12 and up have battled a substance use disorder in the past year, with 10.5% of Americans having battled alcohol use (2024).
With this in mind, we decided to focus on people that are on their recovery journey. We believe that facilitating the process to find a sponsor would not only motivate but also inspire people to continue on their journey to sobriety.
During the design process we discovered many challenges our potential user base faces when it comes to finding a sponsor, and learned about some of their preferences.

The Problem

Not everyone has access to potential sponsors who can help them with their journey to sobriety.

Project Goals

Design an app that mirrors dating apps like Tinder but with the purpose of finding a sponsor that a user can relate to.

The Process IMG

Empathize

Overview

  • Proto Persona
  • Research Statement
  • Metrics
  • Research Results

Proto Persona

proto_persona

Research Statement

As a user researchers, I want to explore user behaviors around helping underprivileged kids access martial arts and other sports
Objective1: Understand how underprivileged kids can enroll in and pay for martial arts and traditional sports.
Objective 2: Understand what offerings are important to users when searching for martial arts and sports made for children.

Metrics

5 Interviews
3 Parents
2 Coaches

Research Results

5 out of 5 participants agree that in order to support the children, you must support their parents due to not every parent has the time or money to put their kids in competitive sports.
5 out of 5 participants recognize that both local nation wide programs that are already exist have limitations to how much they can help due to factors like marketing, education, lack of fund transparency and more.
3 out of 5 participants mentioned they prefer making direct donations to individuals or teams rather than large organizations.

Define

Overview

  • Affinity Map
  • User Persona
  • User Insight Statement
  • Problem Statement

Affinity Map

Our user interviews have identified 4 major issues/needs for users, recipients, and solutions already in place.

Affinity Map

User Persona

User Persona

User Insight Statement

Rex has been an athlete his whole life. He often reflects on how much sports have benefited his life and wishes to help more children gain access to sports. He has learned discipline, how to work as a team, and how to take criticism. These are a few of the reasons why he think it is important to help children play sports.

Problem Statement

Rex wants to help children get involved with sports who may not have easy access. He doesn’t know the best way to go about finding organizations in his community that would allow him to take direct action such as volunteering or making a donation. 

Ideate

Overview

  • How Might We
  • Prioritization Matrix & What if?
  • Value Proposition
  • Storyboard
  • User Flow

How Might We

...Design a tool that allows user to connect with parents, coaches, leagues administrators, etc., so that they can donate and volunteer directly to the children who need it in their community?

Prioritization Matrix

priority_matrix4

Value Proposition

Many kids are being left behind. Many want to play sports but don’t have the resources to access leagues, quality gear, private lessons, rides to practice and more. These kids are missing opportunities to develop skills they can use in every day life.
We believe that the best way to help these kids is through direct action. Talking to parents, teams, leagues and children to ask them exactly what they need to help gain access to the sports of their choosing.
At Get Moving, we are committed to connecting those who desire to improve their community with those who need it most by giving them a central location where they can volunteer or donate as needed.

Storyboard

priority_matrix4

User Flow

site_map

Wireframes and Protoypes

Overview

  • Paper Wireframe
  • Low Fidelity
  • Style Sheet
  • High Fidelity

Paper Wireframe

We made some mobile first wireframes and expanded to tablet and desktop. For the most part we kept the same layout but decluttered it and fixed some of the spacing issues.

lo-fi

Low Fidelity

We made some mobile first wireframes and expanded to tablet and desktop. For the most part we kept the same layout but decluttered it and fixed some of the spacing issues.

lo-fi

Style Sheet

lo-fi

High Fidelity

lo-fi

Front End Development

Overview

  • Login Page
  • HTML Set Up
  • CSS Set Up

Login Page

lo-fi

HTML Set Up

lo-fi

CSS Set Up

lo-fi

Feedback and Updates

Overview

  • User Testing Goals
  • User Testing Tasks
  • User Testing Results

User Testing Goals

1. Can a user successfully donate money?
2. Can a user successfully donate hand-me down gear?
3. Can a user successfully sign up to volunteer?

User Testing Tasks

1. Donate boxing gloves to Williamsburg MMA in Brooklyn.
2. Find Peter from Queens and donate $500 to his Albany Tourney.
3. Sign up to carpool and coach for Bucks Baseball in Staten Island.
4. Donate a mitt and bat to Lucy the Bronx.

User Testing Results

lo-fi