Zum Inhalt springen

Bananas.app

Interessen teilen, offline treffen

Bananas.app ist eine soziale Plattform mit dem Ziel, User mit den gleichen Interessen im echten Leben zusammenzubringen. Die Idee hinter diesem Konzept war es, dem Kreislauf der Isolation in den sozialen Medien und endlosen Gruppenchats zu entkommen – durch das Herstellen von sozialen Kontakten in der Offline-Welt.

In einer Zeit, in der wir angeblich mehr denn je vernetzt sind, gibt es unglaublich viele einsame Menschen. Die Generation Z gilt als die einsamste Generation, was sich nicht nur in der steigenden Nutzung von Social Media widerspiegelt, sondern auch im allgemeinen Rückgang der Interaktion zwischen Gleichaltrigen. Dies ist eine besorgniserregende Entwicklung, da die negativen Auswirkungen von Einsamkeit mit jenen von 15 Zigaretten pro Tag verglichen werden können (Quelle: Brigham Young University). In unserem Designprozess haben wir festgestellt, dass die Generation Z durchaus Lust hat, sich offline zu treffen, aber die derzeitigen (sozialen) Tools dafür nicht geeignet sind. Auf Messaging-Apps wird zwar viel kommuniziert, aber meistens fehlt die Initiative, um sich im echten Leben zu treffen.

Konzept

Das Ziel von bananas.app war es, Menschen im echten Leben zusammenzubringen und persönliche Begegnungen zu fördern. Die App ist im Wesentlichen ein effizientes Planungstool mit starken sozialen und spielerischen Komponenten, um eine unterhaltsame und problemlose Möglichkeit zu bieten, einen Plan zu erstellen. Das Branding-Konzept ist mutig und zieht Aufmerksamkeit auf sich. Wir haben einen einprägsamen Markennamen gewählt, der uns den nötigen Spielraum gibt. Die Tagline „don't go bananas, go bananas.app“ spricht den Nachrichten-Overkill in endlosen Gruppenchats an und stärkt gleichzeitig den Markennamen. Die gesamte visuelle Sprache ist modern, farbenfroh und doch retro.

Bananas.app concept 1Bananas.app concept 2Bananas.app concept 3
Farben

Die Farben, die wir für bananas.app verwendeten, sollten ins Auge stechen. Deshalb entschieden wir uns für Primärfarben wie Rot, Blau und Grün. Wir gaben ihnen einen Hauch von Retro und fügten Gelb hinzu, um konform mit der Brand Identity zu sein. Das farbenfrohe Design kann mit Offline-Unterhaltung assoziiert werden und steht im Kontrast zu der schwarz-weißen Farbgebung von Mobilgeräten.

Brand colors of bananas.app
Typografie

Die Typografie bildet einen Kontrast zu den markanten Farben. Urbane ist eine geometrische Schrift ohne Serifen, die sich durch klare und ausgewogene Linien auszeichnet. Wir verwenden diese Schriftart in unterschiedlichen Größen, um für optimale Lesbarkeit zu sorgen.

Text in the typography Urbane Font
Three visuals in the same style: a photography as background (a concert, wine glasses, beach volley) with UI screens from bananas.app in the foreground.
Web

Mit der Website wollten wir die Nutzer in erster Linie überzeugen: Zu diesem Zweck erstellten wir eine Landing Page mit einer kurzen Beschreibung des Konzepts sowie einem Einblick in die App anhand eines Videos. Dieses platzierten wir in der Kopfzeile, um die Aufmerksamkeit der User zu gewinnen. Durch die kräftige und farbenfrohe Bildsprache wurde die Website zu einem wahren Hingucker. Der Call-to-action forderte User dazu auf, sich in eine Mailinglist einzutragen – so würden sie über den Launch des Endproduktes benachrichtigt werden.

Bananas.app web 1Bananas.app web 2Bananas.app web 3Bananas.app web 4Bananas.app web 5
Visit Bananas.app
UX/UI

Von der Erstellung eines Benutzerprofils über den Abgleich von Profilen bis hin zur Erstellung verschiedener Arten von Plänen und Gruppenchats arbeiteten wir an einem Low-Fidelity-Wireframe. Danach begannen wir mit der Ausarbeitung der High-Fidelity-Mock-ups für alle Szenarien. Dabei gestalteten wir jede Interaktion so spielerisch und benutzerfreundlich wie nur möglich.

Dare to outpace the ordinary?Let's talk