Overview
Designing an inclusive experience for high school students looking for opportunities to fulfill community service hours or volunteer to help their local community, no matter their background or ability.
Hackathon Project
Adobe Creative Jam
Role
UX/UI Designer — Research, Sketch & Wireframe, UI Design, Prototyping
Year
2022
Identifying the user
A survey was sent to high school students to gauge student access to technology and information as well as existing volunteer experience.
User Personas
-
![]()
“I need to complete 100 hrs of volunteer work so that I can apply to my dream college and I don't know where to start.”
Student, 16
-
![]()
“When students go out for volunteer opportunities, we need to monitor everyone’s progress. It can get tough trying to keep track of every student.”
Teacher
-
![]()
"When it comes to coordinating with schools to give back to the community, some of our systems are so outdated that opportunities far through the cracks."
Volunteer
How might we provide a platform that connects students, schools, and organizations to promote volunteer work and community service opportunities?
Competitive Analysis
MobileServe is an app that measures social impact of an individual or organization.
Target audience: Companies, Non-profit organizations, Colleges & Universities
Reports and measures social services
Leverages users' personal networks to promote organizations and causes
Aggregates data into infographics and images to share and promote activity
Youth Volunteer Guidebook is an app that allows users to find active volunteer opportunities in their community.
Target audience: Users based in Westchester, Rockland, and Putnam counties in New York
Age-specific volunteer requirements
Explore content including videos, articles, advice, volunteer resources, and interviews
Users can organize their own local collection drive that supports a cause
Design
Visual accessibility
One step toward designing for inclusivity includes WCAG compliance, ensuring legibility of text and clear layouts.
Green was chosen as a primary color to represent growth, harmony, and generosity.
Onboarding screens
Options to link social media accounts to encourage sharing volunteer activities and promote causes
Customize interests to refine recommended opportunities
Implementation of points system as incentive
Profile page
User information
Service hours accrued
Points earned from service activities
Volunteer history
Check-in feature
QR Code associated with each user for ease of access to profile
Volunteer activity details—location, date, hours served
Signature requirement to authorize and confirm volunteer service
Email requirement as confirmation and record of volunteer service
Points gained from activity
Share option to promote organization and opportunity
User flow
This flow for new users considers the 3 different types of users—student, teacher, organization.
