dabei

UI-Mock v5 — alle Views. Splash · Auth · Push-Permission · 4× Onboarding · Feed (voll & leer) · Karte · Plan erstellen · 3× Plan-Detail (Reveal-Stufen) · Inbox · Push-Banner · Profil · Profil bearbeiten.

v5 · 2026-05-15 · 18 Views

Splash & Auth

Bootstrap-Loader, Login, OTP-Eingabe.
9:40●●● ◓
dabei
Sei dabei.
Splash · Bootstrap
9:41●●● ◓
dabei
Sei dabei.
E-Mail
Telefon
Wir senden dir einen Code per E-Mail.
mara.k@beispiel.de
Mit dem Senden bestätigst du, dass du mindestens 18 Jahre alt bist und unseren Nutzungsbedingungen zustimmst.
AuthView · Kontakt
9:42●●● ◓
dabei
Sei dabei.
Code an mara.k@beispiel.de geschickt.
4
7
2
9
ZurückCode erneut senden
AuthView · OTP

Push-Permission

Nach Onboarding: System-Alert.
9:47●●● ◓

Fast geschafft.

Aktiviere Mitteilungen, damit du sofort erfährst, wenn jemand bei deinem Plan mitmachen will.
„Dabei" möchte dir Mitteilungen senden
Mitteilungen können Hinweise, Töne und App-Symbolkennzeichen umfassen.
Nicht erlauben
Erlauben
APNs Permission

Onboarding · alle 4 Schritte

Account · Avatar · Interessen (60+ Vorschläge) · Sichtbarkeit.
9:43●●● ◓
SCHRITT 1 / 4ACCOUNT

Wie sollen wir dich nennen?

Username eindeutig, Display-Name erscheint im Feed.
mara_k
✓ Verfügbar
Mara K.
Spontane Aperols, lange Wanderungen, schlechte Witze.
Step 1 · Account
9:44●●● ◓
SCHRITT 2 / 4PROFILBILD

Zeig dich.

Profilbilder helfen, dich wiederzuerkennen. Optional.
MK
Step 2 · Avatar
9:45●●● ◓
SCHRITT 3 / 4INTERESSEN

Was machst du gern?

Mindestens eins wählen — je mehr, desto bessere Vorschläge.
Aperol Asia-Food Ausstellungen BBQ Backen Bachata Bar Basketball Beach-Volleyball Bouldern Brettspiele Brunch Cafés Camping Clubbing Cocktails Comedy Crossfit Fahrrad Festival Fotografie Fußball Gaming Hauspartys Kanu Karaoke Kino Klettern Kochen Konzerte Kunst Laufen Lesungen MTB Meditation Museum Padel Picknick Pilates Pizza Poker Quiz Reisen Salsa Schach See Skateboarden Ski Snowboarden Sprachtandem Squash Standup Sushi Surfen Tanzen Tennis Theater Tischtennis Vegan Videospiele Volleyball Wandern Wein Yoga
7 von 63 ausgewählt
Step 3 · 63 Interessen
9:46●●● ◓
SCHRITT 4 / 4SICHTBARKEIT

Standard für deine Pläne

Gilt als Default für jeden neuen Plan, pro Plan überschreibbar.
Zielgruppe
Alle
Freunde
Interessen
Sichtbarer Radius
10 km1–50 km
Wie wird mitgemacht?
Direkt joinen
Anfrage senden
Max. Plätze
6 Plätze
−
+
Step 4 · Sichtbarkeit

Feed „Jetzt"

Hero/Small-Mix und Empty-State.
9:50●●● ◓
dabei
MK
In deiner Nähe · 5 aktive Pläne
🍷 DRINKS3 frei
Aperol auf der
Dachterrasse
MKMara K. + 1 weitereDo, 19:30 · 1,2 km
SPORT1
Padel-Match heute 18:00
heute, 18:00 · 4,6 km
OUTDOOR5
Hike am Tegernsee
Sa, 09:00 · 38 km
🎵 KULTURVoll
Jazz-Session
im Untergeschoss
LSLina S. + 3 weitereFr, 21:00 · 800 m
✦
Jetzt
⊞
Karte
1
🔔
Inbox
○
Ich
Feed · Hero/Small-Mix
9:50●●● ◓
dabei
MK
dabei
Noch keine Pläne in deiner Nähe.
Sei der Erste – erstelle einen Plan und finde Leute, die mitkommen.
✦
Jetzt
⊞
Karte
🔔
Inbox
○
Ich
Feed · Empty State

Karte & Plan erstellen

