top of page

Voluntopia 

Voluntopia is an aggregates micro-volunteering services to incentive time-strapped users. To continue engaging in volunteer opportunities by being able to unlock more and more features as they volunteer.

ROLE

​

UI Designer

TOOL​

​

Sketch

Illustrator

Photoshop

DURATION​

​

4 weeks with 4 sprints

About the Project

I had told to be assigned to work as a UI designer. The company has done their wireframes by previous UX designers. My responsibility is to apply a better visual interface and a comfortable user experience.

Challenge

My task was to build a volunteer-facing mobile app that encourages users to get involved and evokes positive emotions towards volunteering. The app needs to include an incentive structure, micro-interactions/animations to engage users, and a clear navigation path for users to find, review, and complete micro-volunteering tasks.

Persona

Screen Shot 2020-05-05 at 6.42.15 PM.png

Jessica Lane

Frustration

She doesn't feel reliable when using the volunteer app and felt underutilized in her previous role as a volunteer.

Influence

She wants to help with the community with her ability. She hopes to bring the impact that can affect people  who also want to help others.

User Interview

We received insights from the participants after having an interview.

undraw_recording_lywr.png

Key insight

Users expected to see more color palettes in the design.

Key Quote

"Add a filter on the home page that will help the user to find their interest with ease".

Key Finding

Accessibility navigation could make users feel comfortable using the app.

Design Principles

Mood Board

Colors/Font

Avenir font.png
Color palette.png

OnBoard Screen

Screen in one.png
Civic Center C.gif

Home Page

The City Map

In this City page, users can use the search bar to search volunteers or tap the filter to find their interest nearest they area.

Users can also switch the light between dark mode with button.

Friend Invite.gif

Invite Friend

In these screens users can invite their friends to join the group.

Friend Activity

Profile.gif

Profile

Check Your Status

User can check their volunteering process on their profile page. In order to receive a badge, each task must be completed at 100%.

bottom of page