This project involves a complete redesign of Thirst No More Corporation’s website to improve user experience, functionality, and visual appeal. The revamped site will boost online presence, simplify donations, and support the organization’s mission through strategic content and user-friendly design.
The Problem
Thirst No More Corporation struggles to attract users due to its outdated interface, poor quality media, and unconvincing call-to-actions. Overall, the design lacks visual appeal, failing to engage potential donors and supporters.
The Solution
Thirst No More Corporation needs a modern, user-friendly interface and intuitive navigation. Upgrading to high-quality visuals and creating clear, compelling call-to-actions will enhance engagement. These improvements will increase the organization’s global impact.
Roles
Team
Tools
UX Researcher
UX/ UI Designer
Julianna Turner
Nischala Kande
Justin Breeden
Katherine King
Trello
Figma
Miro
Google Drive
Research Phase
Proto-Persona
Our team developed a proto-persona to gain a deeper understanding of Thirst No More Corporation’s potential supporters. This tool helped us humanize audience members, allowing us to more accurately anticipate their motivations, concerns, and behaviors.
Competitor Analysis
In our competitor analysis, we reviewed “Feeding America,” “Americares,” and the website of Patagonia, a socially responsible company. Each of these platforms underscored the importance of streamlined, accessible donation processes and prominent calls to action to effectively convert visitor interest into tangible support.
Research & Interview Plan
A comprehensive research and interview plan was developed to explore user pain points in charitable giving, nonprofit engagement, and decision-making for global causes. Additionally, we scheduled an appointment with the founder of Thirst No More Corporation for an in depth discussion regarding his organization’s goals and limitations.
User Interviews
We conducted interviews with six individuals to gather their insights on Thirst No More Corporation’s current website. Through these conversations, we explored their experiences, preferences, and challenges related to navigating the site.
Stakeholder Interview
Upon interviewing the founder of Thirst No More Corporation, we gained deeper insights on the following:
Corporation Overview
Primary Services: Provides essential services such as water, electricity, clothing, and food.
Locations: Accessible in various locations.
Project Scope: Vets both small and large projects.
Website Enhancements
Modernization: Needs a more modern design.
Inclusivity: Must remain inclusive to the community.
Progressive Solutions: Should address issues in progressive ways.
Active Status: Website is always active, featuring about 4-5 new projects per month.
Current Audience
Demographics: Majority of donors are Caucasian, aged 45-65, primarily from the East Coast.
Faith Affiliation: 70:30 ratio of non-Christian to Christian donors; donors are not necessarily affiliated with faith.
Brand Identity: More humanitarian-focused.
Geographic Focus: Primarily attracts donors from the East Coast.
Generational Appeal: Open to all generational types.
Youth Engagement: Aims to attract younger audiences with more excitement.
Website Annotations
Our team thoroughly reviewed the Thirst No More Corporation website and identified key areas which needed improvement:
Definition Phase
Key User Insights
The key user insights reveal that Thirst No More Corporation’s website would benefit from improvements in clarity and engagement. Users expressed a need for a more intuitive navigation system and compelling visual elements that effectively communicate the organization’s mission. Streamlining the donation process and making calls to action more prominent were also crucial for increasing user interaction and support.
Affinity Diagram
Upon crafting an affinity diagram, we concluded that the primary focus areas for improving Thirst No More Corporation’s website are enhancing user navigation, updating visual design, and making donation processes more efficient and accessible.
User Persona
We then developed a user persona to represent the ideal supporter of Thirst No More Corporation. This persona encapsulates the needs, preferences, and challenges of our target audience, providing valuable insights that guided the design and enhancement of the organization’s website.
User Journey Map
We created a user journey map to track our persona’s emotions throughout his experience with Thirst No More Corporation. This map highlights his searching for a worthy nonprofit to support, his frustration with navigating the nonprofit sector, his discouragement from ineffective platforms, his renewed optimism upon discovering Thirst No More, and his confidence in contributing to impactful projects through the organization.
Problem Statement
Thirst No More Corporation recognizes the need to expand its reach and engage with a more diverse audience to achieve its desired level of traffic and impact. How might we enhance the user engagement on Thirst No More Corporation with a more diverse audience and a responsive website?
Value Proposition Statement
The redesigned Thirst No More Corporation’s website will offer a more intuitive user experience, featuring streamlined navigation, engaging visuals, and a simplified donation process. It will effectively communicate the organization’s mission and impact, making it easier for users to get involved and support global causes.
Value Proposition Canvas
We constructed a value proposition canvas to visualize the benefits of Thirst No More Corporation’s redesigned website. The organization offers impactful global initiatives as well as project information, empowering supporters to make a meaningful difference.
Ideation Phase
Wireframe Sketches
In this next stage, we drafted paper wireframes for the redesigned website, incorporating enhanced navigation, more prominent call-to-actions, and a streamlined donation process to improve user experience and engagement.
Site Map
Next, we developed a site map to outline the redesigned structure of the Thirst No More Corporation website, ensuring improved navigation and a more intuitive user experience.
User Flow Diagram
We also created a user flow diagram to visualize the key interactions and decision-making points for potential new Thirst No More Corporation users.
Storyboard
We then made a storyboard to illustrate our persona’s journey: beginning with his efforts to plan a philanthropy event, his extensive search for the right nonprofit to promote, his feelings of intimidation from so many options, his discovery of Thirst No More as the ideal choice, collaboration with his team to organize the event, and the successful execution of the event.
Prototype & Testing Phase
Low-Fi Digital Wireframes
Following the initial sketches of paper wireframes, we crafted low-fidelity digital models and built interactive prototypes to refine the design.
Low-Fi Usability Testing
Next, we carried out multiple usability tests to collect detailed feedback on user interactions and challenges. This valuable input enabled us to identify key areas for enhancement and make targeted improvements to optimize the site’s redesign.
Mood Board
Upon completing this task, we compiled images into a mood board. The board features a selection of inspirational images that reflect Thirst No More Corporation’s humanitarian mission.
Style Tile
Next, we crafted a detailed style tile that included an original logo, a carefully selected color palette, and a variety of fonts.
Style Guide
Following the creation of the mood board, we developed a comprehensive style guide. This guide includes a refined color palette, visual inspirations, and thoughtfully selected typography. It also features button states, updates social media icons, and a custom logo with variations.
High-Fi Digital Prototype
We applied our style guide to the wireframes, creating a high-fidelity prototype that reflected the final color palette, typography, and design elements. This refined prototype provided a polished and realistic preview of the website redesign.
Feedback on the prototype indicated that the redesigned website was not only user-friendly but also featured more compelling call-to-actions, making it easier for visitors to navigate and engage. In addition, the improved donation process and clear information about Thirst No More Corporation’s impact helped enhance the overall user experience, leading to greater satisfaction among users.
Before/ After Comparisons
Below are some before-and-after comparisons that highlight the enhanced features of the website redesign. These showcase the significant improvements made to both functionality and user experience.
Challenges & Resolutions
One of the challenges we encountered during the redesign was striking the right balance between creating a modern aesthetic while ensuring it did not feel too corporate, especially when it came to the logo. Our stakeholder wanted a fresh, updated look, but it was important to maintain a warm, approachable feel that aligned with Thirst No More Corporation’s values. Achieving this balance required careful design choices and multiple iterations, particularly with the logo, to ensure it conveyed the right message. Fortunately, we had great communication with the stakeholder, which allowed us to align on goals throughout the process. Regular discussions and updates kept the project on track and led to a successful conclusion.
Next Steps
For the Future...
Future opportunities for Thirst No More Corporation include exploring a “Dollar a Day” campaign, which has the potential to significantly increase donor engagement and contributions. Another opportunity includes adding testimonials to build greater trust. Last of all, developing innovative ways to connect donors directly with recipients will create more personal and impactful giving experiences.