Die Bonfire App ist ein digitaler Workspace, der remote arbeitenden Teams hilft, soziale Interaktion zu fördern und Abkapselung im Home Office zu reduzieren. So treibt die Gründer vor allem der Gedanke an, einen Beitrag zu einer sich stets verändernden Arbeitswelt zu leisten und ein immersives Gefühl der Verbundenheit mit einem spaßig-interaktiven Austausch zu schaffen. Grundgedanken, die wir als Digitalstudio mit offenem Blick auf moderne Arbeitsmodelle, natürlich nachvollziehen konnten.

Das Projekt gingen wir in einem agilen Prozess an, dessen erste Schritte wir nach Machbarkeit und Wichtigkeit priorisierten. Neben dem Aufbau der Landingpage, als ersten Berührungspunkt der User mit dem Produkt, entstand als Grundlage ein Design-System wie auch ein komplettes Refresh des Brandings. Weitere Schritte waren eine ausführliche UX/UI-Analyse und eine anschließende Beratung zu Funnel-Optimierungen und dem App-Design.

  • Digital Rebranding
  • Usability Analyse & Beratung
  • User Experience Konzept
  • User Interface Design
  • Mircocopy
  • Animation und Illustration
  • Strategische Beratung

Fire Up Interest

Aufbauend auf einer strategischen Analyse, wurde als wesentlicher Teil der User Journey, ein Konzept für eine neue Landingpage erarbeitet. Als Grundlage entstand hier ein vollumfängliches Design-System, das Orientierung und Struktur für die weitere Arbeit am Produkt liefert.

Hinter dem Konzept stand die Idee, den sozialen Treffpunkt Bonfire und die Marke emotional spürbar und erlebbar zu machen. Der Onepager legt daher Wert auf ein spielerisches UI mit kurzen, aber aussagekräftigen Texten und einen transparenten Einblick in die App selbst.

Bonfire

Starke Markenbildung für Vertrauen und Stabilität. 

Schnell war klar, dass für eine starke Positionierung der Marke Bonfire auch eine Neuausrichtung im Corporate Design erfolgen sollte. Runde Formen beschreiben den Charakter der Marke und finden sich in allen Bereichen wieder: Die bauchige Poppins Font geht Hand in Hand mit den runden Formen der Ilustrations- und UI-Elemente und vermittelt dabei den spielerischen Aspekt der App. Die Farbpalette besteht aus einem natürlichen Türkiston, der die bereits bestehenden Elemente farblich aufgreift und die Natürlichkeit der Marke unterstreicht. Für einen harmonischen und zugleich starken Kontrast im Farbspektrum, fand ein strahlendes Orange Anwendung.

Bonfire Illustration Cards

Wenn das Feuer mal brennt 

Die strategische Analyse, die Neupositionierung der Marke, die Strukturierung des Designs und die Ausarbeitung der Landingpage sollten nicht das Ende sein, wenn eine Zusammenarbeit so viel Freude und spannende Aufgaben mit sich bringt

 

Eine fortlaufende UX/UI-Analyse der von Bonfire umgesetzten Komponenten, eine Optimierung der Funnel oder die konzeptionelle Ausarbeitung eines neuen Onboarding Prozesses: Wir freuen uns die Weiterentwicklung der Marke begleiten zu dürfen.

Bechem Design System

Weiterführende UX/UI- Optimierungen

Für eine Funnel Optimierung und eine verbesserte User Experience auch innerhalb der App, wurde eine detaillierte UX/UI-Analyse der bereits umgesetzten Komponenten durchgeführt und dem umsetzenden Entwicklungsteam beratend zur Seite gestanden. So soll sich die komplette User Journey nach einer Handschrift anfühlen und dem User Spaß in der Handhabung bieten. Klassische UX/UI-Prinzipien, wie das Prinzip des “Staged Disclousure”, stellen dabei die analytische sowie strategische Grundlage und manifestieren die angedachten Optimierungsmaßnahmen.

Bechem Technik
Bonfire Design System