About Project
For this project, I led the UX/UI design of a complete website redesign for the Angeles de Medellín Foundation, a nonprofit organization that serves low-income communities in Colombia. The foundation had an existing website that was built on a basic template with limited design flexibility and no clear information hierarchy. It was not optimized for mobile use and made it difficult for users to engage with the organization, whether through donations, volunteering, or simply learning about their work.
We began by analyzing the original site and identifying pain points in navigation, layout, and user flow. Our team also conducted a comparative review of similar nonprofit websites to define best practices for content organization and call-to-action placement.
We initially considered using platforms like Wix and WordPress for faster deployment, but ultimately chose a custom solution using Next.js and Tailwind CSS to give us greater control over performance, accessibility, and design scalability.
Outcome
- To address this, I created a new design direction grounded in accessibility, simplicity, and
storytelling. My design process involved:
- Wireframing key user flows to understand how users would navigate the site
- Creating multiple visual iterations of each major page (home, about us, donate, contact, gallery) to test layout options and content hierarchy
- User-testing my Figma prototypes with peers to gather feedback on clarity, navigation, and visual appeal
- Designing a mobile-first interface, ensuring the experience was seamless across all screen sizes
- Building a mini design system with components for buttons, headers, and content blocks to ensure consistency
Each page went through several rounds of iteration. For example, I experimented with different homepage hero sections one centered on impact statistics, another focused on a personal story to see which best communicated the foundation’s mission.
The final result was a fully responsive, user-friendly website design handed off to developers with clean specs, assets, and guidance. The new design now enables the foundation to share its mission more effectively, improve donor trust, and make getting involved easier for new visitors.
Gallery
