Perpetual Earth
Perpetual Earth is a fictional online charity platform that allows users to get information and get involved with project that will make a difference. The typical user is between 18 - 80 years old and have different backgrounds. The main characteristics the have in common is that they want to help others or the environment. Perpetual Earth is designed to meet all sorts of users with their needs while finding a project to support. The site allows users to always have an option to support however they want.

Proces Details

Project Goals
  • Create a charity donation flow
  • Find the missing link for donators
  • Customize the web experience of users 
  • Meet the users
    User Journey Mapping
    After conducting interviews with the target users we identified the users pain points a converted them into Problem Statements:
    Low Fidelity Wireframes
    With the insights I could solve the user's needs. This first wireframe has been created with the three types of personas in mind; Sponsor (Liam), Donator (Felicia) and Volunteer (John).  I designed this layout so that all three types will see a benefit to use and get their problems solved by design.
    Usability Study
    The wireframes were used to make a Low-fidelity Prototype that we could test on users.  Using an unmoderated study where 5 participants were asked the same questions about the User Experience of the flow, the following images will show the results of this study. Study type: Unmoderated Usability Study Participants: Five participants, each individually completing the study
  • The ability to find projects for your role is still unclear. So I designed a small tool for a quick search.
  • The 'Realtime reports' cards were unclear to click. An arrow has been added to show it is a link.
  • The 'How it works' section is too much, this should be clear from the start. Deleted this section and will add it to a page.
  • High Fidelity Design & Prototype
    With the usability study results in mind the high fidelity design and prototype could be realized.
    Accessibility Considerations
  • The navigation is simple, page layouts are consistent and the language is clear.
  • Text and design has been spaced out for readability. All images contains captions and you can select texts to magnify or text-to-speech.
  • Throughout the whole project annotations, hierarchical headers and labels have been used.
  • Lessons learned
    Being patient for iteration is important. I took extra time to make more accurate User Personas. This project needed more descriptive personas. Learned a new UX design tool Adobe XD.