NEW HOPE COMMUNITY BIKE
NEW HOPE COMMUNITY BIKE
NEW HOPE COMMUNITY BIKE
Website Re-design
Overview:
Modern redesign of a nonprofit organization’s website to amplify its mission, engage donors, and improve access to resources for the community it serves.
Role: UX Researcher, UX/UI designer
Toolkit: FigJam, Figma, Google Docs, Google slides
UX Research
Project Overview
The Problem
New Hope Community Bikes aims to help make cycling more accessible through safe cycling education, affordable bike repair services, and programming for all ages. We have observed that our organization’s website does not effectively communicate the community programming aspect of our organization. How might we improve our organization’s website so that we can reach more beneficiaries with our programs?
The Solution
New Hope Community Bikes contributes to the development of a sense of community by serving as a cycling education hub and providing programming, events, and repair services to people of all ages. We believe that by improving the website to bridge the gap between user needs and values of the organization, we will be able to reach more people through our programs, meet their service and repair needs, and achieve long-term sustainable goals.
Research Process
Research Methodology:
Survey questionnaire
- Create a user survey using Google Forms
- Distribute a survey to possible participants
- Conduct user Surveys and collect data
- Create charts using data results
One-on-one interviews with 5 users
- Prepare the Interview Script for the questions
- Conduct a total of 5 user interviews & record the answers.
- Create user interview insight and an Affinity Map
- Compile work into a User Persona
Interview with stakeholder
- Draft email script for potential stakeholder
- Send a final draft email to stakeholder
- Continued correspondence
- Summarize goals and challenges
RESEARCH QUESTIONS:
– How can we improve navigation for users?
– How will we be different from the crowd?
– Beyond the basics, how else can we assist users?
– How will we reach potential users?
– How to effectively provide users knowledge about tthe organization?
– What is the website missing?
– What kinds of users are we looking to assist?
Goal: Understand user knowledge about the various tools offered on the New Hope Community Bike website.
UX Design
User Persona
Story Board
UI Design
Competitor Analysis
Gain further insight on possible competition within the non-profit cycling space within Canada and regionally
Heuristic Analysis
Latch Principals
Definition: Organizing Scheme includes location, alphabet, time, category, hierarchy.
Objective: Understand the current structure and organization scheme of the New Hope Community Bikes website.
Site Map
All important pages of the site are kept for easier navigation and finding necessary information. All primary and secondary and, some tertiary page of the website.
User Flow
Wireframes
Lo-fi clickable wireframe
Objective: using the layouts that were defined while paper prototyping, a lo-fi wireframe was created, while making changes to the design where necessary.
Usability Testing
Main Objective: identify any issues users may encounter while navigating the website using the main menu.
Other Goals: identify any other pain points related to layout or design that users encounter.
Feedback for iterations
Main Objective: gain insight on whether users can easily identify information they require while navigating pages.
Other Goals: identify any other possible pain points.
High Fidelity UI Prototype
Hi-fi Wireframe 1
Hi-fi Wireframe 2
Hi-Fi Prototype Final Product
Objective: Using the previous iteration of the Hi-fi prototype as a base changes were made based on feedback from user testing.
