Plan International

Designing a charity site with donation flows

In the competitive digital landscape, non-profit organisations like Plan International face the challenge of maximising online engagement to facilitate their humanitarian missions. A well-designed website serves as a crucial bridge connecting the charity with its supporters, streamlining the donation process, and effectively communicating its impact. This case study explores the comprehensive redesign of Plan International's website, focusing on a "Donations First" approach to simplify the process of giving, ensuring that Plan can quickly respond to global events and disasters with agility and effectiveness.
my Role
Client

UX / UI
Payment Flows
Wireframing
Figma Library

Plan International
Updates in progress
Updates in progress
Updates in progress
Updates in progress
Updates in progress
Updates in progress
Updates in progress
Updates in progress
Updates in progress
Updates in progress
Updates in progress
Updates in progress

Understanding the Challenge

Plan International's previous website struggled with unclear donation methods, hindering the organisation's ability to secure funding for its projects. The need for a platform that could not only process one-off and recurring donations efficiently but also dynamically showcase the charity's work and adapt to new campaigns was evident. The redesign project aimed to address these critical issues by enhancing the site's functionality and user experience, making it easier for donors to contribute and stay informed about the impact of their support.

Understanding the Challenge

Plan International's previous website struggled with unclear donation methods, hindering the organisation's ability to secure funding for its projects. The need for a platform that could not only process one-off and recurring donations efficiently but also dynamically showcase the charity's work and adapt to new campaigns was evident. The redesign project aimed to address these critical issues by enhancing the site's functionality and user experience, making it easier for donors to contribute and stay informed about the impact of their support.

Strategic Design Decisions

The redesign embraced a "Donations First" philosophy, ensuring that the pathway to support Plan International was clear and accessible at every touchpoint. By integrating donation widgets directly into staff stories and dedicated 'cause' pages, the website now encourages engagement and contributions within the context of compelling narratives. This strategic placement not only highlights the urgency and relevance of donations but also provides a seamless experience for users wishing to support specific causes.

Strategic Design Decisions

The redesign embraced a "Donations First" philosophy, ensuring that the pathway to support Plan International was clear and accessible at every touchpoint. By integrating donation widgets directly into staff stories and dedicated 'cause' pages, the website now encourages engagement and contributions within the context of compelling narratives. This strategic placement not only highlights the urgency and relevance of donations but also provides a seamless experience for users wishing to support specific causes.

Strategic Design Decisions

The redesign embraced a "Donations First" philosophy, ensuring that the pathway to support Plan International was clear and accessible at every touchpoint. By integrating donation widgets directly into staff stories and dedicated 'cause' pages, the website now encourages engagement and contributions within the context of compelling narratives. This strategic placement not only highlights the urgency and relevance of donations but also provides a seamless experience for users wishing to support specific causes.

Streamlining Campaign Creation

To empower Plan International to respond quickly to global events and disasters, the website's backend was optimised for the creation of dedicated campaign pages. This agility is crucial for a charity operating globally, as it allows for the immediate mobilisation of resources and the launch of fundraising campaigns in response to emergent needs. The redesign has positioned Plan International to act promptly, enhancing their capacity to make a tangible difference on the ground.

Streamlining Campaign Creation

To empower Plan International to respond quickly to global events and disasters, the website's backend was optimised for the creation of dedicated campaign pages. This agility is crucial for a charity operating globally, as it allows for the immediate mobilisation of resources and the launch of fundraising campaigns in response to emergent needs. The redesign has positioned Plan International to act promptly, enhancing their capacity to make a tangible difference on the ground.

Building a Scalable Design System

Acknowledging the future needs and potential growth of Plan International, a comprehensive digital asset library was developed using Figma. This library leverages existing brand guidelines to ensure consistency across digital platforms while providing a scalable framework for collaboration and expansion. It ensures that the website can evolve alongside the organisation's growing demands.

Building a Scalable Design System

Acknowledging the future needs and potential growth of Plan International, a comprehensive digital asset library was developed using Figma. This library leverages existing brand guidelines to ensure consistency across digital platforms while providing a scalable framework for collaboration and expansion. It ensures that the website can evolve alongside the organisation's growing demands.

Building a Scalable Design System

Acknowledging the future needs and potential growth of Plan International, a comprehensive digital asset library was developed using Figma. This library leverages existing brand guidelines to ensure consistency across digital platforms while providing a scalable framework for collaboration and expansion. It ensures that the website can evolve alongside the organisation's growing demands.

Achievements and Reflections

The redesign of Plan International's website is a significant step forward in how the charity engages with its audience and facilitates donations. By prioritising a "Donations First" approach, the project has not only streamlined the donation process but also enhanced the site's ability to showcase impactful stories and respond to global events swiftly. This case study underscores the importance of strategic UX/UI design in empowering non-profit organisations to fulfil their missions more effectively, demonstrating that thoughtful design can lead to meaningful improvements in donor engagement and organisational agility.