Erfolgreiche App-Entwicklung: BZ-Lieblingsplätze im badischen Schwarzwald

4,6 Sterne
20000+ Downloads
2100+ Points of Interest
Media
Mit der BZ-Lieblingsplätze App hat die Bitfactory für die BZ.medien Gruppe aus Freiburg im Breisgau eine innovative Lösung geschaffen, die die Freizeitgestaltung im Badischen Schwarzwald revolutioniert. Diese App bietet Abonnenten der Badischen Zeitung über 2000 Ausflugsziele und ermöglicht eine interaktive und individuelle Planung ihrer Freizeitaktivitäten.

Die Herausforderung
<br />
<b>Notice</b>:  Undefined index: awards in <b>/home/bitfactory/website/wp-content/themes/bitfactory/template-parts/case-studies-detail/text-splitted.php</b> on line <b>10</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>/home/bitfactory/website/wp-content/themes/bitfactory/template-parts/case-studies-detail/text-splitted.php</b> on line <b>10</b><br />

BZ.medien wollte ihren bestehenden und neuen Abonnenten zusätzlichen Mehrwert bieten. Ziel war es, eine App zu entwickeln, die über Freizeitmöglichkeiten im badischen Schwarzwald informiert. Gleichzeitig sollte sie den Nutzern ermöglichen, ihre Freizeitaktivitäten zu planen. Die App sollte bestehende Freizeit-Apps der Region ablösen. Alle relevanten Informationen sollten in einer benutzerfreundlichen Anwendung vereint werden. Eine besondere Herausforderung bestand darin, die Inhalte aus dem Content Management System (CMS) der BZ.medien Gruppe effizient zu integrieren und eine hohe Benutzerfreundlichkeit zu gewährleisten.

Die Lösung
<br />
<b>Notice</b>:  Undefined index: awards in <b>/home/bitfactory/website/wp-content/themes/bitfactory/template-parts/case-studies-detail/text-splitted.php</b> on line <b>24</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>/home/bitfactory/website/wp-content/themes/bitfactory/template-parts/case-studies-detail/text-splitted.php</b> on line <b>24</b><br />

Um das vorhandene Budget effizient zu nutzen, entschieden wir uns frühzeitig für die Entwicklung der App mit einem Cross-Plattform-Framework. Wir wählten Flutter, das von Google entwickelt wurde, da es eine schnelle und flexible Entwicklung ermöglicht. Um die Komplexität zu reduzieren und die Abhängigkeit vom kundenseitigen CMS zu vermeiden, implementierten wir eine Middleware auf Basis des Open-Source-Headless-CMS Strapi. Diese Middleware ermöglicht es dem Kunden, den Homefeed, das User-Management und zusätzliche Points of Interest unabhängig vom internen CMS zu verwalten und zu erweitern.

Zusätzliche Informationen

Die BZ-Lieblingsplätze App bietet zahlreiche Funktionen, die die Planung und Organisation Ihrer Freizeit in Freiburg, Karlsruhe und Offenburg sowie im gesamten Schwarzwald erleichtern. Der Home Feed präsentiert besondere Orte in einem Karussell. Eine umfangreiche Such- und Filterfunktion hilft Ihnen, die besten Ausflugsziele zu finden. Die Merkliste ist mit Ihrem Benutzerkonto verknüpft und speichert Ihre bevorzugten Ziele serverseitig, sodass sie auch bei einem Gerätewechsel erhalten bleiben. Dank der Anbindung an die Google Places API erhalten Sie detaillierte Informationen wie Öffnungszeiten und weitere relevante Daten zu den Points of Interest in Freiburg, Karlsruhe, Offenburg und dem gesamten Schwarzwald.

Wie sind wir vorgegangen?

Bei der Entwicklung der BZ-Lieblingsplätze App haben wir besonders auf die Integration der Inhalte aus dem Content-System des Auftraggebers geachtet. Diese Inhalte wurden in einer API-Middleware gecached, um eine schnelle und zuverlässige Datenverarbeitung sicherzustellen. Ein weiteres wichtiges Element war die Verknüpfung des BZ.medien-Logins mit den In-App-Käufen, wodurch den Nutzern zusätzliche Premium-Inhalte bereitgestellt wurden.

 

Der Prozess begann mit einem umfassenden Product Design Workshop, in dem die Anforderungen an die App definiert und anschließend in Jira Tickets überführt wurden. Ein detailliertes App-Design wurde in Figma erstellt, das als Grundlage für die Entwicklung diente. Die App selbst wurde mit dem Cross-Plattform-Framework Flutter entwickelt, welches die Erstellung einer einheitlichen Codebasis für Android und iOS ermöglicht.

 

Das Backend wurde mit Strapi realisiert, welches in der AWS Cloud gehostet und mit PM2 skaliert wurde. Der gesamte Code durchlief eine gründliche Überprüfung im Vier-Augen-Prinzip, um höchste Qualität und Zuverlässigkeit zu gewährleisten.

 

Um diesen Anforderungen gerecht zu werden, verfolgten wir eine strukturierte Vorgehensweise: Die Anforderungen wurden in mehreren Schritten verfeinert, und das daraus resultierende Design wurde als Grundlage für die App-Entwicklung genutzt. Mit der Kombination aus Flutter für die Frontend-Entwicklung und Strapi für das Backend konnten wir eine leistungsfähige und flexible App-Lösung schaffen.

 

 

Unsere Leistung im Projekt

  • Fachliche Konzeption in einem agilen Projektteam mit unserem Kunden
  • Durchführung Product Design Workshop
  • Users Testing des Konzeptes und Auswertung
  • Umsetzung und Entwicklung
  • Testing + Qualitätssicherung
  • Rollout
  • Wartung + Weiterentwicklung

Im Projekt eingesetzte Technologien

  • Flutter
  • Dart
  • Strapi
  • React
  • nodejs
  • Typescript
  • mysql
  • PM2
  • Bitbucket
  • Bitbucket Pipelines
  • Jira
  • Confluence
  • AWS EC2
  • AWS S3
  • AWS ECC
  • AWS Data Transfer
  • AmazonCloudWatch
  • AWS S3
  • Android Studio
  • Flutter Studio
  • Xcode

Um die Performance der App auch unter hoher Last zu gewährleisten, wurde das Backend speziell konzipiert und von PM2 automatisch skaliert. Dies war wichtig, da durch die medienwirksame Vermarktung der App mit vielen Erstanmeldungen gerechnet wurde.