BOOKING PLATFORM

Redesign of Website to Encourage Enrollment

Industry

Nonprofit

Type

Group Project

My Role

UX/UI Design

YEAR

2023

Project description

Project description

Project description

Running Start, a non-profit organization that operates on donations, needs to increase annual fundraising so that they can continue to provide new participants with all the necessary equipment and services they need  to be successful in their new running journey and  to continue meeting their yearly participant enrollment goal.

Timeline

From explorations to final designs in 3 weeks.

Problem Statement

Women new to running need to be educated and informed on training programs, and motivated by having examples of fellow female runners to help encourage them to make running a part of their lives. The primary objective is to create a user-friendly interface that offers crucial information and support to women who wish to join the program, all while providing a warm and enjoyable experience.

Process

Process

Process

This category details the step-by-step approach taken during the project, including research, planning, design, development, testing, and optimization phases.

Empathize

Five interviews were conducted over the course of two days to gather user feedback on the current website. The focus was on identifying key elements that would influence the decision to enroll in the program and evaluating the overall feel of the site.

Items completed: Surveys, User Interviews, User Testing, Organization Questionairre.

Define

Collaborated with designers to begin breaking down all of the information gathered in the empathize phase to start defining the project ahead and to come up with a problem statement.

Items completed: Heuristic Evaluation, User Persona, Competitive Analysis, and Problem Statement.

Ideate

During the ideate phase of a design project, the focus is on generating a wide range of creative ideas and potential solutions to the problem identified in earlier stages. This phase encourages exploration, creativity, and divergent thinking to develop as many solutions as possible before narrowing them down. 

Items completed: Wireframes, Mood board, Affinity Diagram, User Flow, Value-Effort Matrix, Branding,

Prototype

Our focus now shifted from generating ideas to creating tangible representations of the ideas we generated. We began ex

Testing & Delivery

We conducted usability testing to determine the effectiveness of our design. The goal of the tests were to get user feedback about the objective related to the design goals as identified in our problem statement.

Items completed: 5-Second Usability Testing, 3 Improvements to the UI features, Deliverables.

Solution

Solution

Solution

A significant goal of redesigning this website was to increase user engagement and excitement while browsing to increase participation.  Since this is a non-profit organization, it is essential to have straightforward donation options available.

Clean It Up!

Break down information into easily digestible chunks of content. Brighten the colors and overall design of the website to create a more inviting and enjoyable atmosphere. Establish a well-organized navigation menu with a clear hierarchy.

Make Enrollment Exciting

State benefits and expectations for the new runner. Add testimonials as social proof of their experience. Make a sign up form for easy enrollment.

Program Criteria

Provide information on the start dates for upcoming programs, their duration, and the date of the race. Provide clear details about the criteria for the program and the intended participant. Establish a FAQ section that can address the inquiries from user research interviews.

3 Improvements to the UI Features

Interactive Content Cards

• Encourage engagement in a playful way

• Provide clear organization

• Versatility across platforms

• Better storytelling

Learn More

Carousel for Sponsors

• Enhances brand credibility and trust

• Improves visual appeal and organization

• Engages users with dynamic content

Get Started

Enrollment form & FAQ Section

• Easy online hassle-free enrollment

• FAQs can serve as a form of onboarding by answering new users' questions

Learn More

What I would do differently next time

What I would do differently next time

What I would do differently next time

This project was a lot of fun!  I love how all of the colors, photos, and content came together so beautifully.  I truly enjoyed collaborating with my fellow designers on this project. Even when we disagreed, we communicated effectively until we reached a consensus.

Importance of taking into account the stakeholder: 

Half way into the project design, the president of the organization shared that donations were essential to their success and financial stability as a nonprofit. Although this aligned with some user feedback, it reinforced that stakeholder and user goals are not always identical and must be reconciled during the design process.

Add Videos:

Videos are an excellent way for potential participants and/or donors to get a feel for the organization and decide to enroll. From a business standpoint, videos help boost SEO, improve conversion, and time spent on a page, which can all help keep a business or nonprofit solvent.

Facilitate connections between members beyond community events:

This will give participants another excellent reason to join Running Start, stay motivated, and feel like they are part of a community.

Mobile App Design:

A mobile app would easily manage your progress, miles run, meetups, educational events, and forum discussions. This feature will distinguish Running Start from the competition and ensure success for years to come.

don't be shy, say hi! 👋🏼

© copyrights 'n stuff ➳ 2024 Joaquina

Thanks for looking!

You are awesome!

Let's do this!

don't be shy, say hi! 👋🏼

© copyrights 'n stuff ➳ 2024 Joaquina

Thanks for looking!

You are awesome!

Let's do this!

don't be shy, say hi! 👋🏼

© copyrights 'n stuff ➳ 2024 Joaquina

Thanks for looking!

You are awesome!

Let's do this!