During the research phase, personas were reviewed and essential goals were established based on behavior, lifestyle, and technological comfort level.
Mobile application research was completed using successful app such as Facebook and Huntington Bank. 81% of mobile application users have Facebook, so the interface is familiar to a wide audience. The primary users of Lunch Money Budy are parents and guardians of school-aged children. In the United States, 64% of Facebook users are over age 25, adding further support to utilizing a similar layout and features.

Muliple sketching sessions created the Lunch Money Buddy's early interface. During these sessions, feedback was given on the flow of information, the clarity of the interaction, and the solutions presented. Intial, rough sketches led into refined sketches utilizing a mobile phone template. For this project, the iPhone 6, 8 Plus, and X were used interchangably to explore solutions across the iOS platform. The site map guided guided the creation of screens and their connectivity.

Utilizing Proto.io the refined sketches were transformed into a usable wireframe with interactivity. Through several feeback cycles, the interactions were reveiewd, adapted, and changed in order to provide the user with the features they require. The feedback sessions also reveals layout problems, hierarchy confusion, and awkward placement of elements. Through these feedback sessions the Lunch Money Buddy protoype was revised and a wireframe solution was developed.

Once all the feedback was considered and applied to the wireframes, the final solution was created from the wireframes. Fonts were considered, color schemes were decided upon, and graphics were created for the final prototype. During this phase, it was important to keep the underlying wireframe's functionality clear as it was the foundation to be built upon. The design of the protoype could not compromise the interactions previously created.