KissmetLokale Dating-App
Kompatible Menschen in der Nähe über gemeinsame Interessen, Werte und Beziehungsvorstellungen entdecken
DeutschlandLandKissmet ist eine Dating-App, die passende Menschen in der Nähe über gemeinsame Interessen, Werte und Beziehungsvorstellungen zusammenbringt. Wir gestalteten und entwickelten die mobile Flutter-App mit Supabase für Daten und Accounts sowie eine Next.js-Landingpage, die das Produkt erklärt und Besucher zur Warteliste führt.
Was wir gemacht haben
Aufgaben
- 1Werte, Interessen und Antworten in einen strukturierten Profilaufbau übersetzen
- 2Kompatibilität auf den Entdeckungskarten verständlich erklären
- 3Lokale Suche über Profile, Karte und Filter ermöglichen
- 4Likes, Anfragen, Matchbestätigung und privaten Chat verbinden
- 5Kontakte, Anfragen sowie gespeicherte oder verpasste Profile ordnen
- 6Das Konzept öffentlich präsentieren und Wartelisten-Interesse sammeln
Das Projekt auf einen Blick
Ausgangslage
Aus der Idee sinnvoller lokaler Verbindungen eine vollständige Journey machen: vom aussagekräftigen Profil über die Suche in der Nähe bis zum Gespräch, ohne einen weiteren endlosen Swipe-Feed zu bauen.
Lösung
Profile mit Antworten, Werten und Interessen; kompatibilitätsbasierte Entdeckung über Profilkarten und Umgebungskarte; gegenseitige Anfragen vor dem Chat; dazu eine Landingpage, die dieselbe Produktlogik erklärt.
Ergebnis
Ein zusammenhängendes Dating-Produkt mit Profilaufbau, lokaler Suche, Anfragen, Matches, Gesprächen und Präferenzen, unterstützt von Website und Wartelisten-Journey.
2
Produkte: Mobile App und Web-Landingpage
5
Hauptbereiche in der unteren App-Navigation
3
Aktionen: ablehnen, speichern und liken
3
Präferenzgruppen: Geschlecht, Alter und Kontaktart
Das Produkt
Dating rund um Kompatibilität und Nähe
Kissmet verbindet Profilentdeckung, gegenseitige Anfragen und Nachrichten in einer mobilen Journey. Statt nur auf Fotos zu setzen, erklären Profile Interessen, Werte, Lebensstil und Beziehungsvorstellungen. Der Standort hält die Suche nah am Alltag, während Kompatibilitätswerte zeigen, warum eine Person passen könnte, bevor ein Gespräch beginnt.
Das Ziel
Vom aussagekräftigen Profil zum echten Gespräch
Das Produkt musste Kompatibilität verständlich machen, Menschen in der Nähe auffindbar halten und den Übergang von Interesse zu Kontakt einfach gestalten. Dieselbe Idee brauchte außerdem eine öffentliche Erklärung: eine Website über lokales Dating ohne endloses Swipen und mit einem klaren nächsten Schritt über die Warteliste.
Mehr als Fotos
Antworten, gemeinsame Werte und Interessen geben jedem Profil vor der Entscheidung Kontext.
Nähe als Prinzip
Karten und eine Umgebungskarte konzentrieren die Suche auf passende Menschen in einem einstellbaren Gebiet.
Erst gegenseitig
Eine Anfrage wird erst nach der Annahme zum Match und führt dann verständlich in den Chat.
Design
Ein visuelles System für Profile, Suche und Gespräch
App und Landingpage teilen blaue Akzente, helle Flächen, abgerundete Komponenten und eine direkte typografische Hierarchie. Die Layouts priorisieren Profiltexte, Kompatibilitätsinformationen und Gesprächsaktionen. Fotografie unterstützt das Produkt, ersetzt aber nicht die schriftlichen Details, die Matching nützlich machen.
Onboarding
Profilaufbau, der Kompatibilität erklärt
Nutzer schreiben eine Biografie, beantworten Fragen zu ihren Werten und wählen Interessen aus mehreren Kategorien. Fotos dienen der Verifizierung, während die Entdeckungskarte auf Textinformationen fokussiert bleibt. Fortschrittsanzeigen machen aus dem längeren Setup eine Folge klarer, überschaubarer Schritte.
Entdeckung
Wenige Matches mit Gründen für den Kontakt
Die Suche zeigt Profile in der Nähe mit Kompatibilitätswert, Entfernung, Vorstellung und gemeinsamen Werten. Nutzer können ablehnen, speichern oder liken und einen kurzen Gesprächseinstieg mitsenden. Bei gegenseitigem Interesse bestätigt Kissmet das Match und öffnet den direkten Weg zum Chat.
Karte und Filter
Lokale Suche mit anpassbaren Kriterien
Die Karte macht den Standort zum Suchwerkzeug statt zu einem statischen Profilfeld. Ein kompaktes Filterpanel passt angezeigte Personen, Altersbereich und gewünschte Kontaktart an. Die Controls bleiben nah an der Karte, damit Kriterien aktualisiert werden können, ohne den Flow zu verlassen.
Nachrichten
Gespräche beginnen nach einem klaren gegenseitigen Signal
Der Nachrichtenbereich verbindet Gesprächsliste, einzelne Chats, ungelesene Zustände und letzte Aktivitäten. Anfrage- und Annahmemarker erhalten den Kontext, in dem zwei Menschen verbunden wurden. Im Gespräch tauschen Nutzer Text aus und können einen Treffpunkt als Kartenansicht teilen.
Verbindungen
Kontakte, Anfragen und gespeicherte Profile bleiben geordnet
Verbindungen trennt aktive Kontakte, ein- und ausgehende Anfragen sowie gespeicherte oder verpasste Profile. Die Suche führt zu einer Person zurück, während das Detailprofil Interessen, Werte und Antworten bewahrt. So bleiben frühere Entscheidungen auch nach der ersten Kartenansicht nachvollziehbar.
Profil
Präferenzen bleiben veränderbar
Der persönliche Bereich bündelt Accountdaten, Biografie und Prompts, Planverwaltung und Einstellungen. Nutzer können ihre Werte aktualisieren oder den Fragebogen wiederholen und anschließend Geschlecht, Altersbereich und gewünschte Kontaktart anpassen. Die Entdeckung entwickelt sich weiter, ohne das Profil neu aufzubauen.
Landingpage
Dieselbe Produktgeschichte im Web
Eine Next.js-Landingpage rund um das lokale Versprechen
Die Website überträgt die blaue Designsprache in ein Desktop-Layout mit Fotografie und Produktvorschauen. Die Eröffnung positioniert Kissmet als lokales Dating ohne endloses Swipen und führt Besucher anschließend zur Warteliste, während die mobile Erfahrung direkt neben dem Versprechen sichtbar bleibt.
Produktvorteile anhand echter Screens erklärt
Feature-Sektionen verbinden gemeinsame Werte, verifizierte Profile und lokale Suche mit Screens aus der App. Ein abschließender Positionierungsblock stellt kompatible Verbindungen in der Nähe endlosen Feeds gegenüber und gibt Besuchern einen klaren Grund, sich vor dem öffentlichen Start einzutragen.
Entwicklung & Testing
Eine Journey über Flutter, Supabase und Next.js
Wir entwickelten die mobile Anwendung in Flutter und nutzten Supabase für Backend-Daten und Account-Funktionen. Die Umsetzung verbindet Onboarding, Profilinformationen, Entdeckung, Anfragen und Nachrichten zu einer durchgängigen Journey. Die Werbewebsite entstand in Next.js mit derselben Designrichtung.
Das Testing konzentrierte sich auf die Wege zwischen diesen Teilen:
- Profilformulare, Pflichtfelder und gespeicherte Werte
- Suchkriterien, Kompatibilitätsdetails und Anfragezustände
- Matchbestätigung und Übergang in die Nachrichten
- Gespeicherte Präferenzen und Verwaltung von Verbindungen
- Responsive Darstellung der Landingpage
Ergebnis
Ein vollständiger Weg von der Entdeckung zum Gespräch
Kissmet verbindet Profiltiefe, lokale Suche und gegenseitige Anfragen in einem mobilen Produkt. Nutzer verstehen, warum ein Profil passen könnte, verwalten Interesse ohne Kontextverlust und setzen eine bestätigte Verbindung im Chat fort. Die Landingpage erklärt denselben Ansatz öffentlich und macht frühes Interesse zu Wartelisten-Anmeldungen.
Weitere Projekte
LifestyleNearby Spots
Motorrad-Community-App mit Fahrerprofilen, persönlichen Garagen, geteilten Inhalten, Push-Benachrichtigungen und RevenueCat-Abonnements.
EdTechMiera
Lern-App für Schüler mit Aufgabenplanung, Streaks und Badges zur Motivation beim täglichen Üben.
SportPlayers for Good
Sport- & Spenden-App: Basketball-Fans verwandeln ihre Leistung in „Good Energy“ für gemeinnützige Vereine.
Lassen Sie uns Ihr Projekt besprechen
Kostenlos & unverbindlich — buchen Sie direkt einen Termin oder schreiben Sie uns eine Nachricht.
Dennis Polevik
CEO
Kostenloses Erstgespräch mit Xmethod
- Kostenlos und unverbindlichUnverbindlich und kostenlos
- Direkt mit dem TeamDirekt aus dem Team, ohne Vertriebsumwege
- Konkreter nächster SchrittSie gehen mit einem konkreten nächsten Schritt raus
Dennis Polevik
CEO
Lassen Sie uns über Ihr Projekt sprechen
Wie geht es weiter?
- Antwort innerhalb eines WerktagsWir prüfen Ihr Projekt und melden uns innerhalb eines Werktags
- Kurzes Gespräch zu Ihren ZielenWir vereinbaren ein kurzes Gespräch zu Umfang und Zielen
- Klares, unverbindliches AngebotSie erhalten ein klares Angebot — unverbindlich, ohne Druck
