Vabe Ape?
Service
App design
Industry
Health
Year
2021
Topic 🗒
City, population & crisis management
Design process ✍️
Double diamond, human-centric
1. 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.
Overview 👁
What was discovered?
Interviews 📝
Insights into the current situation
Data 📊
Findings
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.
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.
User Personas 👤 &
Customer Journeys 🗺
Finally, we focused only on the two main types of end users
- The Friendly Geek and The Progressivist.
THE MAIN CONCLUSION ‼️
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.
THE MAIN CONCLUSION ‼️
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.
Pains 🤕 | The Biggest Frustrations
•
For small business owners 🏪
•
For aperitivo consumers 💁♂️
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
Storyboards 🖌 | Real-life scenarios
STB 1 / BAR OWNER | Post-Pandemic (phase 2 begins)
STB 2 / CUSTOMER | Curbside shopping
STB 3 / BAR OWNER | Self-promotion on social media
STB 4 / CUSTOMER | Online events
•
For small business owners 🏪
•
For aperitivo consumers 💁♂️
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
Environment 🌐
Devices and general system architecture
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 👇
•
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!