LSA

LSA

LSA

Designing a Scalable Digital Platform for a Youth Led Non-Profit

Designing a Scalable Digital Platform for a Youth Led Non-Profit

Designing a Scalable Digital Platform for a Youth Led Non-Profit

Organization

LetsStopAIDS (LSA) is Canada's leading Youth-HIV charity with over 500 volunteers, centred around HIV prevention, knowledge exchange, and youth leadership.

Deliverables

Web Design, Articles, UI Library, Branding, Development

Role

UX Lead, Researcher,
Creative Lead

Introduction

I led digital design and strategy across the website, working closely with internal stakeholders to improve clarity, usability, and impact. My work spanned information architecture, content structure, user flows, and conversion-focused design, with a strong emphasis on long-term scalability.

I led digital design and strategy across the website, working closely with internal stakeholders to improve clarity, usability, and impact. My work spanned information architecture, content structure, user flows, and conversion-focused design, with a strong emphasis on long-term scalability.

The Challenge

As LetsStopAIDS grew, so did the complexity of its digital presence, and designing for clarity in a complex & evolving organization was our biggest challenge.


Even when users were engaged, the path to taking action felt unclear and fragmented.

As LetsStopAIDS grew, so did the complexity of its digital presence, and designing for clarity in a complex & evolving organization was our biggest challenge.


Even when users were engaged, the path to taking action felt unclear and fragmented.

Key Pain Points

Increase in programs, adding complexity in content hierarchy, and storytelling.

Catering to multiple audiences with different needs

Lack of clarity and security when driving donations

Lack of visual storytelling to resonate with young people

The Goal

The work needed to go beyond surface-level redesigns and focus on structure, intent, and continuity across the user journey.


For this purpose I started with understanding the information architecture of the website to set the foundation for rethinking how clarity throughout the website could enable more confidence in collaboration and giving.

INFORMATION ECOSYSTEM

Scaling & Maintenance

Information Ecosystem

In the beginning, the website had 6 pages and highlighted 3 programmes (none of which were active programmes).

After building the website, there were 10 programmes pages, an online magazine (Papaya), and 4 times the number of streams to get involved.

Content Audit

A content audit was conducted to measure the quality of the content used at the time. The auditing was measured by how much updating was needed, whether users found the content confusing, if the content was still in line with the business's new strategic goals, as well as the state of the internal content standards.

Old Sitemap

New Sitemap

Restructuring Programs

Context

LSA offers a wide range programs accumulated over the past 2 decades - active programs, paused initiatives, and archived ones as well, all living on the same page.

Problem:

  1. Growing number of programs across different timeline activities

  2. No clear distinction between active, archived, paused

  3. High cognitive load for first time visitors

  4. Ongoing internal confusion over what needs to be promoted or referenced.

As a result —

For users this meant uncertainty.

Before:

The programs page was designed with stakeholder intent, with scope at the highest importance, followed by limited information on the program.

  1. Scope/Location at the highest importance for categorization

  2. Name & Short Description : the only two bits of information given

Key Decisions:

After doing a survey on the importance of what information users prefer to see alongside this program, I restructured and framed what high level information was required at first glance.


Moving forward, we needed to design a structure that showcases information with minimal cognitive overload.

The Solution

View: Showcasing a one shot, high level overview of all programs.

Since the primary pain point was users’ uncertainty about the status of programs, the top level of information architecture prioritized clearly indicating which programs were currently available. This allowed users to quickly identify relevant offerings without needing to navigate through outdated or inactive content.

Using a card-based, grid layout further improved clarity and usability by making program information scannable, visually distinct, and easy to compare at a glance.

STREAMLINING DONATIONS

Aligning Impact & Intent

To build trust and encourage support, we redesigned the donations page with a focus on transparency and ease of use.


Our initial donations paged was launched with a few problems. Afte5r conducting user testing with our partners, there were clear friction points.


  1. Lack of emotional connection to the user

  2. Limited user control and freedom

  3. No error prevention (undeveloped interaction design)

  4. Poor UX writing and no FAQ

