top of page

Vacks

UX Design, User Research, Wireframing, Prototyping, UI Design,User Testing

2022

Vacks is an app that makes it easier to order snacks at cinema.

Project overview

The problem: 

Snacks and cinema are two inseparable things, as users like to munch on some snacks while watching a movie at the cinema, but the problem of waiting in a long queue and missing a movie scene to grab snacks do frustrate users

The goal: 

Our Snacks ordering App will let users place snacks order anytime which will affect users who are in haste or don’t want to miss a movie scene by letting user skip the in-store order line and saving them.

User research: summary

User research was conducted at the early stage of the design which makes understanding the problem from user perspective easier, after the digital wireframe has been designed, usability testing was conducted to know if the design conforms with the user needs.

Users waiting on long queue to order snacks

User research: pain points

Missing some movie scenes in order to make order for snacks

No snacks option/sizes for kids

Persona

Man in Pink T-shirt

Abiola

Problem statement:

Abiola is a busy student 

who needs snacks ordering app for cinema

because he doesn’t like to queue at the counter or miss a movie scene

Goals 

  • Grab a snack anytime I feel like snacking at the cinema.

Frustrations 

  • Long queue at snacks counter even if you order ahead

I designed a mobile application for a local restaurant that allowed users to easily view the menu, make reservations, and order takeout. Click here to add your own text and edit me. It’s easy. Just click “Edit Text” or double click me to add your own content and make changes to the font.

Problem statement:

Bolanle is a 52-year-old writer in Ilorin, she’s divorced with two teenage kids, and she enjoys going to the cinema after Sunday service with her kids to relax. This is one of the activities she enjoys doing with her kids.

Goals 

  • To find a nice cinema to relax during weekends

  • Grab a snack anytime i feel like snacking at the cinema 

Frustrations 

  • Inspection Frustrations

  • Irrelevant Charges

Attractive Mature Woman

Bolanle

User journey map

Screenshot 2023-08-05 at 10.18.56 AM.png
Mapping Abiola  and others User’s journey reveals how helpful it will be to have access to a snacks ordering app at cinema.

Digital Wireframes

The image gives the user a clear picture of the menu also the details and price makes the user know what the user is about to order. 

Screenshot 2023-08-05 at 10.20.47 AM.png
Screenshot 2023-08-05 at 10.20.21 AM.png

The promo banner will make it easy for users to get available combo bonus, this banner can also be use to advertise or showcase a new menu

The category session will make navigation easy since all snacks are categorised user won’t spend much time to order a snacks

Usability study: findings

After i created the wireframes, I conducted a usability study that added to my insight
Round 1 findings

Users needs login

Users find the navigation easy

Users like to add multiple menu and add to cart

Round 2 findings

Not all users find cart important

Users find the whole process is easier

Screenshot 2023-08-05 at 10.38.22 AM.png
Screenshot 2023-08-05 at 10.38.30 AM.png

Mockups

Vacks.png

High-fidelity prototype

The high-fidelity prototype has a cleaner version of the design and its user flow for ordering a snacks at cinema.
The high-fidelity prototype
Screenshot 2023-08-05 at 10.44.36 AM.png

Accessibility considerations

A search bar is included which have a voice typing, and also a screen reader that makes it easy for people that are visually impaired to use the app.
Carefully color selection and contrast improves users visibility.

Takeaways

Impact: 

This design will make having fun a full package for a movies viewer at the cinema.

 

“The prototype is easy and the design is neat”

What I learned:

Conducting user research and usability testing I have come to realize that, bias is a big obstacle a designer should be conscious of and try to do away with it.

Next steps

Hand off to the engineering team, and providing them all they will need to implement this design
Further usability testing will be conducted at some phases and  updates will be made on the app
bottom of page