← Alle Arbeiten
Fallstudie · Start-up

MatchMate

Vom Browser-Prototyp zur App in der App-Store-Prüfung – mit Marke, Website und Backoffice rundherum.

Problem
Freizeitfußball wird in chaotischen Gruppenchats organisiert.
Meine Rolle
Mitgründer. Produktleitung, Marke, Design, Entwicklung und Inhalte.
Ansatz
Den Umfang auf eine Sportart reduzieren, als Browser-Prototyp testen und dann auf einem echten Backend mit Sicherheitsprüfungen neu aufbauen.
Ergebnisse
iOS- und Android-App, Designsystem, Website, Instagram-Inhalte und Founder HQ.
Wirkung
App am 21.10.2026 erneut bei Apple eingereicht. Website live. Über 200.000 Reel-Aufrufe vor dem Start.
ADas Problem

Ein Spiel zu organisieren sollte nicht schwerer sein, als es zu spielen.

Freizeitfußball läuft über Gruppenchats. Jemand schlägt eine Uhrzeit vor, die Antworten verteilen sich auf verschiedene Threads, ein paar sagen am Vorabend ab, und niemand weiß genau, wer wirklich kommt oder wo der Platz ist.

MatchMate bündelt das ganze Spiel an einem Ort: ein Spiel in der Nähe finden, beitreten, sehen, wer noch dabei ist – und der Organisator verwaltet die Liste, ohne allen hinterherzulaufen.

BEntscheidungen zum Umfang

Die wertvollste Arbeit war die Entscheidung, was wegbleibt.

Die ersten Pläne waren breit: alle Sportarten, Buchungen, Zahlungen, ein Social Feed. Um zu einer Version zu kommen, die Menschen tatsächlich nutzen können, musste bewusst gestrichen werden.

Entscheidung 1

Zuerst Fußball

Das Designsystem wurde für sechs Sportarten geschrieben. Version 1 startet mit einer, damit jeder Screen sorgfältig gebaut und getestet werden kann.

VorherFußball, Padel, Tennis, Basketball, LaufenV1Fußball
Entscheidung 2

Keine Zahlungen in der App

Geld in der App anzunehmen bedeutet Regulierung, Store-Regeln und Risiko. Die Spieler rechnen außerhalb der App ab – so wie sie es ohnehin tun.

VorherZahlungen in der App geplantV1„Die Zahlung wird direkt mit dem Organisator vereinbart.“
Entscheidung 3

Weniger Daten abfragen

Apple fragte, warum die Registrierung nach Geburtsdatum und Stadt verlangte. Zum Spielen war beides nicht nötig, also wurde beides entfernt.

VorherGeburtsdatum und Stadt bei der RegistrierungAktuellNur das, was die App braucht
CMarke & Designsystem

Urbane Sportkultur mit dem Schliff eines Premium-Produkts.

Die Markenrichtung verbindet zwei Stimmungen: Urban Premium für Struktur und Ruhe, Street Editorial für Persönlichkeit. Dark Mode ist der Standard, Light Mode die Alternative. Ich habe alles als Designsystem festgehalten, damit jeder Screen, jeder Post und jede Seite denselben Regeln folgt.

MatchMate-Symbol
MatchMate

Standardmäßig dunkel · Grün für Aktionen · warmes Orange für soziale Momente

Hintergrund#0B0F0C

Fläche#1E2B22

Akzent#66D17A

Warm#FF6A2A

Wirkung

Kraftvoll und ausdrucksstark, aber nicht chaotisch. Hochwertig und strukturiert, aber nicht langweilig.

Vermeiden

Generische Start-up-Vorlagen, grelle Gaming-Optik, offizielle Vereinslogos ohne Lizenz.

Buttons

Eine grüne Hauptaktion pro Screen. Warmes Orange nur für soziale Highlights.

Bewegung

Schnell, flüssig, kontrolliert. Kräftig nur in den Momenten, auf die es ankommt.

DDie App

Aufgebaut rund um den Ablauf eines Spiels.

