UI Showcase · Thomas BA Platform
Real interface mockups for every key scenario — web and mobile, participant and admin.
Scenario 01
Their groups, their recent content, and a path into whatever they're working on with Thomas. Clean, personal, nothing irrelevant.
Web browser
God morgen, Jakob
Lørdag 15. april · Du er del af 2 grupper
Dine grupper
No More Mr. Nice Guy — Forår 2025
12 deltagere · Forløb · Aktiv
Parforholdsworkshop — Januar
6 par · Afsluttet
Senest tilgået
Session 4 — Åndedræt og vrede
Lyd · 24 min · Tilgået i går
Arbejdsark: Dine kernebehov
PDF · 3 sider
iPhone app
God morgen, Jakob
2 aktive grupper
Dine grupper
Nice Guy — Forår 2025
12 deltagere · 3 nye beskeder
Parworkshop Januar
Afsluttet · Materiale tilgængeligt
Senest tilgået
Session 4 — Åndedræt og vrede
24 min · i går
Arbejdsark: Dine kernebehov
PDF · 3 sider
Scenario 02
A participant opens a guided breathwork session from their course. The player shows waveform progress, elapsed time, and simple controls. On the phone, the lock screen shows playback controls automatically via native audio.
Web browser
← Nice Guy forår 2025 · Session 4
Session 4 — Åndedræt og vrede
Guidet session · 24 min 18 sek · Thomas Buch-Andersen
Om denne session
I denne session arbejder vi med vejrtrækning som adgang til vrede — ikke for at undgå den, men for at bære den med ro og klarhed. Hav gerne et tæppe og et stille sted.
iPhone app — afspilning
Session 4 — Åndedræt og vrede
Thomas Buch-Andersen
Fortsætter på låseskærm · AirPlay tilgængeligt
Thomas's perspective: He uploads an MP3 or WAV via the admin panel. It gets stored in Cloudflare R2. Participants play it streamed — no download required, though the app can cache it for offline use. Each play is scoped to the group — a participant in the couples workshop cannot access the Nice Guy session audio.
Scenario 03
Thomas records a session or creates a video introduction to a module. Participants watch it at their own pace. The player is full adaptive streaming — quality adjusts to the connection automatically.
Web browser
Modul 2 — Kroppen husker
Thomas Buch-Andersen · 18 min
Modul 2 — Kroppen husker
Video · 18 min · Livskraft og Lederskab · Optaget 8. april 2025
I dette modul introducerer Thomas begrebet kropshukommelse og dens rolle i vores mønstre som mænd. En nødvendig baggrund inden session 5.
Næste i forløbet
Session 5 — Åndedræt og ansvar
Lyd · 28 min
iPhone app — videoafspilning
Modul 2 — Kroppen husker
Modul 2 — Kroppen husker
Video · 18 min · Livskraft og Lederskab
I dette modul introducerer Thomas begrebet kropshukommelse og dens rolle i vores mønstre som mænd.
Næste
Session 5 — Åndedræt og ansvar
28 min
How video works: Thomas uploads to the admin panel. Cloudflare Stream transcodes it automatically into multiple resolutions. The player streams the right quality for the participant's connection. Thomas pays per minute stored — not per view. A 20-minute session costs roughly $0.10/month to store.
Scenario 04
Participants in the Nice Guy course share reflections after a session. Only they can see this conversation. Thomas can read and respond. Nobody outside the group can access it.
Web browser — group messages
Mine kanaler
Nice Guy forår
3 nye
Alle deltagere
Direkte
Thomas
Mikkel
Nice Guy — Forår 2025
12 deltagere
Mikkel
14:22
Anders
14:35
Thomas
15:01
15:08
iPhone app — gruppe besked
Mikkel
Thomas
Thomas skriver...
Scenario 05
Thomas or a co-admin logs in to the web app and sees the admin panel. An at-a-glance view of users, groups, and recent activity. Everything is manageable from here without touching a database.
Web browser — admin panel
Overblik
Opdateret nu · Lørdag 15. april 2025
47
Brugere i alt
4
Aktive grupper
38
Indholdsfiler
12
Logget ind i dag
Aktive grupper
| Gruppe | Deltagere | Status |
|---|---|---|
| Nice Guy — Forår 2025 | 12 | Aktiv |
| Livskraft og Lederskab | 8 | Aktiv |
| Parworkshop Maj | 6 | Aktiv |
| Breathwork Retreat | 21 | Planlagt |
Seneste aktivitet
Mikkel K. afspillede Session 4
14 min siden
3 nye beskeder i Nice Guy gruppen
22 min siden
Anders N. loggede ind
1 time siden
Nyt dokument uploadet til Parworkshop
i går
Scenario 06
Thomas wants to add a new participant to the Nice Guy course. He finds them in the user list, checks their group memberships, or creates a new account and sends an invite email — all from this one screen.
Web browser — user management
Brugere
47 brugere i alt · 44 aktive
Scenario 07
Thomas finishes recording a new breathwork audio file and wants to add it to Session 5 of the Nice Guy course. He drags it in, fills in a title, assigns it to the group, and it's live within seconds.
Web browser — content management
Indhold
38 filer · Lyd, video, dokumenter
Upload ny fil
Træk filer hertil eller klik for at vælge
MP3, MP4, WAV, PDF · Maks. 2 GB
Session-5-aandedraet-og-ansvar.mp3
48.2 MB · Uploader...
Detaljer
Titel
Tildel til gruppe
Senest uploadet — Nice Guy forår
How this works technically: When Thomas clicks "Gem og publicer", the browser asks a Cloudflare Worker for a presigned upload URL. The file goes directly from Thomas's computer to Cloudflare R2 — it never passes through any server. The metadata (title, group, type) is saved to the Postgres database. Participants see the new content immediately on refresh.