Human Agenda

Increase conversion rate of Donations by 42%

Increase conversion rate of Donations by 42%

Increase conversion rate of Donations by 42%

Workflow

Research Interviews

Synthesis

Design

Usability testing

Team

Vidushi Bissa (UX Designer)

Dr Sharat Lin (Project Manager)

Time

2023

6 Months

Deliverables

Research Interviews

Synthesis

Design

Usability testing

Workflow

Research Interviews

Synthesis

Design

Usability testing

Team

Vidushi Bissa (UX Designer)

Dr Sharat Lin (Project Manager)

Time

2023

6 Months

Deliverables

Research Interviews

Synthesis

Design

Usability testing

Workflow

Research Interviews

Synthesis

Design

Usability testing

Team

Vidushi Bissa (UX Designer)

Dr Sharat Lin (Project Manager)

Time

2023

6 Months

Deliverables

Research Interviews

Synthesis

Design

Usability testing

Metrics

Business

42.1%

Conversion rate of Donate Button

Users

17%

Exit rate

Metrics

Business

42.1%

Conversion rate of Donate Button

Users

17%

Exit rate

Before

Content heavy and overwhelming

Human Agenda's Old Website
Human Agenda's Old Website
Human Agenda's Old Website

After

Content chunked and accessible

Human Agenda's website after redesign
Human Agenda's website after redesign
Human Agenda's website after redesign

Immigrants need reliable immigration services- Introducing Human Agenda

Human Agenda is an organization dedicated to providing no-cost immigration consultations and educational resources to low-income immigrants. CLARO is a democratically run organization within Human Agenda that provides free and low-cost legal services to low-income immigrants.

Human Agenda is on a noble mission, but its existing website is very static and inaccessible. This makes it challenging for users to retrieve the information they need as well as for the organization to update the content on their website.

Human Agenda is an organization dedicated to providing no-cost immigration consultations and educational resources to low-income immigrants. CLARO is a democratically run organization within Human Agenda that provides free and low-cost legal services to low-income immigrants.

Human Agenda is on a noble mission, but its existing website is very static and inaccessible. This makes it challenging for users to retrieve the information they need as well as for the organization to update the content on their website.

Human Agenda is an organization dedicated to providing no-cost immigration consultations and educational resources to low-income immigrants. CLARO is a democratically run organization within Human Agenda that provides free and low-cost legal services to low-income immigrants.

Human Agenda is on a noble mission, but its existing website is very static and inaccessible. This makes it challenging for users to retrieve the information they need as well as for the organization to update the content on their website.

“Human Agenda's existing website looks like a pdf document.”
“Human Agenda's existing website looks like a pdf document.”

Human Agenda's mailing list subscriber

Problem

Problem

Human Agenda's website needs revamp to aid immigrants in accessing affordable legal and community support, aligning with their mission to provide quality immigration services for all.

Human Agenda's website needs revamp to aid immigrants in accessing affordable legal and community support, aligning with their mission to provide quality immigration services for all.

Key issues prompting website redesign

Key issues prompting website redesign

Based on user feedback and UX audit on the existing website,
I listed down major key issues that were making the website inaccessible for the users.

In my redesign initiative, I made sure to address these components while preserving the fundamental principles at the heart of Human Agenda.

Inaccessibility of information

Inaccessibility of information

Poor website navigation

Poor website navigation

Lack of visibility of offered services

Lack of visibility of offered services

Manual booking and engagement processes

Manual booking and engagement processes

The Challenge- Bridging the gap between the business goals and user needs

Before working on the website’s design, I wanted to dive into the business needs and expectations early. Since the organization handles sensitive legal information of the users, I could not conduct the in-depth user research I wanted to.

Research was focused on understanding the stakeholders and their requirements from the new website.

Advocated the UX design process to stakeholders

UX Audit on the existing website

UX Audit on the existing website

Stakeholder Interviews

Stakeholder Interviews

Competitive Analysis

Team Meeting

Syncing with Project Manager

Prioritizing Features

Goals

Identifying Priority Goals

Identifying Priority Goals

After gaining comprehensive understanding of the business I identified three primary goals.

These goals emerged as significant pain points for both users and the business.

