MY BIG LOVE

Digital environment for a restaurant including a website, mobile applications, and an interactive menu for on-site iPads

MOSCOW, RU | 2020

34A8015
unnamed-file
ruprize

Runet Prize
Award winner

BACKGROUND

The wine bar industry in Moscow is highly competitive. The founder of a new wine bar was keen to disrupt the traditional restaurant industry by providing a high-quality customer experience using modern digital technology. The intention was to make the wine bar stand out from its competitors.

MY ROLE

I was responsible for product design in the company. I expanded our team by hiring a new designer for the first version of the website and routine tasks. This allowed me to focus on the digital menu and mobile apps, which were the key products. After a while, following the research results, I was solely responsible for upgrading the website.

SOLUTION

This project aimed to design and launch a restaurant menu for on-site iPads integrated into restaurant management software. We also aimed to design and launch a website and mobile apps (iOS/Android) with an integrated online shop and loyalty programme.

RESULTS

UNDERSTANDING THE USERS

We defined our target audience and split them into three roles:

  1. Beginners in the wine world.
  2. Experienced visitors who have some knowledge about wine and have specific preferences.
  3. Professional wine lovers.

I conducted interviews to collect their thoughts and habits regarding their restaurant experience, pain points and insights.

CONCEPTS

After the workshops with our team, I created an information architecture for our digital products:

1-3.1

Later, after several rounds of sketching and team meetings I've designed wireframes for the iPad menu, app, and website. Some menu's screens:

Wine list
Wine list
Filters
Filters
Item's page
Item’s page

USABILITY TEST

We conducted a usability test on the iPad menu prototype with six respondents. I prepared typical questions for tests related to visitors' customer journeys in a restaurant. Each usability test scenario included three groups of questions and tasks:

  1. Exploration tasks to reveal the first impression of an interface;
  2. Specific tasks to go through a particular user flow;
  3. Additional questions related to the interface to gather more insights from the user.

One of the early version prototypes helped us test the initial filtering on the menu's first page:

 

FINAL DESIGN

I designed an iPad menu as an interactive wine list with filters, searching features, and detailed descriptions for each item. The menu syncing with the restaurant management software meant a visitor could only see items "in stock." I insisted on making a web app instead of a native iOS app to avoid inflating the development costs and speeding up the project. As a result, our development team will make all future changes without involving an iOS programmer.

Home page with initial filters
Home page with initial filters
Wine list
Wine list
Filter properties
Filter properties
Item’s page
Item’s page
Food list
Food list
Beverages
Beverages

The mobile application includes a loyalty programme, an online shop, and the restaurant's website review sections.
The loyalty programme allows receiving bonuses for scanned wine labels. Bottles have a unique QR code, and the restaurant management system tracks each purchase/scan, providing the data to the analytics squad.

Bonuses, user’s rank
Bonuses, user’s rank
Online store
Online store
Filter
Filter
Info after scanning the label
Info after scanning the label
Bonuses, user’s rank
Bonuses, user’s rank
Orders list
Orders list
Consumed wine statistics (experiment)
Consumed wine statistics (experiment)
App is here
App is here

In the first release, the website had only general information about the restaurant. Later, we added the wine online shop. After that, we had several updates as we searched for growth points to increase the conversion rate.

MBL-new-3-scaled-1
MBL-new-2-scaled-1
MBL-new-5-1
MBL-new-1-1-scaled-1

KEY CHALLENGE

It was a long-lasting and changing project. We kept a high-intensity pace and delivered the product increment biweekly. It was challenging for me to work as the sole designer in the company, as we had FE/BE and mobile engineers, as well as marketing and analytic squads.

KEY TAKEAWAYS

Sometimes, it can be beneficial to change traditional things, such as paper wine lists. Our customers praised our digital wine list, which provided a unique customer experience for wine lovers.

Hiring designers to take on some of your design work helps you stay focused on key products and minimizes routine tasks.

It's important not to be limited by design boundaries alone. A product designer is also crucial in the product and can impact different business processes. For example, they can save the company money by helping to choose the right toolset for product development.

appstore