Duet is a nonprofit startup that aims to rebuild the lives of refugee families through item donations. Donors can buy items for the refugee families on the Duet website, after which the refugees can go to local stores and pick up the items.
I worked for Duet for about a year, both as a design intern and later, the lead product designer. While I completed multiple projects there, one of my biggest projects was designing the new, personalized impact page for donors.
The first stage of the design process was researching the problem. Our team interviewed multiple donors to collect pain points and useful insights.
From this we came to the conclusion that many donors felt unsure of the impact of their donation and wanted more clarity. My goal as a designer was to help donors understand the impact of their donation and show how it directly solves the refugee crisis.
To solve these pain points, I created a new impact page that lived on the donor's individual profile. While each feature is broken down in more detail further down, all of them work in tandem to provide more transparency into Duet operations and effectiveness.
This page is also high personalized based on items and families supported. The more the donor gives to Duet, the more this page grows in content, providing a sense of reward and satisfaction.
Users can swipe through the carousel to see the families they've donated to and the items given. This serves as a reminder of the impact that donors have made, providing a sense of satisfaction and empowerment.
This feature breaks down item donations into three keys stages that mirrors the process of rebuilding for refugee families. By including short descriptions of each stage and categorizing each item, donors have more context into how Duet works.
This part of the page highlights the economic impact that item donations have on local stores. Although store owners are a crucial part of the Duet story, they are often forgotten by donors, so I wanted to emphasize the relationship between the two stakeholders.
Within this design question were some design goals that needed to be achieved in order to solve for the pain points outlined earlier. These included:
I started off my visual explorations with a variety of options, ranging from fact cards in Option 1 to more simple iconography in Option 3. I presented these to not only the designers but marketing and business development teams. We decided to go with a direction related to Options 3 and 4 because they felt more comprehensive and clear.
I started to explore visual representations of donor data such as progress bars, graphs and tables. After some critique, however, I realized that showing these graphs did not fit the brand of Duet and risked overwhelming the donor. I finally arrived at the map like progress bar in Option 4.
Since other features on the page were very text and number heavy, I knew that I needed to introduce some illustrations or graphics to counterbalance it.
I gained two key takeaways from this project:
To the entire Duet team, thank you so much for welcoming me into the organization as an intern and trusting me to lead the design team months later. Special shoutout to Spence for mentoring me along the way.