Be Kind

UX – UI

A social work app to ease the burden of a district’s community needs in different categories

Date

December 2021 – February 2022

Role

Lead UX Designer

Responsabilities

User Research, Sketching, Wireframing, Prototyping

Audience

Anyone Over 18

Overview

The Problem. The mayors of large communities with few resources have problems dealing with most cases. Moreover, the projects of nonprofit organizations or social groups are stopped because the volunteers do not commit until the end.

The Goal: Reduce volunteer engagement issues by providing applicable recognition on their social media.

Understanding
the User

User Research
Personas
Problem Statements
Competitive Audit
Ideation

User Research: Summary

Based on the common problems reported by the municipality, as well as some social work coordinators, carry out a study to find the main problems and how they could be solved through a mobile tool. The main problem is the lack of commitment to community work, this is also affected by a lack of organization for collecting donations and the steps to achieve the goal.

Volunteers said they would get more involved if there was something that motivates them and reminds them of their involvement to certain activity. While social workers would like a simple event management tool.

Persona 1: Rebecca

Problem Statement

Rebecca is a social worker who needs a way for the volunteers to become more involved because otherwise she must do some of the work that they did not do.

Persona 2: Jauja

Problem Statement

Jauja is a representative of a community and a Tailor who needs help to develop projects in favor of her community because they don’t live in good conditions.

Competitive Audit

An audit of some competitors provided directions on gaps and opportunities to address with the Be Kind App.

Ideation

My ideation to address some of the gaps identified in the competitive audit is shown in the image.

Starting the
Design

Digital Wireframes
Low Fidelity Prototype
Usability Studies

Digital Wireframes

After ideating and drafting some paper wireframes, I created the initial design for Be Kind – Social Work App.
These designs focused on create projects, participate on projects and share with the community their progress thanks to a reward system.

Low Fidelity
Prototype

To prepare for usability testing, I created a low fidelity prototype that connected the user flow with the 3 main tasks: Create a Project, Donate and Participate on a Project.

Usability Study: Parameters

Study Type

Unmoderated Usability Study

Participants

4 participants

Location

Peru, remote

Length

3.5 mins per person – 30 min

Usability Study: Findings

Privacy

People want to choose what info can be showed

Donations

People want more ways to donate not just money

Guide

People would like guidance through the app

Refining the
Design

Mockups
High Fidelity Prototype
Accessibility

Mockups

Based on the insight from the usability studies. I have applied some designs so that it is not necessary to fill out some fields for volunteers or people who donate, I have also added a feature to donate also with tangible things and a user guide link.

Mockups

Mockups for Participate on a Project

High Fidelity
Prototype

The high fidelity prototype followed basically the same user flow as the low fidelity prototype, including design changes made after the usability study and some other features to help understand better the app features

Accessibility Considerations

Dark Mode

For people who has sensibility to the light, there’s a way to change to a darker display.

Text Height

I have implement different kind of text height so the people with vision problems can read the features and info better.

Sound

Sounds for notifications, new chats, tapping twice to read the features and use Ok Google to help people with interact in a different way with the app, giving a different solution.

Responsive Design

Information Architecture
Responsive Design

Sitemap

The basic goal of the Site Map for tablets and laptops is to offer information about the organization, delve into the objectives of the application and the web, as well as to get to know the team more closely and to be able to make donations to the team, in addition to being able to know the ways they can support the organization.

Responsive Designs

My goal was to separate the main ideas. So in the tablet and desktop version you will find info about the organization who creates the app and how you can help. And the app is directly to develop projects and participate in volunteer works.

Going Forward

Takeaways
Next Steps

Next Steps

Add more resources in order to guide the volunteers, the project developers, influencers and businesses.

Develop the basic system behind the app to help common people developing a project on an easy way

Improve the accessibility functions, since the app target help everyone, everyone should be use it easily.

Takeaways

Impact:
Ithe features solve most of the problem intended in a project participation and give the chance to a community to solve the problems without the need of the district major.

What I learned:
This project has shown me a different way of improvement thanks to second or third views and how it can become better from the first ideation.

Let's Connect

Thank you for your time reviewing my work on the Be Kind – Social Work App, if you’d like to see more or would like to get in touch, my contact information is provided below.

Email: [email protected]

Behance: https://www.behance.net/svenangeles
web: www.svenangeles.com