top of page

Vabe Ape?

Service

App design

Industry

Health

Year

2021

Vabe Ape Cover UX UI DesignRush Awards

Topic 🗒

City, population & crisis management

Topic 1.png

Design process ✍️

Double diamond, human-centric

Double Diamond Process

1. DISCOVER

Discover

Research 🕵️‍♂️ 

Methodologies

We started the research phase by surfing the internet in order to gather information and insights on the situation of small businesses in the world and some examples of how they are dealing with the situation.

Research - Methodologies.png

Overview 👁

What was discovered?

Overview.png

Interviews 📝 

Insights into the current situation

Alessandro and Daniele.png

Data 📊

Findings

Data.png

2. DEFINE

Who? 🎯

Target audience

Finally, we defined four user personas: The Friendly Geek, the Traditionalist, the Progressivist, and the Digital Worker, and developed their customer journeys.

4 Personas.png

Behavioral archetypes are positioned based on their different levels of technological proficiency and interest in a live interaction. The purpose of this step was to pass from the data we had collected to a starting point to build our personas.

Tech Data Cross Road Personas.png

User Personas 👤

Customer Journeys 🗺

Finally, we focused only on the two main types of end users

- The Friendly Geek and The Progressivist.

Friendly Geek_Persona.png
1st User Experience Map - Friendly Geek.png

👀

THE MAIN CONCLUSION #1 ‼️

The Friendly Geek enjoys interacting with the customers and is keen to receive feedback to improve his business. He tries to be present on different platforms.

Progressivist_Persona.png
2nd User Experience Map - Progressivist.png

THE MAIN CONCLUSION #2 ‼️

The Progressivist is not so good at using technology, but she is always willing to get involved and learn if someone is there to teach her.

👀

Focus 🤌

Bars, and pubs in Italy 🍹 🇮🇹

Since designing a solution that could help EVERY business is not possible, we narrowed the service solution to the pubs and bars niche and especially the ones that rely very much on the Italian tradition of the Aperitivo.

Focus - Bars and pubs in italy.png

Pains 🤕 The Biggest Frustrations

For small business owners 🏪

For aperitivo consumers 💁‍♂️

For aperitivo consumers.png

Who?💡

For whom is this app?

But also for...

Municipalities 🏙

Companies requesting partnership 🤝

(eco-sustainable packages etc

Sellers of other tangible goods 👖

Entrepreneurs 👩‍💼

3. DESIGN

The idea 💡

Solution

Vabe Ape.png

Storyboards 🖌 Real-life scenarios

STB 1 / BAR OWNER | Post-Pandemic (phase 2 begins)

STB_1.png

STB 2 / CUSTOMER | Curbside shopping

STB_2.png

STB 3 / BAR OWNER | Self-promotion on social media

STB 4 / CUSTOMER | Online events

STB_4.png

Gains 🤩 What can the app offer them?

For small business owners 🏪

To small business owners.png

For aperitivo consumers 💁‍♂️

To aperitivo consumers.png

Environment 🌐

Architecture information

Content hierarchy for unlogged user 💁‍♂️

The first screen on the homepage is a map, which encourages the user to search for the nearest bars and see directions to them.

Once the user selects a bar, he can see the menu and create an order, either from the bar's current menu or customize it, like putting custom ingredients in the cocktail.

When the order is sent to the bar, the user receives a confirmation notice if the order is accepted

and the approximate time of preparation and code for event participation.
 

Flow 1 / CUSTOMER | Architecture map

Architecture.png

Environment 🌐

Devices and general system architecture

Devices and general system architecture.png

4. DELIVER

Prototype 📱

Showreel, Mockups, Videos, Prototype

In this part, after thorough research, I present you with the final look of the app. Polished UI and Interactions, enjoy!

☝️ Small heads-up, all videos below are playable, press the play ▶️ button and start watching them!

Showreel 🎬

☝️ Small heads-up, showreel video contains 🔈 sound, don't forget to turn it on so you can listen to the explanation

Mockups 👇

Vape-Ape-Cover.jpg
Details.png

Let's go into detail 🔎

Aperitivo Customer - User Flow 👇

The app opens with a small intro, describing how the user can benefit. Video below shows the complete flow from Aperitivo customer's side: Splash screen, intro, signing up, customization, map searching, filtering, menu overview, choosing orders, inviting friends, and payment process

Bar Owner - User Flow 👇

This prototype shows the flow from the bar owner's side: Splash screen, intro, signing up, and adding info about the bar

Customer - Receiving invite 💌

Customer - Scanning the order 🤳

On the left, it's presented the flow when the Customer receives an invitation from his friends to join a group of their curbside Aperitivo order, with payment at the end

On the right side, is the moment when the Bar Owner scans the order that he accepted by the customer. He scans to mark it as finished, then proceeds to the new 

📣 Attention!

I would like to add that this work has also been recognized and published on one of the leading trends and awards platforms, DesignRush. They featured the "Vabe, Ape?" app design in their article, which you can read here 👉 The Best App Background Designs.

Special Thanks

To my teammates: Elisabetta D'Orto, Marija Nikolić, and Lorenzo Di Grazia that helped me in this challenging project, it was a pleasure working with them.

 

I would also like to thank Gianluca Brugnoli and Franca Garzotto, thank you for your guidance.

 

— Enjoy tradition, and stay safe!

bottom of page