Case Study & App
tools
Figma
Keynote
Adobe Dimension
Illustrator
Photoshop
InDesign
YouTube
Typeform
Problem Assessment
Ideation
Sketching
Competitive Research
Wireframing
Prototyping
User Testing
Icon Design
UI Design
Motion Design
UX Copy
Branding
skills
My Design Process
01
empathize
big idea
An app to help people build a habit of practicing anti-racism in their daily life.
big idea
An app to help people build a habit of practicing anti-racism in their daily life.
details
Many people have taken up the task of learning more about systemic racism and began efforts to work toward anti-racism. It takes time and consistent effort and can be difficult to know where to start or how to organize anti-racist education into your life. This app will help people get organized and stay on track with daily anti-racist learning goals and a like-minded community.
02
define
Project Brief
You've been approached by a client who believes there is a big market for people wanting to change their behavior (eat less, exercise more, save money, read more, learn the drums, etc.). They would like you to create an app that helps people reach their goals.
Problem
Solution
Goals
03
discover
research
Survey
What roadblocks exist around anti-racist education & action?What are people doing now to learn about systemic racism?
How can we help people become and stay dedicated to anti-racist learning & action?
Key Findings
100%
most
many
competitors
Feature Matrix
easy wins
expensive,
high value
low cost,
low value
expensive,
low value
persona
MEET LINDA She is a hard-working nurse, a loving mother and grandmother, and an engaged citizen. She has been paying attention to the Black Lives Matter movement and she believes in it, but she doesn’t fully understand all of it. She is interested in learning more about systemic racism and how to get involved, but doesn’t exactly know where to start.
04
ideate
pov statement
Point - of - View
User
Needs
Insight
hmw statements
How - Might - We
sketches
Brainstorm
Coming up with ideas that could be implemented into the app.
Task Flows
Task Flow 1 Linda creates an anti-racist action plan
Task Flow 2 Linda reads a recommended article and discusses with other app users
Task Flow 3 Linda joins a weekly anti-racist challenge
proof of concept
Task Flow 1
Action Plan 1/6
Action Plan 2/6
Action Plan 3/6
Action Plan 4/6
Action Plan 5/6
Action Plan 6/6
.png)
05
test
Testing & Feedback
Learn grow act
Easy to understand categories
- Each of the respondents were confused about the difference between Action Plan and Act on the Home Page
- After testing, one tester suggested more prominently featuring Learn, Grow, Act on the Home Page and moving Action Plan under the Act category
un-
clear
Difficult to understand
- The meanings behind the sections on the first page aren’t clear, how does motivate differ from focus?
- What do they mean in terms of ADHD?
- May not be clear to someone who is newer to an ADHD diagnosis
- Need a “success” page or some kind of acknowledgement after entry
dated ui
Styling feels a little old
- The colors and design feel a little outdated
- Some white space, curved edges, and a color refresh will help create a more modern feel
updated flow
Invision Live Prototype
06
design
moodboard
brand & visuals
more task flows
Task Flow 2
Learn through reading an article and discussing it with others.
Adobe XD Live Prototype
Task Flow 3
Join other users in a weekly anti-racist challenge.
