Logo Design

We developed several logo ideas and refined them through multiple iterations until we arrived at a design that convinced us all. The final logo features a gradient reminiscent of a Tequila Sunrise: transitioning from a fruity Mimosa orange to a rich Cosmopolitan pink.

This warm, playful color palette conveys freshness and energy, while the soft, organic shapes symbolize lightness and the sparkling vibrancy of a fizzy drink.

Within the organic bubbles, the letters B and Y are subtly hidden – matching the name Bevry. The 'Y' also resembles a martini glass, reinforcing the connection to the world of drinks.

Visual Language

For the visual language, we relied on authentic photos created together with a photographer from our program during a cocktail shoot. Each of us prepared two drinks, which were then professionally photographed.

The corresponding recipes were also uploaded to the app, resulting in a consistent interplay between design and content. The images immediately make you crave a Moscow Mule, Espresso Martini, or Tropical Punch!

App Design

At the beginning, we analyzed comparable apps to identify relevant features, content, information architecture, and design approaches, which then formed the basis for our own app strategy.

As a next step, we created low-fidelity wireframes to plan the basic structure and user flow of the app.

These wireframes were later refined into high-fidelity wireframes, which served as the foundation for the final app design.

Technologies

For the backend, we used NestJS as a framework to ensure a clean architecture and modular structure. With TypeORM, we were able to manage our database entities efficiently and create a stable foundation for the application.

Authentication was implemented with JWT, while bcrypt ensured secure password encryption. We also used OpenAPI for automated endpoint documentation in Swagger, which greatly facilitated coordination between frontend and backend development.

On the frontend, we chose Vue.js as the framework, complemented by Vuetify, whose UI components helped us design a consistent user interface. For state management, we used Pinia.

Features

From the very beginning, creating, editing, deleting, and sharing cocktail recipes was at the core. Registered users can browse the recipe collection, filter by category or ingredient, and save recipes in a favorites list. A rating and comment function allows for feedback and exchange. Step-by-step instructions make it easier to follow recipes.

With the Bar Inventory, users can keep track of their ingredients, while the Shopping List adds missing items directly from recipes. Users can also create custom ingredients and substitutes, save recipes as drafts, and receive personalized recommendations based on their bar inventory. Additionally, we integrated email verification, extended profile settings, and a loading animation.

Minigames

To make Bevry even more interactive and fun, we integrated a Games Hub featuring two minigames. The goal was to expand the joy of mixing cocktails both in groups and alone in a playful way.

‘Spin The Wheel’ is a party game focused on speed, chance, and group dynamics. Players take turns spinning a wheel that selects ingredients from their own bar inventory. When the hidden timer runs out, the last player must drink the resulting mix.

The second game, ‘Mix It Up,’ is designed for single players. Here, the goal is to collect the correct ingredients for a cocktail recipe while avoiding the wrong ones. Based on real recipes from Bevry, players can discover new drinks, earn bonus points, and compete on the high score board.