An outdated website hindering foster connections
Company
Northwest Adoption Exchange (NWAE), a non-profit organization established in 1976, dedicated to connecting children in foster care with prospective adoptive families across the Northwest region.
The mission
Create a welcoming, emotionally engaging website to foster connections between children in foster care and prospective adoptive families.
Final Prototype
or keep reading some research below
My Responsibilities
User Persona
User Journey
Design System
Prototyping and iteration
Team
4 Designers
Time
1.5 months
End Product
Before vs. After

Home page: before

Home page: after

Youth profiles: before

Youth profiles: after

So… How Did We Get Here?
NWAE addressed user need to feel continually motivated navigating the website
The existing website was hindering the adoption process. Users, particularly prospective adoptive parents, felt overwhelmed and disengaged while exploring profiles of foster children. The site lacked emotional depth and failed to motivate users to complete their journeys.
User Journey Mapping
Mapping the user journey to uncover critical barriers
Design Intention
Slowing down the process for better engagement
Adoption is an emotional, deeply personal decision. Our primary goal was to slow down the user’s thought process and create a space for reflection. By simplifying content and reducing decision fatigue, we shifted focus from overwhelming details to the child's story, promoting a more heartfelt connection.
Issues
Bias in filter system
Filters based on age, gender, and ethnicity were allowing users to exclude certain children, leading to unintended discrimination.

Youth Profile Page: Filter

Issues
Reducing cognitive overload and decision fatigue
The youth profile page initially required a 10-second scroll, presenting too much information at once. This not only overwhelmed users but also diverted their attention from the youth's story, preventing them from engaging emotionally.

Youth Profile Page

Redesign
Grouping categories to intentionally hide race, culture, and ethnicity
To address potential bias and create a more inclusive experience, we intentionally grouped sensitive categories such as race, culture, and ethnicity under a "More" option. This design choice was made to prevent users from making quick, biased decisions based on these factors, ensuring that the children were viewed as individuals rather than filtered by characteristics.

Youth Profile Page: Filter

Youth Profile Page: New Filter

Redesign
Simplifying the profile page to reduce overload and bias
In line with Miller’s Law, which states that people can only remember 7±2 items at once, we limited the information on the youth profile page to just two key lines. This helped reduce cognitive overload, ensuring that users could focus on each child as an individual rather than being distracted by too much information.

Youth Profile Page

New Youth Profile Page

Final prototype
Where every click brings families closer together
The final prototype transforms the website into a space where prospective families can slow down and engage meaningfully with each child’s story. By simplifying the layout and removing bias-inducing filters, we ensured that the focus remains on each child's individuality, fostering more thoughtful and emotional connections.

New Youth Profile Page

Design System
Crafting a design system rooted in inclusivity and emotion
We developed a comprehensive design system based on principles of user-centricity, creativity, accessibility, inclusion, emphasis, and consistency. This system ensured that every design element contributed to a cohesive and emotionally resonant user experience.
Design System
Thoughtful color and typography choices conveyed warmth
We selected a color palette that communicates brightness and warmth to evoke feelings of hope and connection. Utilizing Airbnb's Cereal font for its roundness and clarity, we enhanced readability and contributed to a friendly and approachable interface. Additionally, we ensured accessibility by maintaining adequate contrast ratios.
Reflection
Personal insights and growth experienced during the project
This project was a powerful reminder of the responsibility that comes with design. Every choice we make—from the layout to the colors—can influence emotions and decisions.

By prioritizing empathy and user needs, we crafted a website that not only meets functional requirements but also fosters meaningful connections. This experience has reinforced my belief in the power of design to drive positive societal change and has equipped me with valuable insights for future projects.