Voluntr Application Design

Final Completion Of the MSIB Project

Project Summary

This project is the development of a user interface (UI) and user experience (UX) for the Voluntr (Volunteer) application design, and this is the final project from the MSIB startup campus.

Names of group members participating in the project:

1. Nabila Anastasya — Project manager
2. Siti Rohmah — UI Design
3. Siti Hernawati — UI Design
4. Rachma Aulia Firdiana — UX Research
5. Risky Rahmat — UX Writer

Project Objectives

The main of this project is to help make it easier for users to find vacancies to become volunteers. By creating this application it will be easier for users to find and register the volunteers they want. Apart from being a volunteer, this application can also look for volunteers or create an organization, Voluntr can look for volunteers and become a volunteer.

Target Aolication Users

1. Students: They will look for those who need volunteers, and that has become a student activity, lots of students take part in volunteer activities, and this application was created as a forum.
2. Students: Not only students, many students also take part in volunteer activities, that’s why this application was created to make it easier for them to access these activities.
3. General: Many members of the general public take part in volunteer activities
4. Organization: why is the organization a target? because they can create a volunteer organization, or look for volunteers in this application, so they can use the volunteer application to look for volunteers and register the organization.

Lo-Fi Or Wireframe

wireframe is a framework or raw sketch created to design the basic layout and structure before being made into a UI Design (mockup). Creating this wireframe helps in focusing on the functionality and arrangement of elements without the distraction of a complex visual design.

Hi-Fi or Mockups

This mockup was created to better see the original image of an application, in terms of visuals, including colors, buttons, typography, icons and others. So this can attract the user’s attention.

Brand Identity & Design System

Research Plan

User Persona

Journey Map

Effort Impact

User Flow

User flows are designed to help users achieve specific goals in the user experience. The goal of user flow is to provide clear and intuitive guidance to users so they can easily navigate and use the product or service. Here are some goals of user flows.

Here are some goals of user flow:

1. Improve User Experience
   2. Reduce User Errors
   3. Increase User Retention
   4. Increase Conversions
   5. Understand User Needs
   6. Increase User Engagement
   7. Facilitate Measurement and Analysis

Site Map

Hope and Colculsion

1. Makes it easier for users to become volunteers.
2. Makes it easier for users to access to find volunteers.
3. Makes it easier for users to create organizations that will look for volunteers.