Statt einer Liste von Funktionen folgt die App dem, was tatsächlich passiert: Jemand findet ein Spiel, der Organisator füllt es auf, die Gruppe spielt – und alle fühlen sich dabei sicher, auch mit Menschen, die sie noch nicht kennen.

Anmeldeseite mit Apple, Google und E-Mail
01 · Anmelden

Apple, Google oder E-Mail. Die Sprachauswahl gibt es schon auf dem ersten Screen.

Spielen-Ansicht mit einem 7-gegen-7-Spiel und Filtern
02 · Spielen

Spiele in der Nähe, gefiltert nach Sichtbarkeit und Format, sortiert nach Termin oder Entfernung.

Spiel erstellen, Schritt eins: Format, Datum, Uhrzeit und Ort
03 · Erstellen

Drei Schritte. Der Gastgeber erfährt von Anfang an, dass der Platz in seiner Verantwortung liegt.

Übersicht beim Erstellen eines Spiels, Zahlung mit dem Organisator vereinbart
04 · Übersicht

Die Zahlung wird mit dem Organisator vereinbart, und die App sagt das klar.

Community-Ansicht mit Tabs für Chat, Spiele, Mitglieder und Regeln
05 · Community

Feste Gruppen haben eigene Spiele, einen Chat, Mitglieder und Regeln.

Spielerprofil mit Spielstärke, gespielten Spielen und Bewertungen
06 · Profil

Spielstärke, gespielte Spiele und getrennte Bewertungen als Gastgeber und als Spieler.

Echte Screens aus dem iOS-Build · seitlich wischen →

Finden
  • Spiele in der Nähe entdecken
  • Karte mit Spielen und Plätzen
  • Standort nur, solange die App geöffnet ist
Organisieren
  • Ein Spiel in wenigen Schritten erstellen
  • Spieler per Code einladen
  • Warteliste, wenn ein Spiel voll ist
  • Werkzeuge für Organisatoren zur Verwaltung der Liste
Gemeinsam spielen
  • Spiel-Chat für alle Teilnehmer
  • Communities mit eigenem Chat und eigenen Regeln
  • Bewertungen für Gastgeber und Spieler
Vertrauen & Sicherheit
  • Melden und blockieren
  • Private Profile und Follower-Anfragen
  • Profilfotos werden geprüft, bevor sie erscheinen
  • Konto direkt in der App löschen
Spielen-Ansicht auf Englisch
Spielen-Ansicht auf europäischem Portugiesisch
EN · PT-PT

Jeder Screen existiert auf Englisch und europäischem Portugiesisch, und die Sprache lässt sich schon auf dem ersten Screen wechseln.

Anmeldung mit Apple oder Google · Face ID kann die Kontoeinstellungen auf dem Smartphone sperren · Standort nur, solange die App geöffnet ist.

ESo entstand die App

Von etwas, das wie eine App aussah, zu etwas, das wie eine funktioniert.

Die erste Version sah fertig aus, war es aber nicht: Jeder konnte eine beliebige E-Mail eintippen und war drin, und die Daten lagen nur auf dem Smartphone. Die Projektnotizen von diesem Tag sagen es deutlich.

„Wenn ein Kind eine beliebige E-Mail eintippen und hineinkommen kann, ist das kein echtes Login-System.“MatchMate-Projektnotizen, April 2026 · aus dem Englischen
  1. Prototyp in Expo Snack

    Die Idee im Browser und auf dem Smartphone getestet, bevor irgendetwas installiert wurde.

  2. Ein echtes Projekt

    Lokale Entwicklung, Git und Build-Konfiguration für Apple und Google.

  3. Echte Konten, echtes Backend

    Supabase für Anmeldung, Datenbank und Serverfunktionen – mit Datenbankregeln, die festlegen, wer was sehen und ändern darf.

  4. Sicherheitsdurchgänge

    Schrittweise Prüfungen von Berechtigungen, Benachrichtigungen und Fotospeicher, jede schriftlich festgehalten, bevor es weiterging.

  5. Release-Kriterien

    Strenge Regeln für die letzten Builds vor der Einreichung, damit am Ende nichts Neues hineinrutscht.

