Fubaza Social-Media-Beiträge für Fußballvereine, direkt aus der App.

Eine von mehreren Apps, die ich verantworte. Alle Projekte findet ihr auf der Startseite unter Projekte, das Werkzeug dahinter auf der Seite Flutter-Entwicklung.

Ausgangslage

Wer den Social-Media-Auftritt eines Amateurvereins betreut, macht das meist nebenbei: Aufstellung am Freitagabend, Ergebnis am Samstag, Glückwunsch zum Geburtstag am Montag. Jede Grafik wird von Hand in einem Design-Werkzeug zusammengeklickt, Spielernamen und Logos werden jedes Mal neu eingetragen, dann wird das Bild auf dem Handy gespeichert und in zwei Netzwerke hochgeladen.

Fubaza sollte genau diesen Ablauf auf wenige Tipps verkürzen. Die Anforderungen an die App: ein Grafik-Editor, der auf dem Handy flüssig läuft, Vorlagen, in die Spielerdaten, Vereinsfarben und Logos automatisch einfließen, und die Veröffentlichung direkt in Facebook-Seiten und Instagram-Konten, ohne Umweg über die Galerie. Dazu ein Backend, das Vereine, Spieler, Spieltage und veröffentlichte Beiträge verwaltet.

Meine Rolle

Ich bin seit 2025 als Lead Developer für Fubaza tätig und verantworte die Flutter-App für iOS und Android, den Grafik-Editor als eigenes Paket, die Anbindung an das Backend und die Release-Pipeline. Im Backend (C#, .NET) habe ich Funktionen wie die Auswertung der Beitragsreichweite und die Geburtstagsbenachrichtigungen umgesetzt. Die Designs der Vorlagen habe ich selbst erstellt, der Auftraggeber hat sie abgenommen. Dazu habe ich den Weg gebaut, auf dem sie als editierbare Vorlagen in die App gelangen.

Lösung

• Eigener Grafik-Editor in Flutter. Ebenen, Texte, Bilder und Formen, mit Datenbindung: Ein Vorlagenfeld „Torschütze“ zieht Name, Nummer und Foto automatisch aus dem Spielerstamm. Der Editor ist als eigenständiges Paket gebaut und läuft in der App und als Web-Werkzeug für die Vorlagenpflege.
• Vorlagen mit Datenbindung statt Bildbearbeitung. Aufstellungen, Ergebnisse, Torgrafiken und Geburtstagsposts in den Formaten 1:1 und 4:5 für Feed und Profil-Raster. Jede Vorlage trägt feste Text-Tags wie Spielername, Gegner oder Anstoßzeit, der Editor füllt sie beim Rendern aus Vereinsdaten und Spielplan, dazu Vereinsfarben, Logos und Gegnerlogos. Neue Designs sind damit Vorlagenpflege im Web-Werkzeug, keine Handarbeit im Code.
• Veröffentlichung über die Meta-API. Login mit dem Facebook-Konto, Auswahl von Seite und Instagram-Business-Konto, Beitrag planen oder sofort veröffentlichen. Die App ruft die Meta-Schnittstelle nicht direkt auf, alles läuft über das Backend, das auch Reichweite und Interaktionen der veröffentlichten Beiträge täglich einsammelt.
• Backend-Funktionen mit Hintergrundjobs. Reichweiten-Auswertung pro Beitrag, Push-Benachrichtigung an den Trainer, wenn ein Spieler Geburtstag hat, mit vorbereitetem Beitrag. Umgesetzt in C# und .NET mit geplanten Jobs und Firebase Cloud Messaging.
• KI-gestützter Wochenplan. Fubaza schlägt dem Verein für die Woche fertige Beitragsideen vor, aus Spieltagen, Geburtstagen und Vereinsdaten. Der Verein wählt aus und passt an, statt bei einer leeren Seite anzufangen.
• Release-Pipeline mit Over-the-Air-Updates. Automatisierte Builds für App Store und Google Play, Versionierung nach festem Schema, Schnelle Korrekturen gehen per Shorebird als Over-the-Air-Update an die Nutzer, ohne auf die Store-Prüfung zu warten.
• Zusammenarbeit. Tickets in Jira, Abstimmungen per Video-Call oder Telefon. Entscheidungen zu Formaten, Onboarding und Bezahlmodell treffen wir gemeinsam und halten sie fest.

Woran es gehakt hat

• Editor, der auf dem Handy flüssig bleibt. Eine Aufstellungsvorlage hat mehrere Dutzend gebundene Textfelder, Logos und Ebenen, und jede Änderung muss sofort sichtbar sein. Der Editor ist deshalb ein eigenes Paket mit eigener Render-Logik, das in der App und im Web-Werkzeug für die Vorlagenpflege läuft. Vorlagen und Daten sind strikt getrennt: Die Vorlage beschreibt nur, wo welches Feld steht.
• Vorlagen ohne Handarbeit im Code. Der erste Weg führte über Canva-Designs, die als SVG importiert wurden. Dort ist jeder Buchstabe ein eigener Pfad, eine eigene Pipeline musste Textzeilen erst wieder erkennen und von der Grafik trennen. Inzwischen tragen die Vorlagen feste Text-Tags, die Import-Pipeline ist weg, und ein neues Design ist Vorlagenpflege statt Import.
• Freigabe bei Meta. Meta vergibt Berechtigungen zum Posten und Auslesen nur gegen Nachweis, dass die App sie sichtbar nutzt. Die Freigabe habe ich deshalb in Stufen eingeholt, jeweils mit einer Vorführung des kompletten Ablaufs: Alles, was Vereine zum Veröffentlichen brauchen, ist genehmigt, die Berechtigungen für Reichweite und Kommentare folgen mit den passenden Funktionen.

Technik

• Flutter
• Dart
• BLoC
• C# / .NET
• EF Core
• SQL Server
• Hangfire
• Meta Graph API
• Firebase Cloud Messaging
• RevenueCat
• Shorebird
• Codemagic
• GitHub Actions
• Google Cloud
• Jira
• KI-Wochenplan

Ergebnis

Fubaza ist im App Store und bei Google Play veröffentlicht und wird von Vereinen im Alltag genutzt. Ein Verein legt Spieler und Spieltage einmal an, danach entsteht ein fertiger Beitrag in wenigen Schritten: Vorlage wählen, Daten prüfen, veröffentlichen. Kleine Korrekturen erreichen die Nutzer per Over-the-Air-Update, ohne auf die nächste Store-Freigabe zu warten.

Fubaza im App Store · Fubaza bei Google Play · Produktseite fubaza.de

Was das für euer Projekt heißt

Wenn eure App Inhalte erzeugt und an fremde Plattformen übergibt, stecken Aufwand und Risiko selten in der Oberfläche, sondern in Schnittstellen, Freigaben und Auslieferung. Ich plane das von Anfang an mit: eine Architektur, die Vorlagen und Daten trennt, ein Backend als Mittler zu externen Diensten und eine Release-Pipeline, die Korrekturen ohne Store-Wartezeit ausliefert. Das gilt für Vereins-Apps genauso wie für Handel, Gesundheit oder Logistik.

Wie ich Flutter-Projekte technisch aufbaue, steht auf der Seite Flutter-Entwicklung. Ablauf und Leistungen: Startseite.