isral Duke | Designer Food Truck Site |

Food truck responsive web site being presented on iPads and iPhones.

Food Truck Site Details

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

Try Food Truck Site yourself

Project Role & Goal

During the BzzTruck responsive website project I acted as the UX Designer and Visual Designer. BzzTruck’s goal was to create a new, responsive website so customers can engage with it. The website allows visitors to see the BzzTruck’s location on the current day and the next day. It also allows customer to pay ahead for contactless payments.

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. The target audience is familiar and comfortable with mobile ordering.

Food truck site personas, Tina and Tucker, representing two user groups.

Key Challenges

The key challenge was to condense the client’s desired features and market-standard features into a singe page website. This decision reduced the information architecture and navigation to bare minimum which tested well among participants.

Research

Remote interviews uncovered popular food trucks in the regions where the participants lived. These participants also took part in the usability studies remotely, via teleconferencing and screen sharing.

Digital Wireframes

Digital wireframes created from the best hand sketches.

Usability Testing

Usability testing data was recorded in a spreadsheet for each of the participants. Each participant was asked to perform key tasks in the wireframes. Moderated, remote testing enabled us to answer questions about the function about the testing apparatus verses the actual wireframe design.

Affinity diagrams distilled from usability testing insights.

Conclusion

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

Certifications

Continuing education is an important part of being a designer. Staying on track in technology means serving the users. This also means watching the industry leaders and learning from them.

W3C Accessibility

It makes moral and business sense to ensure everyone can use your app.

Verify isral Duke’s certification for W3C Accessibility

Google UX Design

I studied Google’s own internal UX process for knowing what users need.

Verify isral Duke’s certification for Google UX Design

Interaction Design

People respond to digital products based on prior experiences in combination with our brains’ wiring.

Verify isral Duke’s certification for Interaction Design

Adobe Photoshop

Photoshop is the market leader of for image manipulation.

Verify isral Duke’s certification for Adobe Photoshop

isral Duke’s Skills

UX Skills

UX Design is discovering and knowing what to build. UX means talking to users and getting their input.

  • Accessible Content Development
  • Information Architecture
  • User Research

Design Skills

Interaction Design is creating an interface or process around the users’ problems and goals. It’s informed by the UX research phase.

  • Accessible & Inclusive Design
  • Creative Cloud
  • Figma
  • Graphic Design

Technical Skills

Technology is how users’ solutions are built. Good design takes technology into account.

  • Accessible Markup
  • Bootstrap
  • HTML, SCSS, CSS
  • GitHub