GoGoal

A mobile app that helps people to complete challenges.

type

Individual Case Study Project

focus
  • UX Design
  • UI Design
  • Brand Identity
  • Illustration
  • Motion Graphic
tools
  • Sketch
  • Adobe Illustrator
  • Adobe After Effects

Overview

It's easy to set a lot of goals, but oftentimes it's hard to achieve them. "In 2019, I am planning to finish the plan that I made in 2018 which I didn't complete in 2017 that I promised to finish in 2016..."

GoGoal is an app that helps people to complete challenges, one step at a time. In this app, the user will start with a small challenge by joining the challenge group. There will be a minimum of 2 people and a maximum of 10 people in a group. When all the group members complete the challenge, everyone will get bonus coins. Coins can be redeemed into badges and each user will unlock achievements by completing challenges.

1.1 primary research

Survey Summary

Survey on questions about people's intention of setting goals/form habits and how they feel about it.

Group 6 Created with Sketch.
1.2 secondary research

Why Do People Fail to Achieve Their Goals?

With articles and reports from online sources, a mind map of reasons why people fail to archive their goals is generated.

Problem Statement

How might we help people to achieve their goals by increasing their motivation?

2.1 Target Audiences

Primary Audiences

The primary target audience group is people who want to achieve goals or form habits but often failed.

Artboard Created with Sketch.

Primary Audiences

The primary target audience group is people who want to achieve goals or form habits but often failed.

Age Range

18 to 35

Gender

Male and Female

Occupation

Any

Characteristic

They don’t have much confidence in themselves anymore. They lack motivation and often don’t know how to set goals and complete them to build more confidence.

Secondary Audiences

The secondary target audience group is people who know they can complete their goals.

Artboard Copy Created with Sketch.

Secondary Audiences

The secondary target audience group is people who know they can complete their goals.

Age Range

16 to 45

Gender

Male and Female

Occupation

Any occupation

Characteristic

They already understand how to successfully form a habit. However, they want to have a tracker to help them track their goals easily.

It will be even better if this process can be a fun, delightful experience.

Artboard Copy Created with Sketch.
2.2 persona

Samuel Ramirez

Age:

20

Location:

Irvine, CA

Occupation:

Student

Status:

Single

Self-discipline:

Group 46 Created with Sketch.

Motivated:

Group 51 Created with Sketch.

Extroverted:

Group 51 Created with Sketch.

Tech-savvy:

Group 51 Created with Sketch.

Bio

Samuel is a college student major in biology who lives in Irvine with his parents. Samuel wants to form some good habits but finds it really hard to do. He always sets goals with confidence but failed all of them in just a couple days. Samuel has a feeling of failure every time this happens; now he is getting afraid of setting goals to achieve.

Bio

Samuel is a college student major in biology who lives in Irvine with his parents. Samuel wants to form some good habits but finds it really hard to do. He always sets goals with confidence but failed all of them in just a couple days. Samuel has a feeling of failure every time this happens; now he is getting afraid of setting goals to achieve.

“I wish I could truly complete a goal, even if it's a small one.”

2.3 typical user journey

1. You're Not Alone

Start a challenge by joining a group first. Users can also create their own group and invite their friends and family members to join.

wireflow

2. Motivate Others

Once the user completes today's task, there is an option to send a reminder message to all other members who haven't complete it yet.

wireflow

3. Earn Achievements and Badges

With the bonus coins that users earned by completing challenges. They can redeem them into badges.

wireflow
3.1 User Testing & Iteration

Low-fidelity Wireframe

Tested the sketches with potential users to see if they could understand the process.

Low-fidelity Wireframe

Tested the sketches with potential users to see if they could understand the process.

iteration plan
  • Keep navigation bars for all essential pages
  • Add a “Start today’s challenge” button at the home page which will start the challenge right away
  • Use a different layout for the challenge page in order to differentiate it from the group page

Medium-fidelity Wireframe

The goal for this user testing is to see the functionality and if it's easy for the user to complete tasks.

Medium-fidelity Wireframe

The goal for this user testing is to see the functionality and if it's easy for the user to complete tasks.

iteration plan
  • Make the navigation bar and selected stage even more obvious.
  • Consider adding some elements on the challenges card to make them more different for each one, to help the user to recognize different challenges
4.1 Keywords
Group Created with Sketch.

Motivated

In GoGoal, the user is not just completing the challenge task for themselves. It helps the user to have the motivation to push themselves.

Group 443 Created with Sketch.

Teamwork

Whether the user is in a public group with others or a private group with someone they knew. Knowing that you're never alone. Encourage each other, motivate each other.

Group 17 Created with Sketch.

Accomplished

With only one, simple challenge at a time. GoGoal helps the user to complete the challenge and feel accomplished. It also helps to build up the confidence.

4.2 key screens

GoGoal

GoGoal is an app that helps people to achieve their goals and form good habits. It allows users to do one small challenge at a time with others. Users will motivate others while be motivated by others.

4.3 app highlights

One Small Goal at a Time

01
  • The user can only do one challenge at a time
  • Challenges have to be completed by progress. For example, the 14 days duration challenge will be unlocked when the user completed the same challenge for the 7 days first

Motivate and be Motivated

02
  • Easily join or create a group
  • One tap to remind other group members who haven't complete the daily task yet

Motivate and be Motivated

02
  • Easily join or create a group
  • One tap to remind other group members who haven't complete the daily task yet
4.4 Website

Spread out the Idea

The website is designed to promote the app and spread out the idea of how and why GoGoal can help people to achieve their goals and form good habits. The website is designed with a horizontal scroll.

4.5 Concept Video
5.1 logo

Logo Exploration

Started with hand sketches to brainstorm for ideas.

Digital Exploration

I selected a couple of ideas and explored more with them digitally.

Final Logo

The final logo has two letter G in it from the app name: GoGoal. It has a shape of target indicating goals. The in-complete outer circle has a meaning of progress.

5.2 color system

Energetic & Refreshing

Primary colors create an energetic and refresh feeling. The main color is white which keeps a clean tone.

Group 4 Created with Sketch.
5.3 Iconography & Graphic Style

Simple and Effective

Icons and graphic elements in the app are simple and have an upbeat tone. Colors are used to indicate different stages.

5.4 typography

Karla

Used Karla to create a clean, modern feel. This typeface is used across the whole app with different weights.

Group 11 Created with Sketch.
5.5 Merchandising Items

Mockup Collaterals

Items such as calendar, USB drive are commonly used at office and home. It helps to promote the product as well as motivating people to complete their goals.

06. conclusion

Summary

From the research we can see that there are a lot of reasons why people fail to archive their goals. When people consistently fail, they lose confidence. It’s important to start with a small goal and be consistent in order to gain conditions and learn the correct way of setting goals. GoGoal also has groups where people can encourage each other and work together. The user will have more motivation to complete the task because it’s teamwork and people often don’t want to fail their teammates.

Reflection

Sometimes more functions or choices doesn't mean it's good. For example, I had an option for the user to create their goals. However during the usability testing, participants don't really like that idea because they think this app is for completing simple challenges. It seems like I forgot the original intention of the app during the design process.

It's important to keep the problem statement in mind at all times.

View the Full Case Study

Wanna See More?