Technische Notizen: Release-Kriterien und automatische Prüfungen
Build 27

Vollständige Tests auf echten Smartphones

Erst erstellt, wenn keine bekannten Blocker im Code mehr offen sind.

Build 28

Nur Korrekturen

Keine neuen Funktionen nach Build 27.

Vor der Einreichung

Mit den aktuellen Regeln abgleichen

Die Vorgaben von Apple und Google werden zu diesem Zeitpunkt neu gelesen, nicht aus dem Gedächtnis übernommen.

Ein Befehl führt vor jedem Build 18 automatische Prüfungen aus

syntaximportshooksauthauth callbacksecurityprivileged functionsi18nlegalnotificationsmapslinksprofile navratingsuxaccessibilityandroid targetscope

Wie ich mit KI arbeite: Ich habe MatchMate mit KI-Programmierassistenten (ChatGPT, Codex und Claude) gebaut. Ich habe die Richtung vorgegeben, die Produkt- und Designentscheidungen getroffen, die Arbeit geprüft und auf echten Geräten getestet. Einen Großteil des Codes haben die Assistenten geschrieben. Die Verantwortung für das, was veröffentlicht wird, trage ich.

FApp-Prüfung

Apple stellte eine berechtigte Frage.

Bei der Prüfung wies Apple darauf hin, dass die Registrierung Geburtsdatum und Stadt erfasste. MatchMate brauchte beides nicht. Ich habe beide Felder entfernt und die App am 21. Oktober 2026 erneut eingereicht. Sie ist jetzt wieder in Prüfung.

Registrierungsseite vor der Änderung, mit Abfrage von Stadt und Geburtsdatum Entfernt Entfernt
Registrierung vor der Prüfung · echter Screenshot

Registrierung · erneut eingereicht

Vollständiger NameBenutzernameE-MailPasswortPasswort bestätigenWeiter

Verbleibende Felder · schematisch

Die Lehre, die ich in die Kundenarbeit mitnehme: Jedes Feld in einem Formular ist ein Versprechen, warum Sie diese Daten brauchen. Gibt es keine gute Antwort, wird das Feld gestrichen.

GWebsite

Weniger planen. Mehr spielen.

Die Website soll die Idee greifbar machen, bevor die App erscheint: ein Satz zum Problem, ein Pitch, der beim Scrollen ein Spiel aufbaut, und eine Demo der App, die man im Browser durchklicken kann.

Sie enthält auch die Dokumente, die Apple und Google verlangen: Nutzungsbedingungen, Datenschutz, Sicherheit, Kontakt und eine öffentliche Seite zur Kontolöschung, auf Englisch und Portugiesisch. Diese Rechtstexte werden aus derselben Quelle erzeugt, die auch die App anzeigt – so können beide nie Unterschiedliches sagen. Das Design durchlief mehrere Runden, darunter erste Versuche mit Wix, bevor es zum Hosting auf Cloudflare wechselte.

matchmateapp.app
Startbereich der MatchMate-Website: „Less planning. More playing.“ neben einem Smartphone mit der App
Startbereich

Das Versprechen in vier Wörtern, neben der echten App.

Spielablauf
Animierter Spielfeld-Abschnitt: „Enough talk. Let's play.“
Spielablauf

Beim Scrollen entsteht das Spiel: Spieler füllen Schritt für Schritt ein animiertes Feld bis zum Anpfiff.

Der Unterschied
Statement-Abschnitt: „Less time chasing. More time playing.“
Der Unterschied

Eine helle, plakative Unterbrechung, die den Nutzen klar ausspricht.

Interaktive Demo
Abschnitt mit interaktiver Demo: „Try it yourself“, mit einem Smartphone, das die Anmeldung der App zeigt
Selbst ausprobieren

Ein Demo-Konto im Browser. Nichts zu installieren, nichts wird gespeichert oder gesendet.

HInhalte & Ergebnisse

