PLATES FOR PROGRESS
Inspired by Heifer International’s mission to end hunger and poverty, I designed a one-page website for Plates for Progress, a fictional fundraising gala. The event concept featured a dinner experience where meals improved as attendees donated, symbolizing the power of giving. The responsive website included an event schedule, donation impact stories, and a reservation system, blending storytelling, education, and fundraising into a cohesive digital experience.
Client

Heifer International

Service

- User Interface Design
- Prototyping & Wireframing
- Collaborative Design

Category

UX/UI

Project Overview

Heifer International is a nonprofit organization dedicated to ending hunger and poverty by providing sustainable agriculture and economic opportunities to communities worldwide. Their mission focuses on empowering families and strengthening local economies through resources such as livestock, seeds, and training. Inspired by their impactful work, I created a one-page website for the fictional fundraising event, Plates for Progress.

The event concept was a dinner gala where attendees began their experience with a simple, low-cost meal. As they donated more, their meals were elevated to higher-quality dishes, symbolizing the transformative power of giving. This interactive approach educated participants on food insecurity while encouraging them to take actionable steps to support Heifer’s initiatives.

The website design includes responsive layouts for both desktop and mobile platforms, ensuring accessibility for all users. Key features include an event schedule, donation impact stories, and an integrated reservation system, all designed to engage visitors and encourage participation. The site also emphasizes Heifer’s mission, providing a seamless blend of storytelling, education, and fundraising.

Explore the responsive design of the Plates for Progress website, created for Heifer International’s fictional fundraising gala. Optimized for both desktop and mobile, this site blends storytelling, education, and accessibility to inspire action.

Design Process

1. Research & Concept Development

I researched Heifer International’s mission and developed a concept that combined interactive storytelling with the Plates for Progress theme to engage users.

2. Layout & Responsive Design

Designed a user-friendly, one-page layout optimized for desktop and mobile, ensuring accessibility and clear navigation.

3. Visual Design & Animation

Incorporated clean visuals and animations using Adobe After Effects to enhance the storytelling and overall user experience.

4. Testing & Refinement

Refined the design through user feedback, ensuring a polished and seamless experience across devices.

Tools Used

  • Figma: Prototyping and responsive layout design.
  • Adobe Illustrator: Visual assets and branding elements.
  • Adobe After Effects: Animations to enhance engagement and storytelling.

Key Takeaways

  • Gained foundational knowledge in structuring and optimizing layouts for both desktop and mobile devices.
  • Learned how to incorporate animation and visuals to engage users and convey complex messages effectively.
  • Developed a deeper understanding of how thoughtful design can inspire action and align with nonprofit goals.