UNICEF REDESIGN
Empowering Futures, One Design at a Time: UNICEF Redefined
By: Aimee McConnell
This is a website redesign.
Problem Statement
UNICEF was initially created to collect donations to provide essential support to help the world's most disadvantaged children's well being. However the donation process lacks transparency and simplicity, Making it difficult for donors to easily understand information and contribute at their preferred frequency without hassle.
Solution / Hypothesis
I hypothesize that presenting information in a more easily digestible format will facilitate user decision-making in favor of donations. Additionally, I believe that offering a customizable reminder or newsletter aligned with users' preferred notification frequency will contribute to increased donation collection.
Value Proposition
At UNICEF, they are dedicated to making life better for the most vulnerable children globally. As UX/UI Designers we understand that donating should be as impactful and easy as UNICEF’s mission. That's why we're excited to introduce a redesign of UNICEF—a new user experience of giving that prioritizes transparency, simplicity, and flexibility.
What I did
User research, ideation, card sorting, site maps, user flow diagrams, wireframing, design, prototyping, user testing and presentation. Assisted in all aspects as we collaborated on all to get input / provide ideas. Mainly worked on the the navigation bar, sliders, world map, icons, hero page and footer.
Tools
Miro, Figma, Google Documents, Google Sheets, Google Presentation, Trello
Collaboration
I worked with 2 other class mates from my UX/UI Bootcamp at the University of Toronto.
Vision Statement
Know that your donation will impact a child's life positively and provide essential support to help the world's most disadvantaged children's well being.
Background and Research
Research
6
Interviews
4
Competitive Analysis
Key Take Aways
There's a growing demand for trustworthy websites where users can easily see where their funds are allocated, preferring a streamlined and transparent donation process. Additionally, users appreciate the option to limit donation reminders and choose their preferred frequency of contributions.
In the competitor analysis, I noticed that organizations like SickKids Foundation, Children International, Doctors Without Borders, and UNHCR lack clarity in stating their mission and have cluttered UI designs.
Persona & Journey Map
Freddie
Freddie Callaway, a devoted 37-year-old detective and family man from Ontario, values transparency and efficiency in supporting charitable causes. Despite his busy schedule, he prioritizes giving back and ensuring his donations have a meaningful impact. However, he faces frustration due to limited time for thorough charity research and the need for greater transparency in fund allocation.
Jennifer
Jennifer, a 36-year-old marine biologist and working mom, encounters challenges with frequent donation requests and limited time for research. Seeking efficient payment methods and custom notifications, she aims for seamless donations to smaller, trustworthy charities aligned with her passions, while desiring small tax breaks and automated fund withdrawals.
Personas
Based on the data collected during the research I set up two personas. I referred to them throughout the entire product development process.
I included content relating to personality, problems or challenges one may face and goals / needs one may search for in a product like this.
Note: Only two personas were developed during this process and I would have liked to develop a couple more to showcase diversity of other potential users.
Journey Map
From the personas crafted, I've sculpted a journey map , illuminating the path a user traverses when engaging with the UNICEF website. This map highlights the user's objectives, including ensuring website trustworthiness, understanding donation destinations, and setting donation reminders.
After conducting additional research on the website, I performed card sorting to analyze the current linkages. Integrating insights from the journey map and personas, I developed a site map to optimize navigation and align with user needs effectively.
Wire frames and Prototype
Wireframes
I started by examining UNICEF's original website layout and reorganized it into a low-fidelity wireframe to establish a new structure that enhances user flow. I then progressed to mid-fidelity wireframes, sharing them to collect feedback and further refine the design.
Prototype
After receiving feedback on the mid-fidelity wireframes, I progressed to developing high-fidelity prototype. These prototypes were shared with users for testing and feedback gathering, enabling me to refine the design through iterative improvements based on their insights.
Below is a short walkthrough of the website redesign prototype. You will notice the UI Style has been included.
Click here to see the GIF play (this will take you to a new page)
UI Design
Visual Design
I chose a dark space-themed color palette for the UI design, inspired by UNICEF's mission to assist children globally. The space theme represents a perspective from which the entire world is visible, symbolizing limitless possibilities and aligning with the narrative of helping children everywhere. This dark theme not only updates the aesthetic but also reflects a style I deeply appreciate, enhancing the user's journey through the design's storytelling.
User Testing and Feedback
User Testing
A total of 5 users participated in prototype testing, each assigned 4 tasks to complete. The usability testing revealed minor- mid level adjustments required, including visual enhancements and refining the user flow, as outlined in the usability testing plan.
5
User Testers
2
Completed All Task 100%
2
Failed a Task
Take Away
Second project that was worked on but first website project. I believe that I learnt a lot from this project and really honed my design skills a lot more. I learnt more about spacing, auto layouts, components, color combinations and many more.
Future developments:
Would like to touch up the site more and edit any flaws.
More user testing to iterate on the project more.
Finish a user flow prototype of donation page successfully happening.
Add more user flow prototypes for all page link examples
Designs for the tablet and mobile versions.
Challenges: For this project there was a challenge of picking the right UI Design style. As a group we changed it a few times. At first a style was confirmed but later on it was changed after prototyping and designing had already commenced. I had designed components, wireframes and even some prototypes with the first style, only to later find out we were changing the style guide one more time. It was a learning point for me to speak my mind to confirm the style guide before getting too deep into design. It also helped me learn more aspects of Figma to understand how to change designs overall to match a style guide.
UNICEF REDESIGN
Empowering Futures, One Design at a Time: UNICEF Redefined
By: Aimee McConnell
This is a website redesign.