Voluntopia Mobile App

Challenge

Voluntopia aims to inspire users to invest in their communities through volunteer work. The goal is to increase ease of access as well as motivation through social gamification of micro-volunteering. Micro-volunteering is small acts you can do that take just a few minutes but when combined with everyone else's small acts, make a big difference. Voluntopia recognizes that people are busy, objectively and subjectively, which is a primary reason people site for not volunteering. However, by tapping into the societal addiction to both social media and digital gaming, we can create a product that makes volunteering quick, easy, and enjoyable.

Ask

Design a visual identity for the mobile app, Voluntopia, and use the provided wireframes to create high-fidelity mockups of the platform. Put together a detailed style guide to hand-off to the client along with the mockups.

Role

  • UI/UX Designer

Client

  • Student project

Year

  • 2019

// UX wireframes... //

// Exploring styles... //

"explore" mood board
"explore" style tile
"build" mood board
"build" style tile
"play" mood board
"play" style tile

// Applying style to function... //

High fidelity mockups of key screens v1

profile
friends
world

High fidelity mockups of key screens v1

profile
friends
world

// Final high-fidelity mockups... //

sign up & Onboarding

sign up prompt
onboarding carousel
onboarding carousel
onboarding carousel
onboarding carousel

Exploring your world before & after completing a task

World view
task follow-up
task follow up response
post-task growth feedback

Choosing & completing a microvolunteering task

Choosing a task
choosing a location
task instructions
task prompt
task response

Expanding your world & checking friend activity

Friends tool tip
add friends
friend added
connected worlds
friends' activity

checking your progress on your profile

profile
Progress detail

// Design System manual... //