top of page
on boarding3.JPG

Start Giving Local
NONPROFIT COMMUNITY
ENDURANCE EVENTS, FUNDRAISING FOR CHARITY, LOCAL COMMUNITY
​

For product booklet

(119 pages) Please click

Who is Start Giving Local?

Start Giving Local is a nonprofit community that encourages people to participate in endurance events, fundraising for charity, and support their local community in the process. They wish to support the greater community by promoting wellness, foster inclusion, and innovation and empowering people to support a cause.

ECO-SYSTEM.JPG

The Process

Design The Right Things     &      Design Things Right

SGL double diamond_CMYK.png

https://uxdesign.cc/how-to-solve-problems-applying-a-uxdesign-designthinking-hcd-or-any-design-process-from-scratch-v2-aa16e2dd550b    Dan Nessler - My Revamped Double Diamond Design Process Framework (latest version, Jan 2018)

UX Process

Secondary Research |  Heuristic Evaluation

Our team performed an expert Heuristic Evaluation on Start Giving Local (SGL) website. The website allows users to learn about the organization, how to donate, how to promote through the merchandise purchase, how to join as a volunteer, and how to sign up for an event.

The purpose of this report is to identify key usability issues so SGL can provide more defined information on the fundraising process and create an even more enjoyable on-line donation experience for the charity.

 

heuristic.JPG

Secondary Research |  Competitive Analysis

We chose to do a competitive analysis for this project in order to gain a better understanding of the area in which Start Giving Local is located.

In order to get the highest level of information, we incorporated organizations from all of the surrounding areas, to better create a more comprehensive product.

Analysis Organizations:
1. Direct Organizations
2. Indirect Organizations
3. Influencer Organizations

competitor.JPG
survey summary.JPG

Primary Research |  Survey

We conducted a survey as our primary research method. The purpose of the survey is to gather quantitative data regarding people’s pattern and overall attitude regarding attending races.

We ended up collecting 43 responses and analyzing the data and identifying patterns of behaviors when they prepare for races. In addition, due to COVID-19, we also include questions regarding their current remote habit and behaviors.

Screen Shot 2020-08-22 at 12.08.05 AM.png

Primary Research |  User Interviews + Empathy Map​

We conducted 9 user interviews with people who had either experience in endurance races, fundraising for charities while training/participating in endurance races, and people who had actively trained for an endurance race. Interviewing really helped us identify user opportunities by understanding user behaviors, positives, and negatives in their own experiences.

Primary Research |  Personas​

After collecting our research from our interviews, survey, and diary study we wanted to build personas to help identify our users. This would allow us to pressure test our ideas based on our personas. We created two personas which looked at two different levels of users. Our first persona Patrick is a personal achiever that focuses on our more beginner user for endurance events. Our second persona Amy is an event enthusiast that focuses on our more experience user in endurance events. Both of these personas offer two challenges to make sure we are identify the needs of both users with one product.

Persona 2.jpg
Persona 1.jpg

Primary Research |  User Journey

To study our personas in a more detailed way, we created a visual representation of the user experience when participating an event. This helped us understand from the user’s point of view and visualize their needs and pain points

Our 4 Focus areas are:
1. Emotions & Thoughts
2. Actions
3. Key points
4. Opportunities.

User Journey 2.png
User Journey 1.png

Primary Research |  Users Needs
​
From our Secondary and Primary Research, as a team we wanted to identfy the user’s needs to help ideate and create a product. Identifying our user’s needs will help us make decisions of what should be included in a product, or if an idea is solving the needs for the users. We identified their needs by identifying users pain points, needs, goals and how might we statements.

key insight need.JPG
key insight need.JPG

Top 3 Pain Points
​
1. People find the registration process difficult to interpret.

2. People find training can be physically and mentally challenging.

3. People struggle with conditions outside of their control.

Top 3 Needs

1. People need to feel proud of themselves through personal achievement.
 
2. People need social support to prepare for a race.
 
3. People need to share their experiences with others.

Top 3 Goals

1. To exceed their personal achievement.
 
2. To boost their positive social network.
 
3. To improve their physical and mental health.

How Might We...

​

1. How might we help people feel proud when they exceed their personal achievements?


2. How might we help people share their experiences with others to boost their social network?
 

3. How might we help people train to improve their physical and mental health?

UI Process

Ideation

Starting our ideation process, we took our user needs, goals, pain points, and HMWs and put everything on the board. This included our initial thoughts and larger concept ideas based on our research.

After our blue sky ideation process we took away our 3 major concepts and developed them into refined concepts which were reflected with goals, storyboards, and ideation wires. With these we held a client workshop and went through the concepts and got feedback of what was working and what could be pushed or improved. This helped us narrow down our thinking for our final product.

mood boards.JPG

Wireframes & Site Map

From our ideation workshop we started to expand our idea to wireframes to understand what content we needed and where it would live based on our user needs.

After developing our wireframes we needed to understand how our content was going to live and connect with one another. The site map really helped us identify all the branches and understand where all our pages would live.

design system 2.JPG
blue sky.JPG
ideation workshop.JPG

Mood Board

When we started developing our brand we started to think through what our brand voice would be and the visuals we wanted. The voice we wanted to establish was encouraging, friendly, but still having the motivational support of a coach to guide the user on their training journey.

sitemap.JPG
wireframe.JPG

Design System & Accessibility

With multiple designers creating many different modules, we wanted to create a design system for consistency. This also allowed us as a group to develop rules and patterns for our product.

We conducted an accessibility test with our existing brand colors. This was to make sure all of our text would be legible and accessible at different contrasts. We then made sure to apply our results in our design systems library when building our final product.

Testing

Start Giving Local is a non profit helping people participate in races to raise money for charity while also supporting local businesses. We explored several use cases and are interested in learning about page structure, features and functionality are intuitive and easy to use. Specifically, we wanted to test the following tasks:

• User’s overall opinion of the application
• How users are navigating the application
• Opinions and feedback on features and basic functionality


We want to see if users are able to identify the purpose of the site and be able to describe the features of the application and get their overall feedback.

Lo-Fi Testing Goals

For our lo-fi testing our main goal was for users to identify the purpose of the app. What were things that stood out to them and what did not. We found a need to clarify our message and goals and to give more instruction during on-boarding.

lo-fi testing.JPG

Hi-Fi Testing Goals

For our hi-fi, we tested our fully designed prototype.

Our goals for our hi-fi testing were:
• Assess the overall usability of key screens of the Start Giving Local app.
• Find any points of friction or misunderstanding.

hi-fi testing.JPG

Accessibility Testing

We conducted an accessibility test with our existing brand colors. This was to make sure all of our text would be legible and accessible at different contrasts. We then made sure to apply our results in our design systems library when building our final product.

color contrast sample.JPG

Final Product​

Our final product after compiling our research and design process, we created an app prototype for Start Giving Local that aims to help people with their training, fund-raise for charity, and connect with their local community. Something we found continuously throughout our research was the need for guidance, support, discovery, and encouragement from signing up for a race, training, and fundraising for an endurance event.

hi-fi photo.JPG
First page.png
Home page.png
Community page.png
Event page.png
COVID page.png
explore.png

What can we include for the future?

From our results from testing, feedback from our client, feedback from users and colleagues, we have listed below recommendations of features that can grow the Start Giving Local App for the future.

1. Allow users to choose an avatar for a coach.
2. Give recommended goals to users based on experience or performance level.
3. Pair certain workouts with weather for optimal training.
4.  Advancement in AI to track route and weather to better determine your workout plan.

For product booklet

(119 pages) Please click

bottom of page