Haki Hub

Background
Haki Hub is a social impact application aimed at promoting social change. It provides a platform for individuals and organizations to engage in social justice initiatives, access resources, and connect with like-minded entities.

Purpose
The app's primary goal is to create a community focused on social justice, human rights, and equitable change.

Year

2024

Tools

Figma, FigJam, Miro

Project Type

UX, UI, Product Design

Role

Lead UX/UI Designer

Overview

A platform connecting activists with resources and opportunities to promote social justice

Haki Hub is a social impact application designed to foster social change by providing a comprehensive platform for individuals and organizations to engage in social justice initiatives. The app features a resource library, community forums, event calendars, volunteer matching services, and a showcase of success stories, all aimed at centralizing and amplifying efforts for social justice and human rights.

Opportunity

The fragmented landscape of social justice efforts often leads to inefficiencies and a lack of coordinated action. There's a need for a centralized platform where individuals and organizations can access resources, connect with like-minded activists, and effectively mobilize for social change.

Solution

Haki Hub addresses this opportunity by:
1. Centralizing Resources: Offering a comprehensive library of educational materials and toolkits.
2. Facilitating Connections: Providing community forums, event calendars, and volunteer matching services.
3. Showcasing Success: Highlighting successful initiatives to inspire and guide users.
4. Continuous Improvement: Regular updates and enhancements based on user feedback and emerging needs.

What Problem Am I Trying To Solve?

The problem I aim to solve is addressing the fragmentation and inefficiencies in social justice efforts.

Why Is This Problem Important?

This problem is critical because fragmented social justice efforts hinder the overall impact and progress of initiatives aimed at creating a more just and equitable society.

Understand

Research

Goals

1. Centralize Resources: One-stop access to social justice information.
2. Build Community: Foster collaboration among activists and organizations.
3. Educate: Increase awareness of social justice issues.
4. Mobilize Volunteers: Streamline connections between volunteers and organizations.
5. Share Success Stories: Inspire action through shared experiences.

Methodologies

1. User Interviews: Conduct in-depth discussions with potential users to gather qualitative insights.
2. Surveys: Distribute questionnaires to quantify user needs and preferences.
3. Competitor Analysis: Review existing platforms to identify gaps and inform feature development.
4. Usability Testing: Implement testing sessions to gather feedback on app design and functionality.
5. Iterative Design: Use an agile development approach to continuously refine features based on user feedback.

Key Takeaways
01

Users seek a centralized platform for social justice resources and community engagement.

02

Iterative design based on user feedback is essential for creating an effective and user-friendly app.

03

Usability testing ensures the app is intuitive and accessible for users of all backgrounds.

04

Educational content and volunteer mobilization are crucial for driving awareness and action.

05

Competitor analysis helps identify gaps in the market and informs feature prioritization.

06

Agile development allows for quick iterations and adaptations based on evolving user needs.

Design Process

The iterative design process for Haki Hub prioritizes user needs. It begins with gathering insights through interviews and surveys, followed by wireframing and prototyping. Continuous usability testing and feedback refinement ensure the app remains intuitive and effective for promoting social justice.

Define

Persona Development

Persona development is a crucial part of my design process. It involves creating detailed profiles of the target users, helping me design an application that aligns with their real needs and preferences. These personas ensure a user-centered approach, resulting in a more effective and user-friendly solution.

Ideate

Creating the Framework

Ideation

In my ideation process, I utilize a range of essential tools and methodologies to bring my vision for the Haki Hub App to life.

User Flow

Mapping out user flows is a crucial part of my ideation process. It allows me to define the paths users will take within the application, ensuring that they can accomplish their goals with ease. User flows help me anticipate potential bottlenecks and make informed decisions about the placement of key features.

Sketches

Low Fidelity Wireframes

My low-fidelity prototypes are the first visual representations of my design concepts. These sketches and wireframes help me establish the fundamental structure and user flow of the application. By creating low-fidelity versions, I can quickly experiment with different design ideas, validate them with users, and refine my approach.

Iterations

Testing

Usability Testing

Usability testing is an integral part of my design and development process for the Haki Hub App.
My approach includes:
1. Selecting diverse participants to cover various user perspectives.
2. Setting clear testing objectives to evaluate specific app aspects.
3. Creating realistic scenarios and tasks for real-world usage simulation.
4. Gathering candid user feedback during app interaction.
5. Applying feedback for iterative design, ensuring ongoing improvements.
6. Making data-driven design decisions based on usability testing insights.

Results

1. Efficiency and Effectiveness: Ensuring tasks are easy to complete with minimal friction.
2. User Satisfaction: Guiding the app's enjoyability through direct feedback.
3. Iterative Improvement: Fostering continuous refinement based on user insights.
4. Data-Driven Decision Making: Empowering informed design choices grounded in user data.

UI Kit

Style Tiles

Style Tiles

For Haki Hub, I've chosen Outfit font and a vibrant green color (hex 2BCB9A). Montserrat enhances readability, making our message clear. The lively color palette fosters an engaging learning environment, instilling motivation and excitement. This combination optimizes Haki Hub's visual identity, welcoming users into a dynamic world of activism.

Solution

Centralizing social justice efforts

Haki Hub fosters a community focused on social justice, human rights, and equitable change, empowering users to take action and collaborate on initiatives that drive social impact.

More Case Studies