Designing a mobile-friendly experience for newcomers to discover program information seamlessly.

PROJECT oVERVIEW

ACSA, a nonprofit organization dedicated to supporting vulnerable populations in Toronto’s Scarborough area, offers essential resources and services to the community. As part of a design team, I contributed to enhancing ACSA’s website to create a seamless, inclusive experience tailored to newcomers with limited language proficiency. The project prioritized accessibility and usability across both desktop and mobile platforms. Collaborating with two fellow designers and a project manager, I engaged in the full design lifecycle—from conducting user research and synthesizing insights to mapping user flows, developing wireframes, and refining prototypes.

mY ROLE

UX/UI Designer

tIMELINE

May 2022 - Aug 2022

TEAM

3 Designers, 1 Project Manager

tOOLS

Figma, Google Suite, UX Tweak

DISCOVERY

Why a mobile-first approach?

With more immigrants noticing the existence of the ACSA organization, they used ACSA's website for checking social program information, However, the website was not mobile responsive and many clients opted to call ACSA's phone line instead. This created a huge workload on ACSA's customer service staff and caused frustration for users.

USER RESEARCH

Understanding the current experience

We conducted 5 semi-structured interviews online with ACSA staff members who have been with the company for at least 5+ years. The goals of this research were to:

  • Discover the users’ main objectives when visiting the website, which will help define the main user paths

  • Explore the challenges they face when trying to achieve their goals

It was found that users of ACSA are individuals from diverse backgrounds, with one common theme— all being newcomers to Canada.

DATA SYSTHESIZE

Finding users' pain points

To organize the interview data, I consolated the info into an affinity map to find emerging trends and pain points of our users .

dEFINE AND SCROPE

Tailoring the experience for immigrants with limited English proficiency

After going over user behaviors during our team meetings and reviewing the user stories from stakeholders, we created a persona to represent our target audience - newcomers with limited English proficiency. Since we only have 8 weeks, we decided to focus on Child & Family program – the most popular that users explore.

After going over user behaviors during our team meetings and reviewing the user stories from stakeholders, we created a persona to represent our target audience - newcomers with limited English proficiency. Since we only have 8 weeks, we decided to focus on Child & Family program – the most popular that users explore.

USER PATH

How does pooja discover information currently?

I also mapped out an experience map that outlines how pooja currently discovers information on the ACSA website. This helped me build empathy with my target users and to stay user-centred while identifying opportunity areas where I could intervene with my digital solution to create a seamless user journey. 

There are 3 opportunities that would improve users' experiences:

There are 3 opportunities that would improve users' experiences:

IDEATION 1 – iNFORMATION DISPLAY

That's when cards come in!

The old website shows all the information in the form of links. For mobile users, it is hard to read a large load of text on a screen, especially for people who do not understand English proficently. The more text, the heavy cognitive load it can bring.

I conducted a competitor analysis and get inspired from other non-profit website to see how they how programs in a clear way and figured out Cards are the way to go!

IDEATION 2 – nAVIGATION bAR

Simplify navigation bar to prioritize what users need

I conducted an open card sorting test with users to learn users’ habits of going through the web navigation. According to the card sorting results, users feel frustrated when choosing between multiple navigation options and their focus in checking programs. Therefore, our team discussed with stakeholders to group similar options under the same tab. Now, the navigation bar is simplifies with only 5 category and the label under "projects" are easy for users to understand and choose.

FINAL DESIGN

User-friendly experience for newcomers

I conducted an open card sorting test with users to learn users’ habits of going through the web navigation. According to the card sorting results, users feel frustrated when choosing between multiple navigation options and their focus in checking programs. Therefore, our team discussed with stakeholders to group similar options under the same tab. Now, the navigation bar is simplifies with only 5 category and the label under "projects" are easy for users to understand and choose.

Congrats, you made it to the end of the scroll! 🥳

Let's connect if you have questions or a project in mind.

© 2025 • Elena Xue | Created with Jazz Music 🎵 & Boba🧋

Congrats, you made it to the end of the scroll! 🥳

Let's connect if you have questions or a project in mind.

© 2025 • Elena Xue | Created with Jazz Music 🎵 & Boba🧋

Congrats, you made it to the end of the scroll! 🥳

Let's connect if you have questions or a project in mind.

© 2025 • Elena Xue | Created with Jazz Music 🎵 & Boba🧋