Das Logo Design

Wir entwickelten verschiedene Logo-Ideen und verfeinerten diese in mehreren Iterationen, bis ein Design entstand, das uns alle überzeugte. Das finale Logo greift einen Farbverlauf auf, der an einen Tequila Sunrise erinnert: Von einem fruchtigen Mimosa-Orange geht er fließend in ein beeriges Cosmopolitan-Pink über.

Diese warme, spielerische Farbpalette vermittelt Frische und Energie, während die weichen, organischen Formen Leichtigkeit und die sprudelnde Lebendigkeit eines prickelnden Drinks symbolisieren.

In den organischen 'Bubbles' sind zudem subtil die Buchstaben B und Y versteckt – passend zum Namen Bevry. Das 'Y' erinnert dabei zugleich an ein Martini-Glas und verstärkt so den Bezug zur Welt der Drinks.

Die Bildsprache

Für die Bildsprache setzten wir auf authentische Fotos, die wir gemeinsam mit einer Fotografin aus unserem Studiengang im Rahmen eines Cocktail-Shootings erstellten. Jeder bereitete zwei Drinks vor, die anschließend professionell fotografiert wurden.

Die Rezepte dazu wurden ebenfalls in der App hochgeladen, sodass ein stimmiges Gesamtbild zwischen Design und Content entstand. So bekommt man direkt Lust auf einen Moscow Mule, Espresso Martini oder Tropical Punch!

Das App Design

Zu Beginn führten wir eine Analyse vergleichbarer Apps durch, um relevante Funktionen, Inhalte, Informationsarchitektur und Designansätze zu identifizieren und daraus die Grundlage für unsere eigene App-Strategie abzuleiten.

Im zweiten Schritt wurden Low-Fidelity-Wireframes erstellt, um die grundlegende Struktur und Benutzerführung der App zu planen.

Diese Wireframes wurden später in High-Fidelity-Wireframes überführt und dienten als Grundlage für das finale App-Design.

Die Technologien

Für das Backend setzten wir auf NestJS als Framework, um eine saubere Architektur und modulare Struktur zu gewährleisten. Mit TypeORM konnten wir unsere Datenbank-Entities effizient verwalten und so eine stabile Grundlage für die Anwendung schaffen.

Die Authentifizierung wurde über JWT realisiert, während bcrypt für eine sichere Passwortverschlüsselung sorgte. Zudem nutzten wir OpenAPI zur automatisierten Dokumentation unserer Endpoints in Swagger, was die Abstimmung zwischen Frontend- und Backend-Entwicklung erheblich erleichterte.

Im Frontend entschieden wir uns für Vue.js als Framework, ergänzt durch Vuetify, dessen UI-Komponenten uns die Gestaltung einer konsistenten Benutzeroberfläche erleichterten. Für das State Management nutzten wir Pinia.

Die Funktionen

Von Beginn an standen das Erstellen, Bearbeiten, Löschen und Teilen von Cocktail-Rezepten im Zentrum. Registrierte Nutzer*innen können die Rezeptsammlung durchsuchen, nach Kategorien oder Zutaten filtern und Rezepte in einer Favoritenliste speichern. Eine Bewertungs- und Kommentarfunktion ermöglicht Austausch und Feedback. Schritt-für-Schritt-Anleitungen erleichtern das Nachmischen.

Mit dem Barbestand behalten Nutzende ihre Zutaten im Blick, während die Einkaufsliste fehlende Zutaten direkt aus Rezepten ergänzt. Darüber hinaus können Nutzende eigene Zutaten und Ersatzzutaten anlegen, Rezepte als Entwürfe speichern und auf Grundlage ihres Barbestands personalisierte Empfehlungen erhalten. Ergänzt wurden zudem eine E-Mail-Verifizierung, erweiterte Profileinstellungen sowie eine Ladeanimation.

Die Minigames

Um Bevry noch interaktiver und unterhaltsamer zu gestalten, haben wir einen Games Hub integriert, in dem zwei Minigames entwickelt wurden. Ziel war es, den Spaß am Cocktailmixen sowohl in geselliger Runde als auch alleine spielerisch zu erweitern.

Mit 'Spin The Wheel' entstand ein Partyspiel, das auf Geschwindigkeit, Zufall und Gruppendynamik setzt. Dabei drehen Spieler*innen abwechselnd ein Glücksrad, das Zutaten aus dem eigenen Barbestand bestimmt. Sobald der versteckte Timer abläuft, muss die letzte Person das zusammengemischte Getränk probieren.

Das zweite Spiel 'Mix It Up' richtet sich an Einzelspieler*innen. Hier gilt es, die richtigen Zutaten für ein Cocktailrezept einzusammeln. Auf Basis der echten Rezepte aus Bevry können Nutzende spielerisch neue Drinks entdecken, Bonuspunkte sammeln und sich im Highscore Board messen.