donation x hero.png

Donation X

UX DESIGN   UI DESIGN   iOS

⏱ Project Scope: 3 months

🚀 Project Type: Experience Design Course Project

👩🏻‍💻 Responsibilities: UX Research, UI Design, Usability Testing

🎨 Programs Used: Sketch, Invision

The Problem

Donating in the city can be a pain, lugging heavy garbage bags full of clothes and shoes through the city only to arrive at your chosen donation facility to find that they only accept men’s professional clothes. Hmph. If you don’t happen to live near goodwill or have a car, donating can be a half a day endeavor. For us busy folk, taking half a day out of your weekend can feel next to impossible.

The Goal

My vision with my app was to create a seamless donation experience by showing users where current donation facilities are, what they accept if they support at home pick up and the best route to take to drop off all of your donations. 

background.png

Elise is a busy 20 something new to NYC.

Elise always has good intentions of donating unneeded clothing but she is a busy 20 something and doesn’t have time to dedicate half a day to find a donation facility that will accept all of her things. She often puts it off for so long that she gets tired of the garbage bags of clothes taking up space in her room that she just throws them away.

Olivia is a mother of 2 under 5.

Olivia's children are constantly growing out of their clothes and living in a NYC apartment she doesn’t have much storage room for unused clothing. She likes the idea of donating as well as buying used clothing for her children. But dragging 2 young kids to multiple donation stores on a Saturday isn’t Olivia's ideal day. 

donation x sketches.png

Ahh, wireframes. I had to learn how to love these little guys.

When I first started product design I was too impatient, I wanted tog wanted to get straight to But now that I've learned, I could never go back! Creating high fidelity wireframes are so incredibly important to my designs. They help me slow my mind down and concentrate on the User Experience of the flow vs the UI.

donation x wireframes.png
DonationX-moodboard.png

UI Design

I wanted my app to portray feelings that I get when I donate my items; happiness, hopefulness, and a sense of feeling lighter.

 

I spent a lot of time researching the meanings of different colors and yellow truly fit what I was trying to portray symbolizing positivity and hope.

Learning Outcomes

Being that Donation X was created in a class-like setting, I was learning while creating. I was given so much valuable support and feedback throughout my process. Coming from a Graphic Design background with strong knowledge of UI there were some big UX learning curves that I had to overcome.
 

  • Pay more attention to the bare bones and wireframes before adding in UI

  • If you are stuck on a screen for hours, move on and come back later

  • Interview sooner, rather than later
     

Overall, through this course, and this project, I learned that UX always comes first. It doesn't matter how pretty the app is, if the user experience does not work.