Overview
Project Title: Revamping the Online Presence of True Alliance Center (TAC)
Role: UX/UI Designer
Tools Used: Figma, Adobe Photoshop, Adobe Illustrator, Wix Studio
Duration: 8 Weeks
Team: Solo Project
Objective
To redesign the True Alliance Center website to better reflect its mission of empowering underserved communities through education, advocacy, and resource provision, ensuring it meets modern standards for usability and accessibility.
Problem Statement
True Alliance Center faced several challenges with its current website:
-
Outdated Design: The site did not reflect the professionalism and vibrancy of the organization’s mission.
-
Complex Navigation: Key resources and contact information were hard to find.
-
Lack of Mobile Optimization: The site was difficult to use on mobile devices, alienating a significant portion of its audience.
-
Limited Engagement Tools: The website lacked interactivity, such as event registrations and online resources.
The process
Research & Discovery
-
Stakeholder Interviews: Collaborated with the TAC leadership team to identify core goals for the redesign.
-
User Interviews: Engaged with individuals from the community to uncover their digital pain points and preferences.
-
Analytics Review: Analyzed existing website data to understand user behavior and identify areas for improvement.
Key Insights:
-
Community members wanted quick access to services like housing assistance and educational workshops.
-
Stakeholders wanted to highlight their advocacy work and encourage community involvement.
-
A bilingual interface (English and Haitian Creole) was a top priority.
Define
User Personas:
-
Sandra: A single mother looking for housing resources and childcare support.
-
Marcus: A young professional interested in volunteering and advocacy.
-
User Journey Maps: Mapped the process of finding resources, highlighting frustrations like buried contact forms and unclear pathways.
Ideation
-
Created a site map to organize the content into clear categories: About, Services, Resources, Events, and Get Involved.
-
Designed low-fidelity wireframes for desktop and mobile views, focusing on simplifying navigation and ensuring consistency.
Design
Developed high-fidelity prototypes featuring:
Dynamic Homepage: A rotating banner showcasing TAC’s latest events and success stories.
Service Pages: Dedicated sections with detailed descriptions, FAQs, and downloadable resources.
Interactive Features:
-
Event registration forms.
-
Volunteer sign-up and donation CTAs.
-
Live chat support for urgent inquiries
Bilingual Toggle: Easy switch between English and Haitian Creole to serve the diverse audience.
Visual Design:
-
Used a modern, approachable color palette with soft blues and greens to inspire trust and warmth.
-
Incorporated visuals of the community in action to build relatability.