top of page

volli:

reimagining a new way to volunteer 

a conceptual app based on community building and volunteering.

Screen Shot 2023-02-06 at 4.06.55 PM.png

roles
- ux/ui designer
- user research

time spent
- 2 weeks
- oct 2022

team
- tommy wu
- laura liu
- katerina balgurina

tools
- figma
- zeppelin
- keynote

- notion
- zoom

about
the
project 

volli is a conceptual mobile app that connects people with local businesses through volunteering. It differs from existing volunteering websites in that it benefits three parties; volunteers, local businesses, and recruiters.

volunteers will receive reviews from volunteering organizations, which will enhance their sense of accomplishment and connect them with others.

a reward system helps local businesses build positive brand associations within local communities.

additionally, recruiters will meet new volunteers and strengthen existing relationships.
 

 


ultimately, our goal was to help people discover their purpose through volunteering and become part of something greater than themselves.

the task

volli was a conceptual design project that our team was tasked with building over a two week time period, from ideation to hifi design.

initial
problem
statement:

“People want a more positive impact on their local communities but don’t know where to find these opportunities.”

our goal:

find out how people would like to get involved with volunteering and how we can/could reward them.

the team created this hypothesis after exploring different problems surrounding the current volunteering space and found that this was the most impactful issue to solve.

the solution

the team built a fully operational concept volunteering app over a two week period, including design ideation, testing, and reiterations.

 

here are some of the main screens of what we were able to build.

onboarding screens

Screen Shot 2023-02-06 at 5.49.24 PM.png

animated splash screen into a simple and streamlined onboarding.

main page

Screen Shot 2023-02-06 at 5.54.29 PM.png

event page

the main page features a helix layout showing recommended events, based on previous events you’ve attended and proximity to the user.



the event page has all of the information regarding the event, including a description, the ability to see who else is going, contact information, and the option to sign up for the event.

profile page

Screen Shot 2023-02-06 at 6.01.24 PM.png

rewards page

the profile page includes achievements for being apart of the community and tags to express certain interests that the user especially cares about.


the rewards page is where users can go to redeem rewards for volunteering via qr code.

calendar screen

Screen Shot 2023-02-06 at 6.15.13 PM.png

the calendar screen keeps a log of upcoming events the user has either bookmarked or has scheduled to attend in an organized menu.

map screen

Screen Shot 2023-02-06 at 6.21.57 PM.png

scheduled event

the map screen carries the same themes as the calendar screen but with a map view and a drop down list that updates to new locations as the map moves.

tapping on the month brings a weekly view with a daily schedule, highlighting events the user has marked as attending.
 

how
we got 
there...

1/2
research

competitive analysis

the team created a competitive analysis in order to map out where our volunteering platform stands in relation to competitors.


the team outlined five competitor companies, then listed 16 features to determine what features our direct competitors have.


our competitive analysis helped us understand features users could be benefit from having, and what features our competitors are missing.

takeaways

Screen Shot 2023-02-06 at 6.37.59 PM.png

screener survey

the team built a short survey to send out to potential interviewees to make sure that they qualify as potential participants.

we were searching for people who previously has volunteered and are willing to volunteer again.

 

takeaways

Screen Shot 2023-02-06 at 6.48.20 PM.png

user interview

to better understand our users needs before we start our design process, we conducted our user interviews.

the team created a discussion guide to provide structure for the interview, create a precedent for every interview, and allow for consistent data as every participant was asked the same set of questions.
 

takeaways

Screen Shot 2023-02-06 at 6.53.26 PM.png

affinity map

after conducting our user interviews, the team used an affinity map by using all the notes and transcripts from each participant.

affinity mapping gave us visualized insight into user behavior and what specific challenges our users face. we gathered qualitative information about users to organize ideas and synthesize data from interviews. finally, we combined similar ideas into insights to better understand our user needs.

takeaways

Screen Shot 2023-02-06 at 6.58.24 PM.png

persona

the team crafted a user persona from data synthesized directly from our interviews.

Screen Shot 2023-02-06 at 7.03.45 PM.png

she represents our quintessential user whose problems and challenges we seek to solve and helped guide us in our design process to meet the users expectations and provide the most seamless experience.

takeaways

Screen Shot 2023-02-06 at 7.06.16 PM.png

journey map

our goal in creating a journey map was to show the users experience without the platform. a journey map acts like a timeline and helps us visualize our persona’s process to achieve a specific goal.

It shows how the emotional state of the user changes through every phase. by doing that, we can see what our user needs and where the opportunities exist.
 

takeaways

Screen Shot 2023-02-06 at 7.16.11 PM.png

how 
we got 
there

2/2
design

product principles 

connectivity: volli is a platform that brings local
businesses, recruiters, and volunteers together.

sustainability: volli will allow people to create a more
positive impact on their local communities by making the
volunteering experience easy, exciting, and rewarding.

transparency: With volli, participants can also build
relationships by adding friends and posting reviews, photos, and videos about different kinds of events.

serve everyone: we encourage local businesses to
sponsor our events. our model is to promote local
businesses that love to help so our volunteers have a more substantial support system.

willingness to change: we believe no business is too
small, as no cause is too minor. through volli, we
can further connect great people with greater causes.

design system

Screen Shot 2023-02-06 at 7.36.13 PM.png

possible features list

our research gave us a solid foundation for our user needs. to better reflect our design goal, we discussed a few possible features we could include.

- calendar
- rsvp
- review system
- info on event
- profile
- user badges & accomplishments
- business badges & accomplishments
- friends list
- virtual v. in-person events
- guest list
- share through social
- map / distance / area selection
- filter selection by business type
- type of volunteering filter
- onboarding

- event photos
- reward / no reward information
- contact info for business
- event posts
- search event
- direct messaging
- bookmarked events

- recommended events
- training videos
- volunteer resources
- sponsors
- groups
- review business through yelp
- event stories

i know its a lot right now, but we narrowed it down to the good stuff...

mushcowo map

after we listed all the possible features, we conducted a design method called a mushcowo map

our team plotted the features we created on a map of four quadrants: must have, should have, could have, and won’t have

this helped us arrange the features we wanted to build by functions that can best serve our user goals.

design studio

the team started our design studio after we reached the same page about what features to build out.

a design studio is a way of generating ideas in a structured time frame leading to unbiased ideation, as each participant is free to share their ideas without knowing the others.


how we did it
the team set aside 20 minutes to separately draw out ideas for every major screen. after, we each presented and explained our designs, the rest of the team gave feedback as we went. the team then agreed on our favorite features on each page, and combined them to a finalized wireframe as a group.


what we learned
it was a great way for us to share our ideas in an organized way. each team member had very different ideas at first, drawing out very different looking screens. that were able to be merged into a shared design.

next steps

in the short term

- finish building events & filter system

- build friends list and direct message feature

in the long run

- conduct user research with local business owners

bottom of page