PROJECT BRIEF

The challenge was to create a mobile app called “Lunch Money Buddy” which allows parents and guardians of school-age children to manage various aspects of their kids’ school cafeteria lunch accounts.

 

PROCESS

The first step in the process of making the app was to create user journeys from personas. User journeys are a way to understand customer needs that are beyond the structure of a website’s content and functionality.

 

The second step was to create a site map. The hub and spoke model utilize a central screen that acts as a launchpad for exploration. Links point outward to other sections of the application, each siloed from each other. This home screen approach eliminates the need for a prominent global navigation on each page making it a popular choice for task based applications that benefit from focus and minimal distractions. This makes it ideal for the older demographic that would use the Lunch Money Buddy app.

 

From the sitemap, low fidelity wireframes were sketched out and turned into annotated mid fidelity wireframes which would be the basis for the interactive prototype.

 

Benefits of wireframes include: Helping the client focus, understanding the basis of the information architecture and having the ability to find potential usability problems