I decided to prioritize these three flows as the initial focus of efforts

#1

#1

Make it easy for the users (low-income immigrants) to discover and use organization’s legal services

Make it easy for the users (low-income immigrants) to discover and use organization’s legal services

#2

#2

Make it easy for the organization to add or update content and better organize the existing content by improved user flows

Make it easy for the organization to add or update content and better organize the existing content by improved user flows

#3

#3

Increase source of funding for the organization by easier user donations and building stronger trust with financing corporations

Increase source of funding for the organization by easier user donations and building stronger trust with financing corporations

Reassess Information Architecture - New navigation system and content design

I conducted a comprehensive assessment of the website's Information Architecture. The new Information Architecture is designed to match users expectations and business goals:

  1. For users: It minimizes the cognitive load that users feel while visiting the website and helps them in achieving their goals with ease.

  2. For business: It increases the user conversion rate, by keeping the website’s visitors engaged with the content.

Sitemap with different iterations

Do our labels make sense?

71%

users found these labels intuitive and were able to locate the direct corresponding actions.

Are the users having difficulty in finding tasks?

17/30

users find it very difficult to locate the upcoming events.This indicates that there may be usability issue and required a fix.

Can the users easily navigate through the sitemap?

77%

users were easily able to navigate through the website’s site map.

Initial sketches helped me in connecting site’s IA to its visual design by showing path between pages

Initial sketches

Solutions for preset goals - Final Designs

#1 Making it easy for the users to discover and use organization's legal services

CLARO's Page Final Design

  1. Enhanced visual cues such as font size, color, and spacing to clearly differentiate headings and paragraphs.

  1. Enhanced visual cues such as font size, color, and spacing to clearly differentiate headings and paragraphs.

  1. Implemented a clear visual hierarchy using typography and layout adjustments.

  1. Implemented a clear visual hierarchy using typography and layout adjustments.

CLARO's Page Final Design

  1. Added a "Free Consulatation" button for users to easily request a consultation callback instead of waiting in call queue. This also decreases the burden on customer service.

  1. Added a "Free Consulatation" button for users to easily request a consultation callback instead of waiting in call queue. This also decreases the burden on customer service.

  1. Designed a prominent section with concise content explaining the legal immigration services offered by CLARO.

  1. Designed a prominent section with concise content explaining the legal immigration services offered by CLARO.

#2 Making it easy for the organization to add/update content, and better organize the existing content by improved user flows

News & Stories Page Final Design

  1. Users will be updated about the immigration and human rights issues from the top news and articles posted by Human Agenda.

  1. Users will be updated about the immigration and human rights issues from the top news and articles posted by Human Agenda.

News & Stories Page Final Design

  1. Added the tab view of timeline for the news and articles for better categorization based on their published date.

  1. Added the tab view of timeline for the news and articles for better categorization based on their published date.

  1. News and Articles related blogs are organized better in a list view.

  1. News and Articles related blogs are organized better in a list view.

#3 Improved source of funding for the organization by streamlining the donation flow for users.

Donation Page Final Design

  1. Provided options to users to select the purpose of donation, which builds the trust among users and credibility for organization.

  1. Provided options to users to select the purpose of donation, which builds the trust among users and credibility for organization.

Donation Page Final Design

  1. Created donation form for the users to fill in their information, this will help organization to keep track of donations.

  1. Created donation form for the users to fill in their information, this will help organization to keep track of donations.

Reflections - Key takeaways and lessons

1

Balancing business & user-centered goals

Working with executives and professionals at all levels enabled me to gain a comprehensive understanding of the business, fostering a holistic approach.

2

Soft skills learned

Collaborating with non-designer stakeholders has improved my skill in articulating design decisions to an audience unfamiliar with design process.

Thank you for reading! 🧠

For more work inquiries, or to grab a coffee do email me at vidushibissa.24@gmail.com ☕️✨

Destination YOUniversity

UX designer for college consultation service website, helping first generation students land their dream college.

UX designer for college consultation service website, helping first generation students land their dream college.

© 2024 Vidushi Bissa.

Made with ❤️ and chai

© 2024 Vidushi Bissa.

Made with ❤️ and chai

© 2024 Vidushi Bissa.

Made with ❤️ and chai