Robin's Initiative- Website Design

UX Design

CLIENT
Robin's initiative
PROJECT TYPE
UX Design
PROJECT YEAR
2021
VIEW PROJECT

Project overview:

The website connects the dot between contributors and the distributors by providing transparent details about the charity and their end goal. The site also lets contributors to select the organization for specific cause or special region

The Problem:

Many organisations claim they help the needy but they are not truthful towards the end goal. Also the process between the contributors and distributors is not transparent

The Goal:

Design a website for Robin’s initiative that allows users to easily donate with easy steps through onlineDesign a responsive website for charity that allows users to easily donate, receive & volunteer with easy steps through online.

My role:

UX designer designing a website for Robin’s initiative from conception to donation

Responsibilities:

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

Understanding the user

● User research ● Personas ● Problem statements ● User journey maps

User research: Summary

●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 active philanthropists who donates for good cause and welfare of others.

● This user group confirmed initial assumptions about Robin’s initiative website users, but research also revealed that time was not the only factor limiting users from donating. Other user problems included obligations, interests, or challenges that make it difficult to trust the organization.

User research: Pain points

Persona:  Ankita

Problem statement:

Ankita is a busy working adult who needs easy saree ordering options because
they have no time for shopping outside their home

Starting the design

● Paper wireframes ● Digital wireframes ● Low-fidelity prototype ● Usability studies

Digital wireframes

As the initial design phase continued, I made sure to
base screen designs on feedback and findings from
the user research.

Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.

Low-fidelity prototype

Using the completed set of digital wireframes, I created a
low-fidelity prototype.
 The primary user flow I connected was building and make donations,
so the prototype could be used in a usability study.

Usability study: findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups.
The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Refining the design

● Mockups ● High-fidelity prototype ● Accessibility

Mockups

Early designs allowed for
some customization,
but after the usability studies,
I added additional options to
navigate through the app menu.
I also revised the design
so users see all the
customization options when
they first land on the screen.

The second usability study
revealed frustration with
the form filling.
To streamline this flow,
I added one simple
form filling screen.

Key mockups

High-fidelity prototype

The final high-fidelity
prototype presented
cleaner user flows
for organization
information and
money transfer.
It also meet user
needs for more
customization.

Accessibility considerations

Going forward

● Takeaways ● Next steps

Takeaways

Next steps

Let's work together!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.