top of page
Brewery project.webp

BEER GARDEN APP

BEER GARDEN APP

A mobile app designed for a local brewery, enhancing the customer experience with features like ordering, event updates, and exclusive promotions.

THE PROBLEM

Some individuals face communication barriers in bars or restaurants, leading to exclusion or discomfort.

THE SOLUTION

An inclusive experience that allows everyone to enjoy the brewery, while also reducing wait times and boosting sales.

PROJECT YEAR

January - June, 2022

Overview - Beer App.webp

Design Thinking Process

Empathize _edited.png

Empathize

Group 456 (1).png

Define

3 Ideate.png

Ideate

4 Prototype.png

Prototype

5 Test.png

Test

ICONS Flaticon: Smashicon, Freepik, Gowi, Iconixar

EMPATHIZE

Understanding the User

Users aged 18 to 70 who frequently visit bars or breweries were interviewed to identify their needs, behaviors, and pain points. Research is essential for gathering real user data and uncovering insights to guide the solution.

Analysis.webp

Pain points

1

Availability

Users want to secure a table in advance and avoid long waits for an available spot or for their order to be served.

2

Accessibility

Users need assistance if they have a disability or speak a different language, ensuring a more inclusive experience.

3

Menu

Users want a clear, detailed menu with product descriptions that are easy for everyone to understand.

Personas

Problem statement:

Simón is a student with Autism Spectrum Disorder (ASD), who needs to reduce contact with strangers when he goes out with his friends, since his communication difficulties can negatively affect his experiences in this type of places.

Persona - Simon.webp

User Journey Map

It helped visualize the path users take to complete a task, highlighting their pain points and emotions. This provides insights for identifying design opportunities to address their needs.

User Journey map.webp

DEFINE

Paper Wireframes

Helped visualize initial ideas and organize the information. Creating the path in real-time allowed us to identify any steps we might have missed, ensuring the flow was intuitive and comprehensive.

Paper wireframes.webp

Digital Wireframes

At this stage, elements are arranged within the actual screen size, and the user flow is optimized for a seamless experience.

Digital wireframes.webp

Low-Fidelity Prototypes

LO-FI Prototypes.webp

Usability study: parameters

Study type.png

Study type

Unmoderated usability study

Location.png

Location 

Italy, remote

Participation.png

Participants

5 participants

Lenght.png

Lenght

15-20 minutes

ICONS Flaticon: Iconixar

Usability Study: Findings

1

Payment Process

The payment process is overly complex.

2

Language Settings

There should be an option to easily set the preferred language for better accessibility.

 

3

Communication

Improved communication between users and waiters is needed to enhance the overall experience.

REFINING THE DESIGN

High Fidelity Prototype

HI-FI prototypes.webp

Accessibility Considerations

1

Communication

Ensure the app provides multiple ways for users to interact with the content, making it accessible for individuals with various communication difficulties.

2

Support

Design features that cater to users with cognitive disabilities, such as simplifying information presentation and providing clear instructions for navigation.

3

Language

Consider the diverse language needs of users, providing flexibility in language settings to ensure that the app can be understood by users from different linguistic backgrounds.

FINAL PROJECT

Contact.jpg

Ready to elevate your brand?

Get in touch and let’s create something great.

Catalonia, Spain

Follow me 

  • LinkedIn
  • alt.text.label.Instagram
bottom of page