Food Truck Site

A responsive website for a food truck allows visitors to find its daily location and pay ahead.

Food truck responsive web site being presented on iPads and iPhones.
iPhone showing the screen with food details.
iPhone showing the screen with the shopping cart.
iPad showing the screen wth food details.
iPad showing the screen with the items in the food truck menu.

Project Stats

  • Type Personal
  • Platform Web
  • Status Proposed

Project Roles

  • User Researcher
  • UX Designer
  • Visual Designer
Try Food Truck Site
Design File for Food Truck Site

Project Goal

Create a responsive website so customers know when the food truck is in their area and place their order ahead of time.

Target Audience

BzzTruck’s audience is primarily onsite employees and workers in the cities where it has a presence. These are mostly office workers in a variety of sectors.

Persona card for Ricky, who represents older food truck site users and users who are pressed for time. Persona card for Tina, who represents younger food truck site users and users who want a daily food experience.

Research & Key Challenges

During remote interviews I uncovered popular food trucks in the regions where the participants lived. These participants also gave me information in the usability studies remotely, via teleconferencing and screen sharing, to create user journeys.

The key challenge was to condense the client’s expectations and market-standard features into a simple website.

User journey map for Ricky. User journey map for Tina. Empathy map for Ricky. Empathy map for Tina.

Initial Design Concepts & Wireframes

The wireframes were created alongside the users’ input. Their interviews became the basis for decisions made in the digital wireframes.

Digital wireframes for the iPhone size screens for home, food details, payment, and shopping cart screens. Digital wireframes for the iPad size screens for the home and contact screens.

Usability Testing

Usability testing data was recorded in a spreadsheet for each of the participants. The responses were transformed into affinity groups to find themes.

Usability issues recorded when tester 1 reviewed the wireframe prototype. Usability issues recorded when tester 2 reviewed the wireframe prototype.

Conclusion

Depending on BzzTruck’s business success, a mobile application will designed which will feature notifications in conjunction with order ahead and proximity sensing.