Landingpage · Reise & Sport

Fußballcamp in Antalya – Landingpage
für Familien & VfB Kids

Konzeption, UX/UI-Design und Frontend-Umsetzung einer Landingpage für das VfB Stuttgart Kinder-Fußballcamp im 5★ Miracle Resort in Antalya – inkl. Leistungen, Preise, FAQ und Buchungsanfrage.

VfB Stuttgart Fußballcamp (7–14 Jahre) Miracle Resort, Lara · Antalya 27.12.2025 – 03.01.2026 Nach Event: Interessenportal

Live-Seite öffnen Redesign ansehen

Ziel Eltern in wenigen Sekunden überzeugen: „Urlaub + professionelles Fußballcamp“. Klar strukturierte Infos zu Leistungen, Termin, Ort und Preisen – mit direkter Buchungsanfrage.

Ergebnis Eine fokussierte Landingpage mit klaren Abschnitten (Leistungen, Fußballcamp, Preise, FAQ, Kontakt), die Vertrauen aufbaut und den Einstieg in die Buchung erleichtert.

Phase 2: Nach Veranstaltungsende wurde die Seite zum Interessenportal weiterentwickelt, um langfristig neue Anfragen zu sammeln.

Redesign nach Veranstaltungsende: Interessenportal

Warum wurde umgebaut?

Nach dem Ende der Veranstaltung wurde www.fussballcamp-antalya.de nicht abgeschaltet, sondern strategisch weiterentwickelt: von einer eventbasierten Landingpage zu einer Always-On Nachfrage-/Interessenportal-Seite.

Von: Termin-/Event-Fokus (Kampagne)
Zu: Interesse sammeln (Leads) + Updates senden
Ziel: Kontinuierliche Nachfrage aufbauen & potenzielle Teilnehmer früh binden

Welche UX/UI Änderungen sind sichtbar?

Topbar + Kontakt (Telefon/E-Mail) → mehr Vertrauen
Sticky Navigation → schnellere Orientierung
CTA-Fokus: „Updates erhalten“ statt „Jetzt buchen“
Typografie stärker gewichtet (bold/extra bold) → klarere Hierarchie
Farbwelt: Blau (Trust/Service) + Gelb (CTA)

Aktuelle Live-Version ansehen

Für dein Portfolio ist das ein starkes Signal: Das Projekt wurde nicht nur umgesetzt, sondern weitergeführt (Produktdenken/Iteration statt „nur Kampagne“).

Redesign Einblick: neue Seite (Interessenportal)

Screenshot: Fußballcamp Interessenportal – Header, Navigation und CTA — **Neuer Above-the-fold Aufbau** Topbar (Kontakt), sticky Navigation, Hero mit CTA „Updates erhalten“ und modernisierte Typo-Hierarchie.

Was Unternehmen hier erkennen (Erweiterung & Wirkung)

Das Redesign ist eine funktionale Weiterentwicklung: statt einmaliger Event-Kommunikation wird jetzt dauerhaft Nachfrage gesammelt. Das ist messbar über Interaktionen (Klicks, Scrolls, CTA-Klicks, Formularstarts/-Sends).

Neue Farben (aus dem Redesign-Code)

Brand 700 · #05367c
Buttons / Service

Brand 900 · #0b4aa2
Navigation / Trust

Accent · #f59e0b
CTA „Updates“

Typografie – was ist anders?

Stärkere Gewichte (bold/extra bold) in Navigation & CTA → mehr Klarheit.
„Produkt“-Look statt Kampagnenlook → wirkt seriöser/vertrauenswürdiger.
Kontrast- & Lesbarkeit in Hero/Buttons optimiert.

Live-Redesign öffnen Wirkung / KPIs

Projektkontext & Rolle

Projekt

Landingpage Fußballcamp Antalya

Rolle

UX/UI Design · Frontend

Zielgruppe

Familien & fußballbegeisterte Kinder

Ausgangslage

Für eine Kooperation zwischen ReiseGesucht, Bentour Reisen und der VfB Stuttgart Fußballschule sollte eine Landingpage entstehen, die das Komplettpaket aus Reise und Fußballcamp klar, einfach und vertrauenswürdig präsentiert.

Meine Aufgaben

