Art Gallery App

MY ROLE

UX designer leading the app and responsive website design from conception to delivery.

RESPONSABILITIES

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.

THE PROBLEM

In Argentina, 40% of the population is poor, affecting mostly children. The strategy team at GiveHub has identified that most people are willing to help people in need, but face challenges in the donation process.

THE GOAL

Design an app that will make the process of donating goods to people in need, easy and effective.

Case Study

As a project in the Google UX Professional Certification, I developed an App to help people donate to those in need in their local community. I worked on the 5 stages of Design Thing: Empathize, Define, Ideate, Prototype, Test.

Project overview

GiveHub is an organization focused on helping people in need. The organization needs a tool to help people donate goods to people in their local community.
GiveHub's primary target users include adults who have goods they no longer use and want to give them to needy people.

Understanding the user

User research
arrow

I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was busy parents who have goods they no longer need and want to give them to people in need in their local community.

Persona: Emilia, Marketing Manager

“I want to inspire my children by making a meaningful impact in all areas of my life.”

AGE 41 | EDUCATION Bachelors’ Degree 
Hometown Córdoba, Argentina | Family: Married, 3 kids

GOALS
• Find a balance between her professional life and her responsibilities as a mother.
• Donate clothes, toys and other items that her kids don’t use anymore.
• Identify acceptable places to donate items.

FRUSTRATIONS
• Can't find acceptable places to donate items near her home.
• Items waiting to be donated take up valuable space in her home.
• TFinding time to sort through and donate items she and her family no longer need.

Emilia is a highly driven and accomplished marketing manager in a reputable company. She works diligently while actively striving to strike a balance between her demanding career and her fulfilling role as a mother. Emilia takes on professional challenges while being fully present for her family.
She is actively involved in her children's lives, attending school events, extracurricular activities, and dedicating her time to helping them with their homework. She understands the value of decluttering for a more organized and meaningful living space while making a positive impact on others through her donations.

Problem Statement

“Emilia is a busy working mom who needs an easy way for donating items her family no longer use because she wants to help needy families in her local community.”

Starting the design

Ideation process
arrow

I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on finding donation spots and the simplification of the donation process.

Digital wireframes 
arrow

After ideating and drafting some paper wireframes, I created the initial designs for the app. These designs focused on the process of creating a new donation.  

Low-fidelity prototype
arrow

The low-fidelity prototype shows the primary user flow of creating a new donation, so it could be used in a usability study with users. 

Create a new donation button in a visible position

Icons of goods that can be donated

Lo-fi Wireframes home

New donation progress bar

Navigation buttons

Lo-fi Wireframes exhibition

Usability study: findings

I conducted an unmoderated usability study with a lo-fi prototype to test the main features of the app.
The study included 5 participants and 5 different prompts.
Donation process

✔ The create donation process has too many steps.

Information

✔ Users want more information about the nonprofit organizations.

Donated items

✔ Users want to know when their donations reach the organizations.

Refining the design

Mockups
arrow

After the usability study, I made changes to the donation process. The steps were simplified so that the process wasn’t too long.

Lo-fi Wireframes home
Arrow
Lo-fi Wireframes exhibition

High-fidelity prototype

The final high-fidelity prototype met the need for a fast and easy donation process.
View the high-fidelity prototype
Hi-fi Prototype home Hi-fi Prototype home Hi-fi Prototype home Hi-fi Prototype home Hi-fi Prototype home Hi-fi Prototype home Hi-fi Prototype home Hi-fi Prototype home Hi-fi Prototype home

Accessibility considerations

01

All color contrasts were checked, to ensure an accessible contrast ratio.

02

Alt text for images and labels for interactive elements that can be read by screen readers.

03

Used icons to help make navigation easier.

Outcome

Impact
arrow

The app accomplishes the goal of offering a solution for the users, with a clear user flow and useful features.

arrow

One quote from user feedback: “It looks very simple and it is easy to understand.”

Next steps
arrow

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

arrow

Keep working on the other functionalities and sections of the app.

What I learned

During the process, I learned that iteration is key to achieving a tool that truly addresses important problems for communities. I also learned the value of listening to a diverse group of users, for a better understanding of the problems and the achievement of meaningful solutions.