2do.live icon

2do.livePlattform für lokale Aktivitäten und Community-Inhalte

Orte und Aktivitäten in der Nähe entdecken, Erfahrungen teilen und Angebote mobil wie im Web veröffentlichen

Flutter · Next.js · Supabase · FigmaTechnologien
iOS · Android · WebPlattformen
Entwicklung · TestingUmfang
DeutschlandDeutschlandLand
Lokale DiscoveryBranche
Kurzbeschreibung01

22. Oktober 20264 Min. Lesezeit

2do.live ist eine Plattform, auf der Nutzer lokale Aktivitäten, Orte und Angebote über eine interaktive Karte und einen Community-Feed entdecken. Interessen strukturieren die Inhalte, Detailseiten liefern praktische Informationen, und eigene Bewertungen oder Angebote lassen sich direkt veröffentlichen. Xmethod entwickelte die mobilen und webbasierten Anwendungen auf Basis der vorhandenen Kundendesigns und verband die zentralen Journeys zu einem Produkt.

Was wir gemacht haben

Flutter-Mobile-EntwicklungNext.js-WebentwicklungSupabase-IntegrationKarten- und standortbasierte DiscoveryWorkflows für Content-PublishingResponsives Testing

Aufgaben

  1. 1Kartensuche mit einem Empfehlungsfeed verbinden
  2. 2Filter für Interessen, Datum, Preis, Entfernung und Autor umsetzen
  3. 3Bewertungen, Kommentare und Bild-Uploads entwickeln
  4. 4Abläufe für Erstellen, Bearbeiten und Löschen von Angeboten bauen
  5. 5Profile und gespeicherte Inhalte plattformübergreifend konsistent halten
  6. 6Formulare, Filter, Navigation und responsive Layouts testen
Auf einen Blick02

Das Projekt auf einen Blick

Ausgangslage

Karte, Empfehlungen, Bewertungen, Angebote und persönliche Konten mussten als eine Discovery-Journey funktionieren statt als getrennte Produktbereiche.

Lösung

Flutter und Next.js verbinden kartenbasierte Entdeckung, Interessen- und Datumsfilter, Community-Inhalte und Angebotsverwaltung mit gemeinsamen Datenflüssen über Supabase.

Ergebnis

Nutzer können eine Aktivität in der Nähe finden, Details prüfen, Feedback beitragen und eigene Veröffentlichungen mobil oder im Web verwalten.

  • 2

    verbundene Oberflächen: Mobile und Web

  • 4

    Discovery-Werkzeuge: Karte, Feed, Interessen und Filter

  • 3

    Community-Aktionen: Angebote, Bewertungen und Kommentare

  • 1

    durchgängige Journey von Entdeckung bis Veröffentlichung

Das Produkt03

Lokale Discovery durch Menschen und Interessen

2do.live verbindet zwei Wege, etwas zu unternehmen. Die Karte beantwortet, was in der Nähe liegt, während der Feed Empfehlungen der Community zeigt. Interessen, praktische Filter und ausführliche Aktivitätsseiten führen vom Stöbern zu einem konkreten Plan, ohne den geografischen Kontext zu verlieren.

Das Ziel04

Vorhandene Designs in eine gemeinsame Mobile- und Webplattform übersetzen

Der Kunde lieferte die visuellen Designs. Unsere Aufgabe war die Umsetzung der Produktabläufe dahinter: Karten und Heatmaps, Suche und Filter, Bewertungen und Kommentare, Angebotsveröffentlichung und Kontoverwaltung. Dieselbe Produktlogik musste auf kompakten Smartphone-Screens und in breiten Weblayouts verständlich bleiben.

  • Standort und Content

    Geografische Discovery und Empfehlungen der Community sollten sich gegenseitig verstärken statt um Aufmerksamkeit zu konkurrieren.

  • Flexibles Publishing

    Angebote und Bewertungen verbinden Bilder, Interessen, Termine, Orte und optionale Details in trotzdem übersichtlichen Formularen.

  • Konsistenz auf allen Plattformen

    Mobile und Web nutzen andere Layouts, doch Filter, Inhalte und Kontoaktionen müssen denselben Regeln folgen.

Mobile Experience05

Discovery und Beiträge in einem kompakten Ablauf

Karte, Feed und Detailseite bilden einen Discovery-Kreislauf

Marker und Heatmap-Bereiche geben einen geografischen Überblick. Im Feed werden Inhalte aus der Umgebung zu Empfehlungskarten mit Bildern, Bewertungen, Preisen und Adressen. Beim Öffnen einer Aktivität bleiben Termin, Host, Sprache und Standort zusammen, damit die nächste Entscheidung alle nötigen Informationen hat.

Mobile Discovery vom Überblick bis zum Detail

Interessen und Filter schärfen die Suche, ohne Kontext zu verlieren

Nutzer wählen Interessen aus Freizeit, Essen und Reisen und filtern anschließend nach Datum, Preis, Entfernung oder Autor. Ein eigener Kalender unterstützt einzelne Tage und Zeiträume. So wird aus einer breiten lokalen Karte eine Auswahl, die Vorlieben und praktische Verfügbarkeit berücksichtigt.

