HeartB

HeartB is an NGO dedicated to creating a platform where users facing human rights issues can connect with others who want to support or provide solutions. The platform encourages community-driven solutions by categorizing users as "changemakers" (those experiencing the issue) and "changesupporters" (those supporting the issue).
Project Objective: HeartB already had a desktop platform but recognized the need for a mobile-friendly version to increase accessibility and engagement. The goal was to design a seamless, user-friendly mobile experience to make it easier for users all over the world to connect and collaborate on pressing social issues from their mobile devices.

PROBLEM

APPROACH

Click here to read more
Click here to read more
Click here to read more

OUTPUT

Tools

Figma

Canva

OpenAI

Vectors

Styleguide

Header

Title

Paragraph

After presenting the client with the 3 options, we agreed on a mix of designs with a focus on the minimal framework. This version was better suited for the target audience accessibility in mind. With the go-ahead, I started working on the wireframe's, flows, followed by the final design.

Get help: Flow and Mockup

Get help
1. Get help
2. Select what help
3. Write
4. Submit
The Get Help flow consists of 4 steps: 1. Select help. 2. Select topic. 3. Provide input. 4. Submit. At step 3, providing input, some additional features were added such as the option for the user to add a photo iwth the issue. I also deviced a way the user to label or "tag" the issue with what the actual practical need is. This can vary from "money", "resources", "awareness" etc. This way, user's that want to help can filter issues in their country on what they are able to provide. For example, if someone is working in media they might be able to help with raising awareness for the issue. Thus they can filter on the tag "awareness". There was also a need for user's to either create a profile, or be anonymous.

Give help: Flow and Mockup

Give help
1. Select
"Give help"
2. Choose
a region
3. Choose
a help topic
4. Submit
The Give Help flow enables users to filter by continents and countries, followed by the basic human rights principles. Once the country is selected, a dropdown shows all the issues from the region, sorted on the most upvoted issue by users. The user will also be able to see new issues that were raised and which ones are resolved. The details of the selected issue includes the backstory, the tags and the user who raised it. The user can provide a new solution, see and vote for the provided solutions, and engage with other users in the comment section.

Additional features

Voting

The voting system is inspired by Producthunt and allows user's to vote on the issues they deem most urgent and show their support. This is also a helpful feature for governments and NGO's to be able to analyse which issues are most pressing in their countries.
Furthermore, users can vote for the best solution provided for an issue. If a user post a comment that is a possible solution to the issue, this can also be upvoted by the other users.

Experts and Community

Experts

Community

Just like "top contributors" on social media, the app will allow users to create a profile and list themselves as an "expert". If someone is working in water management or simply has access to an overflow of water supplies, they can tag themselves as experts in "water", or even multiple tags.
Once a user has filled out the form to raise an issue, they optionally "find experts in their area". The app automatically filters the experts on what the user has filled out, like tags and the area. Once they find a suitable and available expert, they can send a connect request with a message to the expert who will be notified. The expert can connect itself to the issue to be notified with any developments.
To further engage users, I added community features on the app design. Users can create there own communities, based on anything such as their regions or expertise. To continue on the water expert example, the user can join a community of other water experts all over the world to connect and learn about how other water related issues are being solved in their countries.
The user's profile includes an overview of the issues raised, solutions given and communities they are a member of. The communities allows user's to get a quick overview of what their expertise is, like the example seen in the flow above.
Home
About me
Made in Webflow