03
Unity
Charity
Overview:
Unity is a charity organization dedicated to helping immigrants and newcomers. I worked on designing and structuring a website that provides easy access to support services, helps families reunite, connects newcomers with local resources, and encourages community involvement. The project focused on UX research to understand user needs and UI design to ensure a seamless experience for visitors seeking resources or looking to donate.
Role:
UX Researcher, UX Designer, UI Designer
ToolKit:
Figma, Draw.io, Internet
UX Research
Website Goals
Many immigrants and newcomers face significant challenges when seeking information about community services, language support, and integration resources. The primary issue is that many charity websites are not user-friendly, making it difficult for individuals—especially those unfamiliar with digital platforms or the English language—to access vital information. Additionally, many charity websites fail to make the donation process straightforward, resulting in lower user engagement and reduced funding for critical programs.
The challenge was to create a website for Unity that:
- Simplifies the navigation process for users of various linguistic and cultural backgrounds.
- Provides easy access to critical services such as language classes, employment opportunities, and community resources.
- Offers a seamless donation process that encourages support for the charity’s work.
- Competitive Analysis
Mosaic's website design is well-organized and user-friendly. It uses large headers, images, and brief descriptions for services or new information, with a clean and simple layout in light colors. The site avoids overcrowding, displaying only essential information. Both the header and footer contain all necessary links, allowing users to navigate easily without needing to scroll back to the top. Mosaic offers settlement and employment services, supporting immigrants, refugees, and newcomers to Canada.
- Mosaic features
- An easy-to-use taskbar in which they can navigate most of the information on the site.
- A search bar which allows them to search specific questions they have.
- Their information layout is easy to read and follow which they do by using pictures and statistics but made in a way where it is easy to understand.
- They provide you with many different methods of helping with the charity from donations to volunteer work.
- Mosaic is also a multi language website, since most of their users are immigrants and newcomers from around the world, they offer the website in 33 different languages.
Persona
A persona is a Imaginary portrayal of an ideal customer or user. It is a tool used to help businesses better understand the needs, goals, behaviors, and motivations of their target audience
UX Design
User Flow Chart
- This flow chart shows the process of donating money on the website
- Site Map
I’ve built a sitemap considering primary, secondary and tertiary navigation.
UI Design
Brand Identity
- Main Logo
The logo features an image of hands holding up the earth, with people inside, all surrounded by two rotated squares. Its design symbolizes the importance of unity and emphasizes that we all share the same planet. The imagery conveys the message that we should work towards bringing people together, regardless of their backgrounds,
- Sub Logo
- UI Library Components
I created a comprehensive UI library, incorporating the primary color palette and reusable components to ensure consistency across all screens.
- Visual Elements
These images are used on the main banner on the homepage and throughout the Unity Website.
Low Fidelity Wireframes
- Homepage
- Donate
- Contact Us
- Mobile Homepage
- Mobile Donate
- Mobile Contact Us
Key Takeaways
- Challanges
- Balancing Complexity and Simplicity: Finding the right balance between a comprehensive feature set and a user-friendly design was challenging.
- Addressing Diverse User Needs: Designing for a broad audience with varying levels of digital literacy required extensive user research and testing..
- Lessons Learned
- Importance of User Research: Understanding the users' needs is crucial for creating a product that truly resonates with them.
- Consistent Design System: A well-organized UI library significantly streamlines the design and development process.
This project highlights the importance of user-centric design in creating a meaningful and impactful user experience for a diverse audience.
