We collaborated with Object Partners, Inc. to revise and improve the UI/UX of DMF's existing donation platform used on Giving Hearts Day. Through exploration with the client, we discovered areas of the site that needed to be more intuitive and designed solutions to make the donation process easier for those interacting with the platform during the day of giving.
We redesigned interfaces to visually connect the existing platform to the newly created one-page site as well as reconfigured said interfaces to reflect industry standards and best practices for UI/UX.
![Orange, pink, and yellow post-it notes on a tan paper pad outlining user experience flow](https://nupolitan.com/images/portfolio/ghd_site_uiux/ghd_site_05.jpg)
Mapping the user journey
![Animation of project listing UI](https://nupolitan.com/images/portfolio/ghd_site_uiux/ghd_site_01.gif)
![Animation of pop-up window UI](https://nupolitan.com/images/portfolio/ghd_site_uiux/ghd_site_02.gif)
![Sketch of buttons and UI elements for Giving Hearts Day donation site](https://nupolitan.com/images/portfolio/ghd_site_uiux/ghd_site_03.jpg)
![Animation of pop-up window UI on Giving Hearts Day donation site homepage](https://nupolitan.com/images/portfolio/ghd_site_uiux/ghd_site_04.gif)
![Screen captures of each step of donation process](https://nupolitan.com/images/portfolio/ghd_site_uiux/ghd_site_19.jpg)
The donation process from start to finish
![Close-up of laptop screen displaying live counter of donors on Giving Hearts Day](https://nupolitan.com/images/portfolio/ghd_site_uiux/IMG_4604.jpg)
A real-time counter displayed the running total of donors throughout the day of giving.
![Mockup of old Giving Hearts Day donation site UI on iMac](https://nupolitan.com/images/portfolio/ghd_site_uiux/ghd_site_13.gif)
![Mockup of revised, newly-designed Giving Hearts Day donation site UI on iMac](https://nupolitan.com/images/portfolio/ghd_site_uiux/ghd_site_12.gif)
Comparison: Before & After