To build trust and encourage support, we redesigned the donations page with a focus on transparency and ease of use.


Our initial donations paged was launched with a few problems. Afte5r conducting user testing with our partners, there were clear friction points.


  1. Lack of emotional connection to the user

  2. Limited user control and freedom

  3. No error prevention (undeveloped interaction design)

  4. Poor UX writing and no FAQ

Old Donations Page

User Needs Statements

  • Users need to have clear information to feel confident when making a donation in our website.

  • Users need to be provided information of where the money is going, and whether the money donated is a secure donation.

  • Users need to have clear information to feel confident when making a donation in our website.

  • Users need to be provided information of where the money is going, and whether the money donated is a secure donation.

Solutions

  • Provide an easy to navigate FAQ section that addresses commonly asked questions to ensure user feels secure when making a donation

  • Quantify the amount of money so users know how much money is required to achieve their donation goal.

  • Communicate clearly what programs are receiving donations directly

  • Provide an easy to navigate FAQ section that addresses commonly asked questions to ensure user feels secure when making a donation

  • Quantify the amount of money so users know how much money is required to achieve their donation goal.

  • Communicate clearly what programs are receiving donations directly

Our goal was to increase donations by building a deeper sense of trust and connection with users. Potential donors often hesitated due to uncertainty about where their money was going, how secure the process was, or whether their contributions would truly make an impact.


To address this, we focused on a transparent and emotionally resonant experience. We introduced a mission-driven title that clearly aligned with LetsStopAIDS’s vision, helping to inspire action from the start.


Security indicators were added to reinforce trust, while new functionality allowed users to direct their donations to specific programs, giving them a stronger sense of agency.


An FAQ section tackled common concerns head-on, removing potential friction in the decision-making process.

Our goal was to increase donations by building a deeper sense of trust and connection with users. Potential donors often hesitated due to uncertainty about where their money was going, how secure the process was, or whether their contributions would truly make an impact.


To address this, we focused on a transparent and emotionally resonant experience. We introduced a mission-driven title that clearly aligned with LetsStopAIDS’s vision, helping to inspire action from the start.


Security indicators were added to reinforce trust, while new functionality allowed users to direct their donations to specific programs, giving them a stronger sense of agency.


An FAQ section tackled common concerns head-on, removing potential friction in the decision-making process.

Overall Insight

The donation page iterations demonstrated how interaction design and content hierarchy directly impact user decision-making. Carefully guiding users through each step of the journey became a key learning, showing how intentional UX design can transform complex actions into simple, confident moments.


As a result, the redesigned donation flow reduced friction and created a clearer, more accessible pathway to giving.

Final Designs - LetsStopAIDS Website

The vision

Bring a platform that invites community, innovation, and safety, for youth and those that support youth.

The organization is constantly on the hunt to maximize ways to reach young people. We are home to 10+ global programs. The programs span to in-person grassroots work, to digital platforms, to research reports.

Over the past 2-3 years, LetsStopAIDS has been expanding its' international work to contribute to the HIV response.

For over 15 years, LetsStopAIDS was built on the backs of dedicated volunteers. From volunteer leadership members, software engineers, and researchers.

To this very day, LetsStopAIDS puts our volunteers and community at the core of the organization. It is what drives our work and allows our work to thrive today.

When it came to showcasing the team, I wanted to move away from the polished stiffness of traditional corporate headshots. So instead, we leaned into something more organic, youthful, and real. We shot these portraits on the floor, in motion, laughing — capturing the spirit of who we are, not just what we do.

The creative direction was to celebrate personality, playfulness, and the genuine connection that shapes our culture.

Result

With 400+ volunteer applications and counting, increased number of donations, LetsStopAIDS has made significant strides to accomplishing our mission in achieving a world with zero new infections with youth leading the way.