Interessen und Filter

Bewertungen und Kommentare machen Empfehlungen nachvollziehbar

Der Bewertungsablauf verbindet Ort, Interesse, Sterne, Text und optionale Fotos. Kommentare ermöglichen Gespräche direkt an einer Veröffentlichung. Angebotskarten zeigen dabei weiterhin die wesentlichen Bilder, Preise, Standorte und Bewertungen, während Nutzer Feedback lesen oder selbst beitragen.

Bewertungen, Ratings und Diskussionen

Die Angebotserstellung wächst vom kurzen Formular ins Detail

Der Einstieg beginnt mit Bildern, Interesse, Datum und Standort. Weitere Bereiche ergänzen Beschreibung, Preis, Co-Hosts, Sprache, Wiederholung und anonymes Posten, ohne jedes Feld sofort zu verlangen. Ein einfaches Angebot bleibt schnell, ein erklärungsbedürftiges lässt sich gezielt ausbauen.

Schrittweise Angebotserstellung

Profile verbinden Discovery mit Angebotsverwaltung

Das Profil führt zu Interessen, gespeicherten Inhalten, Nachrichten, Einstellungen und privaten Daten. Eine eigene Liste sammelt veröffentlichte Angebote. In der Bearbeitung stehen dieselben praktischen Felder wieder bereit, sodass Nutzer Bilder und Details aktualisieren, Änderungen speichern oder einen Eintrag löschen können.

Profil und Verwaltung eigener Veröffentlichungen
Web Experience06

Dieselben Journeys nutzen den Raum eines breiten Screens

Die Karte bleibt zentral, während Interessen im Kontext öffnen

Im Web stehen Suche, Interessen, Filter und Ansichtswechsel in der oberen Navigation bereit. Nutzer wechseln zwischen Karte und Feed oder beginnen direkt mit einem Beitrag. Die Interessenauswahl öffnet sich über der Karte, sodass Kategorien angepasst werden, ohne das gerade betrachtete Gebiet und seine Ergebnisse zu verlieren.

Kartenbasierte Discovery im Web
Interessen ohne die Karte zu verlassen

Aktivitätsdetails balancieren Bilder und praktische Angaben

Die Detailseite nutzt das breite Layout für eine große Galerie, Titel, Standort, Karte, Bewertung und Datum. Aktionen zum Speichern, Teilen und Reagieren stehen direkt daneben. So lassen sich visueller Eindruck und praktische Bedingungen gemeinsam prüfen, statt zwischen Ansichten zu wechseln.

Aktivitätsdetails im Web

Feed und Bewertung halten den Gegenstand sichtbar

Der Webfeed verbindet Angebotskarten mit Navigation, Veröffentlichungsaktionen und empfohlenen Profilen. Auf der Bewertungsseite bleibt das gewählte Angebot neben den Feldern für Text, Rating, Ort, Interessen und Bilder sichtbar. Dadurch ist während des Ausfüllens jederzeit klar, worauf sich das Feedback bezieht.

Community-Feed im Web
Bewertung mit sichtbarem Kontext
Entwicklung & Testing07

Aus Designs wurde verbundenes Produktverhalten

Die Umsetzung umfasste Navigation, Karten, Filter, Formularverhalten, Bild-Uploads und den gesamten Lebenszyklus eines Angebots von der Erstellung über die Bearbeitung bis zum Löschen. Das Testing folgte denselben Journeys mobil und im Web, mit Fokus auf Validierung, gespeicherte Änderungen, Filterergebnisse und responsives Layoutverhalten.

Umsetzung und Prüfung umfassten:

  • Karteninteraktion, Heatmap-Darstellung und Übergänge zu Detailseiten
  • Filter nach Interesse, Datum, Preis, Entfernung und Autor
  • Zustände für Bewertungen, Kommentare und Bild-Uploads
  • Erstellen, Bearbeiten, Speichern und Löschen von Angeboten
  • Konsistente Navigation und Layouts auf Mobile und Web
Ergebnis08

Eine Plattform zum Finden und Teilen lokaler Erlebnisse

Die gelieferten Designs funktionieren jetzt als verbundenes Produkt mit Flutter und Next.js. Nutzer entdecken lokale Inhalte über Karten, Feed und Interessen, prüfen praktische Details, verfassen Bewertungen und Kommentare und verwalten eigene Angebote. Mobile und Web nutzen dasselbe Produktmodell und gleichzeitig die Stärken der jeweiligen Bildschirmgröße.

Kontakt10

Lassen Sie uns Ihr Projekt besprechen

Kostenlos & unverbindlich — buchen Sie direkt einen Termin oder schreiben Sie uns eine Nachricht.

Dennis Polevik

Dennis Polevik

CEO

  • Antwort innerhalb eines Werktags
  • Kurzes Gespräch zu Ihren Zielen
  • Klares, unverbindliches Angebot