Struktur & Aufbau der Landingpage
UX/UI Design (Desktop-first, responsive)
HTML/CSS/JS Umsetzung
Inhalte priorisieren: Reiseleistungen, Campinfos, Preise & FAQ

Lösung & Seitenaufbau

Klare Informationsblöcke

Die Seite führt Eltern Schritt für Schritt durch das Angebot:

Reisepaket inkl. Flug, Hotel & Transfer
Fußballcamp mit lizenzierten VfB-Trainer:innen
Preise für verschiedene Familienmodelle
FAQ zu Training, Ausrüstung & Anreise

Fokus auf Vertrauen

Eltern wollen Sicherheit: Die Seite zeigt daher deutlich Logos, Partner, Kontaktinfos, Zahlungs- und Absicherungsdetails.

Dazu kommen klare Call-to-Actions wie „Buchungsanfrage senden“, die direkt zum Formular führen.

Projektwirkung & KPIs (Portfolio-freundlich)

Für dein Portfolio ist wichtig: Unternehmen sollen verstehen, welchen Effekt deine Arbeit hatte – auch wenn du nicht alle internen Zahlen öffentlich teilst.

Woran erkennt man hier Erfolg?

Weiterentwicklung statt Abschaltung: Die Seite wurde nach dem Event als Interessenportal ausgebaut (Always-On Lead-Gen).
Messbare Nutzung: Viele Interaktionen (Events) zeigen, dass Nutzer:innen klicken, scrollen, Videos ansehen und CTAs nutzen.
UX-Flow: Klarer Weg von Nutzen → Vertrauen → CTA → Anfrage.
Marketing-Fit: Struktur + Mobile-UX passen zu Traffic aus Social Media.

Welche KPIs würdest du (intern) reporten?

CTA Klickrate: „Updates erhalten“ / „Buchungsanfrage“
Formular-Funnel: Start → Abbruch → Absenden
Scroll Tiefe: ob Preise/FAQ erreicht werden
Engagement: Events pro Nutzer, Verweildauer, Returning Visitors

Tipp: Wenn du keine Zahlen einträgst, ist das nicht schlimm – formuliere einfach „Tracking wurde eingerichtet, um CTA- und Funnel-Performance zu messen“ und zeige, dass du weißt, wie man Optimierungen ableitet.

Typografie, Farben & UI-Shadows

Typografie

Headline – System Sans / clamp(2–2.8rem) / Bold

Body – System Sans / Regular.

Die Hierarchie besteht aus:

H1: Kampagnenheadline mit Highlight („Fußballcamp in Antalya“)
H2: Abschnittstitel (Leistungen, Preise, FAQ …)
H3: Untertitel (z.B. „Reisepaket“, „Fußballcamp-Leistungen“)

Typografie (Redesign – Interessenportal)

Beim Redesign wurde die Typo stärker gewichtet (mehr Bold/Extra-Bold) und die Hierarchie „produktiger“ gestaltet: Navigation/CTAs stechen klarer hervor.

Farben

Primary · #791e56
Buttons, Links, Gradients

Accent · #a16188
Highlights & Badges

Sun · #fbbf24
Sonne & Sticker

Ink · #0f172a
Fließtext / Headlines

Surface · #f9fafb
Karten- und Seitenhintergründe

Redesign Brand · #0b4aa2
Navigation / Trust

Redesign CTA · #f59e0b
„Updates erhalten“

Learnings

Eine klare Reihenfolge hilft: Wenn die wichtigsten Infos direkt am Anfang stehen, finden Eltern schneller das, was sie wissen möchten.
Kurze und klare Texte funktionieren am besten: Eine Mischung aus kleinen Absätzen und kurzen Punkten macht die Seite angenehm zu lesen.
Vertrauen ist entscheidend: Logos, Bewertungen und eine sichtbare Kontaktmöglichkeit geben Eltern Sicherheit und machen eine Anfrage wahrscheinlicher.

Kurzüberblick über die Kampagnen-Posts: Datum, Kanal und wie sichtbar sie waren.

Fazit: Die Kampagne erzeugt Reichweite, aber ohne optimierten Buchungsflow und klaren Call-to-Action bleiben 0 direkte Buchungen über Social Media.