Lunch Money Buddy

Interactive Prototype Presentation

BMC's design process diagram'

Project Scope

The Lunch Money Buddy is an interactive prototype application designed for parents and guardians to manage their school-aged children's cafeteria lunch accounts. The app needed to be user-friendly and appealing to advanced, novice, and busy and disorganized users.

Mobile verticle and horizontal view of lunch money buddy apps' home screen''

Planning/Storyboard

User journeys were sketched to demonstrate the app's functionality and the potential paths users might take. Based on these user journeys, wireframes were created to illustrate the navigation and content placement.

BMC's design process diagram'

Navigation

The sitemap was developed to determine the most effective navigational structure based on user preferences.

The top navigation features main quick links for the lunch menu and alerts. The left slide navigation is organized into sections for easy access, including setup, user accounts, menu links, and information about the Lunch Money Buddy App.

Mobile verticle and horizontal view of lunch money buddy apps' home screen''

Wireframes

Detailed wireframe illustrating navigation, content placement, and user flow in both vertical and horizontal orientations.

BMC's design process diagram'

Final Interactive Prototype

Task: Fund Account

  • View Balance
  • Add Multiple Payment Methods
  • Select a primary payment method
  • Change/update payment method
  • Delete a payment method
  • Enable Auto-Replenish Option

Task: View Menu

  • View School Lunch Menu
  • View the upcoming weekly menu
  • Mark Menus as Favorites

Task: View Status & Close Account

  • View Subsidy
  • Check subsidy status
  • Close Account
  • Delete account, clearing all payment methods and auto-replenish settings
View Lunch Buddy PDF