Re-thinking the design of TD Login & Dashboard
THE PROBLEM
With a growing number of people out of work along with strict social distancing measures in place these two factors spell disaster for the non-profit community.
OVERVIEW
Watch For Good is a charitable social network and marketplace. Their goal is to increase the corporate social responsibility footprint within the giving community through sponsorships, fundraising, advocacy, and social.
DURATION
May 2021 – Ongoing
ROLE
I worked deeply through each step in the design process and ultimately brought the idea from conception to fruition. The experience was challenging but incredibly fulfilling. Worked with the WatchForGood team – conduct user research, competitor audits, affinity mapping, designed using the solution-based approach, prototyping.
Pooja Daryani – (Designer)
Rachel Smith – (Designer)
Kevin Reynolds – (Project Manager)
01. Overview
Understanding the Problem
Learning more about the basics
Watch4Good provides an exciting mobile experience for users to:
Watch4Good offers an exciting, engaging bridge to users looking to donate funds for a given cause and nonprofits seeking aid to do good in the world.
Also educates the community about the needs of the non-profits and the causes they stand for.
02. Research with a Purpose
Survey Insights
Studying competitor websites
This survey was written to get a better understanding of how respondents use social media, how they donate to various charities/causes, who the respondents support, and how these behaviors overlap when using social media.
Competitor Audits.
Studying competitor websites
We conducted competitor analysis across existing apps that offer similar features to our idea. We examined the things these apps did well, and the things that could be improved on. Through this, some of the key takeaways:
Key Takeaways
1️⃣ What features to prioritize in our app.
2️⃣ Clean home page design with minimalistic design
3️⃣ Ideas of how to get people involved in the donation
4️⃣ Highlight different ways of donating- and show money are not the only way to donate.
03. Ideation & Brainstorming
Finding & Analysis
Top insights about user needs and behavior.
From the research, we started with writing down as many ideas as possible on post-its, and mapped them to the entire interaction journey. We did four rounds of ideation sessions, with each round focusing on a different problem area
Four themes emerged after conducting an affinity analysis of the research data.
Identified Personas
Three primary personas were created keeping the WatchForGoods solution in mind
Three personas were emerged after conducting an affinity analysis of the research data.
04. Concepts & Features
Converting HMW to Design Opportunities
How did we turn research insights into product features?
Approaching HMW questions with a holistic design understanding, ensuring the solution is well integrated into the design.
05. Diving Deep into Design
ONBOARDING SCREENS
The Entry Point – Included an in-depth step-by-step onboarding.
➡️ Problems Solved
? Onboarding Screens – sets a clear expectation of what to expect from apps
LOGIN PAGE & CHOOSE CATEGORIES
Login Page – Simplifying the interface
➡️ Problems Solved
? Simple form field which will encourage users to register.
? Users can select the causes they are interested to help. WatchForGood shows related videos to the users
HOME SCREEN, POP UP & COMMENT
Visualizing Tokens and Goal
➡️ Problems Solved
? User interface is very similar to other social media apps – which will help all age users to understand how the app works
? Congratulations – pop up shows after the user finishes video tokens are added to the user account & user can also see what are comments on the given video
EVENTS & GROUP SCREEN
Users can meet similar like-minded people
➡️ Problems Solved
? Events works very much similar to the meet-up app. It helps users to create awareness of events going on and book the ticket for the interested event.
? Groups page to help users to meet familiar people, encourage them to contribute towards the cause
SEARCH & INBOX SCREEN
Prominent search feature, Messaging app inbuilt
➡️ Problems Solved
? Search features gives user an option to explore different brands, causes, events and groups
? Inbox feature – messaging app that helps users to communicate. N-(Non-profit) G-(Group) U-(User) to help people identify who is the message from.
