Serenity: An app to help

cities affected by poverty

Rishajit Prakash
Project overview

The product:
Serenity is an NGO that helps cities affected by
poverty through their charity drives

Project duration:
2 weeks
Project overview

The problem: The goal:

Cities affected by poverty are never given Design an app that will help Serenity help cities
enough attention due to other ongoing world affected by poverty through Charity Drives
events.
Project overview
My role:
UX designer leading the app and responsive
website design from conception to delivery
Responsibilities:
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.
 ● User research
Understanding ● Personas

the user ● Problem statements

● Competitive audit
● Ideation
User research: summary

I used Serenity’s data to develop interview questions, which were then used to conduct user
interviews. Most interview participants reported feeling bad about poverty affected cities, but they
didn’t actively try to donate towards their causes. The feedback received through research made it
very clear that users would be open and willing to work towards poverty-stricken cities if they had
access to an easy-to-use tool to help guide them.
Persona 1: Thierry
Problem statement:
Truman is a working
professional who has
trouble finding charity
drives with a seamless
user experience.
Competitive audit

An audit of a few
competitor’s
products provided
direction on gaps
and opportunities
to address with the
Serenity app.
Ideation

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 Charity
Drives
 ● Digital wireframes
Starting ● Low-fidelity prototype

the design ● Usability studies

Digital wireframes

After ideating and drafting

some paper wireframes, I
created the initial designs
for the Serenity app
These designs focused on
delivering insight into the
organization
Low-fidelity prototype

To prepare for usability testing, I

created a low-fidelity prototype
that connected the user flow of
viewing charity drives and making
donations

View Serenity Low-Fidelity

Prototype
Usability study: parameters

Study type: Location:

Unmoderated usability study Australia, remote

Participants: Length:
7 participants 30-60 minutes
Usability study: findings

These were the main findings uncovered by the usability study:

1 2 3
Recipes Add food Expiration dates

People want easy access People had difficulty People preferred clear
to recipes that specifically adding new food items to indications of when food
use the food they already the app. items would expire.
own.
 Mockups
Refining
●
● High-fidelity prototype
the design ● Accessibility
Mockups
Before usability study After usability study

Based on the insights from

the usability studies, I
applied design changes like
a search as well as filter
option. Mockup 1 Mockup 1
before after
Mockups
Before usability study After usability study

Additional design changes

included adding an option
to donate anonymously

Mockup 2 Mockup 2
before after
Mockups
High-fidelity prototype

The high-fidelity prototype

followed the same user flow as
the low-fidelity prototype,
including design changes made
after the usability study.
View the Serenity High-Fidelity
Prototype
Accessibility considerations

1 2

Clear labels for interactive Initial focus of the home

elements that can be read screen to give an
by screen readers. introduction to the
organization’s goals
 ● Information architecture
Responsive Design ● Responsive design
Sitemap

With the app designs

completed, I started work
on designing the responsive
website. I used the Food
Saver sitemap to guide the
organizational structure of
each screen’s design to
ensure a cohesive and
consistent experience
across devices.
Responsive designs

The designs for screen

size variation included
mobile and desktop. I
optimized the designs
to fit specific user
needs of each device
and screen size.
 ● Takeaways
Going forward ● Next steps
Takeaways
Impact:
Users shared that the app made food waste
seem like something they could actually help
reduce. One quote from peer feedback was
that “the Serenity App helps bring caring about
the environment to a personal level in a way
that’s easy and engaging.”
What I learned:
I learned that even though the problem I was
trying to solve was a big one, diligently going
through each step of the design process and
aligning with specific user needs helped me
come up with solutions that were both feasible
and useful.
Next steps

1 2 3

Conduct research on how Add more educational Provide incentives and

successful the app is in resources for users to rewards to users for
reaching charity drive learn about successfully donating over
goals poverty-stricken cities a certain amount
Let’s connect!

Thank you for your time reviewing my work on the Serenity app! If you’d like to see more or would
like to get in touch, my contact information is provided below.

Email: rishajitp@gmail.com