Mobile App Wireframes & Prototype

Mobile App Wireframes & Prototype

In our Ideation, Prototyping and Testing course, we were tasked with developing a hypothetical mobile app that would allow the user to order ice cream from an ice cream truck for delivery.

iCE TREAT successfully brings the ice cream truck experience into the digital age. I guarantee you remember that level of excitement when you heard the unmistakable ice cream man song off in the distance on a hot summer day, eventually chasing the truck down and staring at the huge menu of popsicles, push-pops, cones and ice cream sandwiches and figuring out what you wanted at that moment. iCE TREAT brings that special seasonal nostalgia to your mobile device.

My app emphasizes a clean, simple UI with large, engaging imagery to evoke that classic ice cream truck ordering experience. With iCE TREAT, users will be able to schedule ice cream delivery and monitor trucks in their neighborhood, taking the biggest hassle out of the classic ice cream man experience: figuring out when and where the ice cream man is today.

Sketched rough wireframes on paper and used POP by Marvel to create a clickable mobile prototype:

Created annotated wireframes using Balsamiq:

Project evolved into clickable high-fidelity wireframes created using Adobe XD:

hi-fidelity-prototype-1000x585.jpg