Vapiano

UX x UI

Vapiano approached us to redesign their App and make the step from card-based orders and payments to App-only purchases. My team and I were in charge to lead the UX as well as the UI for the redesign. It was my part lead the Art Direction as well as User Experience.

Bluesound, producer of Hi-Res audio network-speakers from canada approached me to help redesign their apps across all platforms. I stepped into a team of developers as well as a ongoing product-cycle. I have the pleasure to work on all areas of the app. My first steps were to identify pain-points and adapt possible adjustments to the releases and production of features and new hardware. For two years now I am the UX/UI-core of the team and shipped more than ten releases for the app as well as three hardware-models and dozens of features.

intro

01 –

01 –

User Experience
User Interface

The Pitch

We were asked to make an initial pitch to show what ideas we have for the project. Without briefing or input we created a complete App within two days and presented our „living menu“ approach. This idea works completely centered around a dynamic and personalized menu, which helps regular costumers to choose what they had the last time or explore based on their taste. If friends are nearby they can see what they are eating or pay together. You can also save the music that is currently running on Spotify as well. Parts of the idea were used, ideas „pay by leaving“, based on beacon- and GPS-technology had to be taking out of the final product.

pitch

02 –

01 –

User Experience
Art Direction

What’s in Store?

Our first task was the Checkin-process. The App should not just be pretty and present food the right way, it must conquer real tough in-store scenarios. One of them is the check-in-process as well as registration of the user to save payment-credentials. By using analytics, feedback and Vapianos own test-store, we had the possibility to create a seamlessly flow from entrance-door to table. We started by scribbling 4-5 different flows for each persona and created InVision-Prototypes to communicate our thoughts and ideas with the client.

checkin

03 –

01 –

User Experience
Art Direction

Pay Anywhere

Two of the most important parts within the process is the currently ordered food (and it’s status) as well as the digital-chipcard (the virtual pondon of the real card). We wanted to make sure the user has these items always at their fingertips, so we made them part of the bottom-navigation. This way the user can open them from wherever they are.

code
csm_mood-03-01-00-00-0021_two_ladies_two_men_b1c96e026f

04 –

01 –

User Experience
Art Direction

Onboarding

The client was very away of the activity of users happening on social media streams like Instagram. To be a part of this we created a Vapiano-area within the app, where users could not just check out their status and bonuses, but also see other users within the restaurant and create pictures with stickers to put them on Instagram or Facebook. We used different delight-moments within the App (e.g. order received) to highlight these features.

05 –

01 –

User Experience
Art Direction

Order from your App

One of the newest features in the App was the ability to order right from your phone. Since a lot of users are still using the „offline method“ and orders were just possible for bar-products (desserts and drinks), we created the bar-tab that enabled users to use the patterns that we were already using for the other flow but this time with food delivered to their table. The balance between ordering from your phone and ordering at a counter was the most difficult part of the App. We separated the areas so users get an idea of the differences and went back and forth with user-feedback to see if it works out or not.

flow4

06 –

01 –

User Experience
Art Direction

Creating Interactions

The client was very away of the activity of users happening on social media streams like Instagram. To be a part of this we created a Vapiano-area within the app, where users could not just check out their status and bonuses, but also see other users within the restaurant and create pictures with stickers to put them on Instagram or Facebook. We used different delight-moments within the App (e.g. order received) to highlight these features.

stickers
girlvap

Well, I'm looking for new opportunities, so if you're interested, get in touch or tweet me.