Zehn Reels, über 200.000 Aufrufe, 960 Follower vor dem Start.

Ich habe den Instagram-Auftritt von MatchMate mit Canva erstellt: kurze Reels auf Portugiesisch und Englisch, die Humor, Aufnahmen vom Spielfeldrand und das bekannte Chaos beim Organisieren eines Spiels im Gruppenchat verbinden. Jedes Reel wurde über die Instagram-eigene Werbefunktion beworben, und der Account wuchs, während die App noch als „demnächst verfügbar“ markiert war.

960Follower
200.000+Aufrufe über 10 Reels
40,745Aufrufe des stärksten Reels
438Neue Follower durch dieses Reel
Instagram-Profil von MatchMate mit 960 Followern
@matchmatept
Raster der zehn MatchMate-Reels mit Aufrufzahlen
10 Reels · Aufrufe je Reel
Werbestatistik des stärksten Reels: 40.745 Aufrufe und 34.989 erreichte Konten
Stärkstes Reel · Werbestatistik
Stärkstes Reel

“POV: pre-game passes with bro”

19 Sekunden, veröffentlicht am 24. August.

Aufrufe
40,745
Erreichte Konten
34,989
Likes
1,001
Neue Follower
438
Letzte Werbeausgabe
€5.93
Profilbesuche daraus
133
Kosten pro Besuch
€0.04

Zahlen aus Instagram Insights (Jahresansicht), erfasst am 27. Oktober 2026. Die Ausgabe bezieht sich nur auf die letzte Bewerbung des stärksten Reels.

IWas ich gelernt habe

Erkenntnisse, die ich heute in jedes Projekt mitnehme.

  • Fertig aussehen heißt nicht fertig sein.

    Hinter einem polierten Screen können ein Schein-Login oder fehlende echte Daten stecken. Ich prüfe die Teile, die man nicht sieht.

  • Test und Live berühren sich nie.

    Test-Builds greifen nur auf Testressourcen zu, damit ein Test keine echten Daten verändern kann.

  • Nur erfassen, was nötig ist.

    Jedes zusätzliche Feld ist eine Datenschutzfrage, die Sie später beantworten müssen – Ihren Nutzern und den Prüfern.

  • Desktop ist kein Smartphone.

    Scrollen, Sicherheitsbereiche und Benachrichtigungen verhalten sich auf einem echten iPhone anders. Dort teste ich.

Nächste FallstudieFounder HQ →
Kontakt

Erzählen Sie mir von Ihrem Projekt.

Eine E-Mail genügt für den Anfang. Der Button öffnet eine kurze Vorlage zum Ausfüllen. Ich arbeite auf Englisch und Portugiesisch.

Projektanfrage per E-Mail →

Lieber über LinkedIn? Schreiben Sie mir dort eine Nachricht.

So geht es weiter

  1. 01Ich antworte innerhalb von zwei Werktagen.
  2. 02Wir führen ein kostenloses 30-minütiges Gespräch über Ihr Unternehmen und Ihren Bedarf.
  3. 03Sie erhalten ein schriftliches Angebot mit Festpreis und Termin. Verbindlich wird es erst mit Ihrer Zusage.

Hilfreich sind Angaben zu

Was Ihr Unternehmen macht, was Sie brauchen, wann es live gehen soll und Ihr ungefähres Budget.

Für ein kostenloses Projekt bewerben

Erzählen Sie mir von Ihrem Unternehmen. Ich antworte innerhalb von zwei Werktagen. Eine Bewerbung garantiert keinen Platz: Zwei Projekte werden nach Passung und Umfang ausgewählt.

Projektart
Was macht das Unternehmen, und was soll die Website erreichen?

Datenschutz. MONFORTE nutzt Ihre Bewerbung nur, um sie zu prüfen und Ihnen zu antworten. Sie wird sicher gespeichert, nur an mein eigenes Postfach gesendet und nie verkauft oder weitergegeben. Nicht ausgewählte Bewerbungen werden nach 180 Tagen automatisch gelöscht, und Sie können die Löschung jederzeit verlangen.