Home Leistungen Portfolio Kontakt Jetzt anfragen
Zurück zum Portfolio Fiktives Design-Beispiel · Konzeptstudie 07 / 08
Fiktives Beispielszenario · Strength & Conditioning Lab

Mehr Probetrainings. Ohne ein einziges Verkaufsgespräch.

Wie ein kleines Berliner Strength-Lab mit einer brutalen Markenstimme und einem ehrlichen Stundenplan zur ersten Adresse für seriöses Krafttraining in Friedrichshain wurde.

🔒 Design-Vorschau · fiktives Beispiel
Live öffnen ↗
01 — Briefing

Das Problem.

„Wir sind die ehrlichste Strength-Box in Berlin — aber die Leute, die zu uns finden, sind oft die Falschen."

der Head Coach, Head Coach und ehemaliger Deutscher Powerlifting-Meister, hatte 2019 die Box gegründet. Fachlich erstklassig: NSCA-CSCS-zertifiziert, klare Periodisierung, Max-6-Athleten-Coaching. Die Website war ein WordPress-Theme von 2020 — generisch, weichgespült, mit Stock-Bildern von lächelnden Models.

Folge: Leute kamen zum Probetraining, fanden eine 450m² rohe Halle voller Eisen, und gingen wieder. Die Markenstimme passte nicht zur Realität — das filterte die falschen Kunden ein und die richtigen aus.

Tom wollte keine „wir-mögen-dich"-Sprache. Er wollte eine Seite, die abschreckt, wer abgeschreckt werden soll — und anzieht, wer wirklich trainieren will.

02 — Herausforderung & Ansatz

Drei Wahrheiten, mit denen wir gearbeitet haben.

Challenge

Markenstimme war zu freundlich

WordPress-Standard-Copy: „Wir helfen dir, deine Ziele zu erreichen." Komplett austauschbar — und ein totaler Mismatch zur Realität in der Box.

Solution

Brutalist-Design + Bebas-Neue-Typografie

Schwarz, Neon-Lime, alles in Versalien. Hero-Headline „Train soft like a beast" mit durchgestrichenem „soft". Filtert von Sekunde 1.

Challenge

Probetraining war Black Box

Anmelden → warten → Tom meldet sich → Termin finden. Drei Hürden, jeweils mit Dropoff.

Solution

14-Tage-Test als Hero-CTA

Direkte Buchung über das Booking-System, mit klaren Erwartungen: Was passiert, wer betreut, wie viel kostet's am Ende. Keine Telefon-Hürde.

Challenge

Stundenplan war PDF im Footer

Interessierte konnten nicht sehen, wann Strength-Slots verfügbar sind — und fielen aus dem Funnel.

Solution

Live-Schedule-Grid mit Verfügbarkeit

Wochenplan im Hauptlayout. „VOLL"-Slots in Rot, freie Slots klickbar, direkter Sprung in die Buchung.

03 — Solution

Was das Konzept vorsieht.

Fünf Module, die zusammen einen sehr klaren Filter ergeben.

01

Brutalist-Hero mit Anti-Headline

„Train soft like a beast" — „soft" durchgestrichen mit Neon-Strich. Setzt die Tonalität in 1.5 Sekunden.

02

Programm-Wand mit Klartext-Preisen

Sechs Programme mit Frequenz, Dauer, Monatspreis. Kein „kontaktieren Sie uns für Preise".

03

Coach-Profil-Sektion

Tom mit Klartext-Bio: NSCA-CSCS, DM 2018, „800 Athleten gecoacht". Vertrauen durch Fakten, nicht durch Selbstdarstellung.

04

Live-Stundenplan

Wochengrid mit Echtzeit-Status. „VOLL"-Marker in Rot, freie Klassen direkt buchbar.

05

Marquee-Ticker mit Filtermessages

„MAX. 6 ATHLETES PER COACH · NEUE MITGLIEDER 14 TAGE TESTEN" — kontinuierlich, niemand übersieht's.

06

„No Excuses"-CTA-Block

Riesige Bebas-Neue-CTA am Seitenende: 14 Tage testen, keine Verpflichtung. Direkter Booking-Link.

04 — Result · Unverbindliches Rechenbeispiel

Was sich verändern könnte.

Ein illustratives Zielbild für einen vergleichbaren Betrieb — keine gemessenen Echtwerte.

3.2×
Probetrainings
illustratives Beispiel
68%
Probe-to-Member
vs. 41% vor Relaunch
−54%
Akquise-Anrufe
Funnel ist self-serve
100
Lighthouse
Performance · Mobile

Unverbindliches Rechenbeispiel. Die gezeigten Szenarien dienen der Veranschaulichung; reale Ergebnisse hängen vom Einzelfall ab.

05 — Timeline

In 1–2 Wochen live.

Tag 1–2 · Discovery

Brand-Workshop mit Tom & Coach-Team

Zwei Tage in der Box, mit Athleten gesprochen, Sprache und Selbstverständnis dokumentiert.

Tag 3–5 · Design

Brutalist-Layouts & Typografie-Tests

Fünf Hero-Iterationen, zwei davon mit Tom getestet. „Train soft" überzeugt sofort.

Tag 6–11 · Build

Frontend, Stundenplan-System, Booking-Integration

Cal.com als Booking-Backend, eigener Stundenplan-Editor für Tom.

Tag 12–14 · Launch & SEO

Go-Live, Schema.org, Google-Business-Profile-Sync

Programme als strukturierte Daten ausgezeichnet → bessere Sichtbarkeit lokal.

06 — Tech-Stack

Was darunter läuft.

HTML5 + CSS3 Vanilla JS Bebas Neue + Space Mono Cal.com Booking Custom Schedule Grid Schema.org SportsActivityLocation Cloudflare CDN Hosted in DE DSGVO-konform Plausible Analytics
Nächster Case

Wirtschaftskanzlei

08 / 08 · Conservative · Legal · Fiktives Beispiel