Make A Wish

the ask

  • In 2017, I was asked to design an IOS mobile app for Make-A-Wish Foundation. This was to be specifically for board members wanting to know how to donate and get involved fulfilling wishes. The developers to build it were summer interns and after they were done, the code was to be handed over to MAW.

My role

  • Information architecture, sitemaps, userflows

  • Wireframes

site architecture

Many lunch meetings with MAW board members lead to the below sitemap. I learned that fulfilled wishes have photos of children and stories: it is relatively easy to make them appealing to click on. Unfulfilled wishes, however are brief and have no photos. The challenge was to show users the stories of fulfilled wishes and guide them to the unfulfilled ones. We decided to put CTAs at the end of each fulfilled wish to guide people to unfulfilled wishes that share the same wish category (such as a child wishing for a trip). Also, another way to organize content and get users to donate is to group wish needs. A user with a surplus of airline miles could scroll though needs and discover the perfect way to help.

I did not get to meet any of the children in the stories but my heart went out to them. In 2017, I passed the project onto the incoming designer to finish. In 2020, I am reworking some of the designs (as a proof of concept) and updating things to current phone and app standards.

2020 edit of 2017 work

2017 flows

2017 design

2020 revamp

I am re-examining this work now in a 2020 context (face ID, latest iPhone, etc). Also, I am pulling in elements of the recent Make A Wish rebranding: new logo, colors, and soft-edged stars.

signup Flow

Misc Login screens below

stories.png