TIES Website Redesign
In this project, I collaborated with a team of UX Designers to redesign the website for an NGO, Technology in Education Society (TIES), in order to improve the usability & interface design of the site, with special attention being paid to the donation process.
This case study showcases the redesign process of our team and my contributions to conducting research, heuristic evaluation of the existing site, and designing the interface.
Collaborative Design Sprint
Secondary research, Heuristic Evaluation,
Design Sprint Process
We started by learning about each other's strengths and weaknesses in the design process so that we could delegate tasks effectively and decided to break the project down into smaller deliverables and set deadlines for each deliverable so that all the team members can stay engaged and accountable.
I was mainly in charge of conducting a heuristic analysis of the existing site, conducting user interviews, preparing the presentation deck, and presenting it to the stakeholders for this challenge.
SETTING THE CONTEXT
TIES is an NGO that donates innovative technology and grants scholarships. Their projects run in developing countries, where the donations made will have the most impact.
While the organization has great humane values, its website does not best convey their story, values, and impacts in a meaningful manner. Thus, by improving the design and usability of the website, TIES will be able to gain more credibility and engagement which can lead to more donations.
ANALYZING AND UNDERSTANDING THE KNOWN
We did a heuristic analysis of the website to understand its current user flow and discover existing pain points and difficulties.
You can find our detailed analysis here.
After having a fair understanding of the working of the existing website, we started researching and learning about other NGOs in the same space or related work. Our primary objectives of the research were:
Discover online donors’ motivations, pain points, and behaviors regarding the donation process
Research more about the donation processes done online
How impactful storytelling can help influence people visiting the website to donate more
Research how successful existing NGOs build trust with their donor base
USER'S MINDSET FOR MAKING A DONATION
Taking a dive deeper, we spoke to a few people who make donations online to understand their motivations, pain points and behaviours regarding making a donation. We conducted user interviews with 5 people.
You can read the entire interview guide here.
We made an affinity map based on the interviews and identified 3 key themes :
The research and interviews helped us define our Sprint Goal-
How might we help Scotia Wealth Management build rapport with newcomers to Canada to maintain a long-term positive relationship in a shared digital space?
Optimize the website’s design and user interface of TIES and establish storytelling throughout the website, so that the process of donation and learning about the organization is clear and easy to understand.
LEARNING FROM OTHERS
We drew inspiration from existing NGOs, picking out features we thought would be the most suitable for the task flow.
SKETCH & DECIDE
We worked individually together! Following the 4-step method (Notes - Ideas - Crazy 8s - Solution Sketches)
We presented our solutions and discussed & decided which solutions to prototype. We then created greyscale wireframes of the same.
PRIORITIZE BEFORE NIT-PICKING
USER TESTING & ITERATION
We tested our then tested our initial prototype with 5 users and received some valuable insights. We prioritized the feedback in order to make efficient changes for a revised prototype.
Design Iterations -
LOOKING INTO THE FUTURE
Include testimonials and personalized stories to further improve the storytelling.
Conduct more user interviews & A/B testing with the high-fidelity prototype to improve the design and usability.
Overall, this Design Sprint has been an amazing collaborative UX Design experience. It helped me understand a clear vision of the project goals upfront. Being a team player helped me learn how to make big decisions without long discussions and prioritize high-impact design iterations to improve usability.
A peek into the intentions and mindsets of p
People feel more inclined to donate if they can connect to the cause.
It’s important for NGOs to highlight transparency and accountability.
People want to track and see how their donations made an impact.
Asset credits - Icons: Remix Icons | Stickers/Illustrations: Flaticon | Pictures: Unsplash, Pexels
THANK YOU FOR WATCHING!
Please feel free to reach out if you would like to hear more! 👋🏻