MapKit-Tab und vollständiges Plan-Formular.
9:51●●● ◓
dabei
Karte
🍷 3
🏃 1
🎵
⛰ 5
✦
Jetzt
⊞
Karte
🔔
Inbox
○
Ich
Karte · MapKit
9:52●●● ◓
AbbrechenPlan erstellenPosten
Titel
Aperol auf der Dachterrasse
Kategorie
🍷Drinks
🏃Sport
🍴Essen
🎵Kultur
⛰Outdoor
🎮Gaming
Ort
Dachterrasse Schwabing, München
📍 Schwabing, München
Wann?
Donnerstag, 19. Mai19:30
Plätze
4 Plätze
−
+

Sichtbarkeit

Aus deinem Profil vorbelegt.
Zielgruppe
Alle
Freunde
Interessen
Sichtbarer Radius
10 km1–50 km
Plan erstellen

Plan-Detail · 3 Reveal-Phasen

Hero-Gradient, Host-Card mit Instagram, Info-Grid, Reveal-Logik.
9:55●●● ◓
‹
↗
3 frei
Drinks

Aperol auf der
Dachterrasse

MK
Mara K.
@mara_k
📷 @mara.k
📅 WANN
Do, 19. Mai · 19:30
📍 WO
Schwabing
↗ DISTANZ
1,2 km
👥 PLÄTZE
1 / 4
🔒 Genaue Adresse wird 30 Min vor Start freigeschaltet.
Detail · Reveal gesperrt
19:02●●● ◓
‹
↗
Drinks

Aperol auf der
Dachterrasse

MK
Mara K.
@mara_k
📷 @mara.k
📅 WANN
heute · 19:30
📍 WO
Schwabing
↗ DISTANZ
1,2 km
👥 PLÄTZE
2 / 4
In 28 Min ist das Reveal-Fenster offen.
Detail · Reveal eligible
19:06●●● ◓
‹
↗
Drinks

Aperol auf der
Dachterrasse

GENAUER ORT
📍 Occamstraße 14, 80802 München
🍷
ROUTE
Detail · Reveal + Route

Inbox & Push-Banner

Eingehende Anfragen mit Accept/Decline, Status-Updates, Foreground-Banner.
10:02●●● ◓
Benachrichtigungen
ANFRAGEN
SK
Sophie K.
für Aperol auf der Dachterrasse
vor 3 Min
„Hey Mara! Wäre supergerne dabei – kenn das Café und finde euren Vibe top!"
FB
Felix B.
für Aperol auf der Dachterrasse
vor 12 Min
ANTWORTEN
✓
Du bist dabei!
Padel-Match heute 18:00
vor 1 Std
✕
Leider nicht dabei
Brunch-Crew Sonntag
gestern
✦
Jetzt
⊞
Karte
2
●
Inbox
○
Ich
Inbox · Anfragen + Antworten
14:09●●● ◓
dabei
MK
In deiner Nähe · 5 aktive Pläne
🍷 DRINKS3 frei
Aperol auf der
Dachterrasse
d
Neue Anfrage
Sophie K. möchte bei Aperol auf der Dachterrasse mitmachen 🙋
✦
Jetzt
⊞
Karte
1
🔔
Inbox
○
Ich
Push-Banner Foreground

Profil & Profil bearbeiten

Stats-Row, Instagram-Pill, Past-Plans-Foto-Grid, Edit-Form.
10:05●●● ◓
dabei
Bearbeiten
MK
Mara K.
@mara_k · München
📷 @mara.k
Spontane Aperols, lange Wanderungen, schlechte Witze.
12
PLÄNE
28
DABEI
4.8
RATING
INTERESSEN
Aperol
Bouldern
Brunch
Festival
Kino
Konzerte
Padel
Wandern
VERGANGENE PLÄNE
Aperol-
Wochenende
Sonntags-
Spaziergang
Padel-
Training
✦
Jetzt
⊞
Karte
🔔
Inbox
●
Ich
Profil „Ich"
10:06●●● ◓
AbbrechenBearbeitenSpeichern
MK
Display-Name
Mara K.
Username
@mara_k
Bio
Spontane Aperols, lange Wanderungen, schlechte Witze.
62 / 300
Instagram (optional)
@mara.k
Wird im Profil und im Plan-Detail verlinkt. 1–30 Zeichen, a–z, 0–9, . _
Standort
München
Profil bearbeiten · mit Instagram
Dabei UI-Mock v5 — 18 Views, Phase 7 Cream-Redesign mit erweiterter Interessen-Liste (23 → 63).
Aktualisiert: OnboardingViewModel.availableInterests und alle nicht gezeigten Views aus v4.
Basis: SwiftUI-Sources unter /Users/devinmelloh/dabei/ios/Sources/.