Voluntopia

A digital rewards app designed to help busy professionals integrate volunteer work into their demanding schedules
Project Date | 2020
 
Platform Mobile Web App
Design Tools Sketch, Illustrator, InVision
 
My Role UI Designer
 
 

PROJECT

BRIEF

What
 
Why
 
How
Objective

Build a volunteer-facing website that evokes positive emotions towards volunteering and encourages users to get involved.

 

DESIGN

PROCESS

STARTING WITH THE BASICS

Brand Exploration

Brand Principles
Target Users
Visual Competitive Analysis
Style Tile
Logo
 

VCA Findings

Display titles in complete form and create a layout that retains user's attention

 ✅

Use color to differentiate between categories of volunteering


Apply logical hierarchy to guide the user through to their goal

 
STYLE TILE

Professional yet engaging, fun yet polished

Iconography & Friendly Rectangles

 

VOLUNTOPIA OR BUST 

Illustrations

Brand principles

Current trends

Cohesive

 

Wireframe illustration

My illustration

 

Wireframe of the virtual city

 

My illustration of the virtual city

 
LOGO
 

FLESH IT OUT

Hi-fidelity Mockups

& Iterations

 
NAVIGATION BAR

Before iteration

Final mockup

 
COLOR CATEGORIES

Task flow wireframes

Mockup drafts

Final mockups

 
THSWOOP
 
PROTOTYPE
 

LONG LIVE VOLUNTOPIA

Marketing Website

& Style Guide

MARKETING WEBSITE
 
STYLE GUIDE
 

FINAL

THOUGHTS

 

Thank you!

Special thanks to:

Design Instructors Julia & Robbin,

Justin,

the WeWork staff,

...and my Emery warriors.

jasminalconcher.com

jasmin.uidesign@gmail.com

linkedin.com/in/jasmin-alconcher

.