FallstudieLive seit Juni 2026

Alleman An Bord:
Team-Website mit
Racing-DNA

Sim-Racing-Teams brauchen eine professionelle Präsenz um Sponsoren zu überzeugen. Generische Templates transportieren keine Racing-Atmosphäre. Das Ergebnis hier: eine Custom-Site die in den ersten drei Sekunden klar macht, mit wem man es zu tun hat.

Next.js 16Tailwind v4Bebas NeueFramer MotionDockerCloudflare
Live-Site öffnen
2 Tage
Redesign
11
Farb-Tokens
99
LH Performance
Desktop, Sep 2026
Cloudflare
Edge
DDoS · WAF · Bot-Schutz
Das Problem

Generische Templates überzeugen keine Sponsoren

Die meisten Sim-Racing-Team-Sites sehen gleich aus: Esports-Neonfarben, Scanline-Overlays, Stock-Car-Fotos von irgendwo. Das Ergebnis ist eine Website die Masse transportiert statt Identität. Sponsoren springen ab. Die eigene Crew findet sich nicht darin wieder.

Alleman An Bord brauchte das Gegenteil: eine Präsenz die den Charakter des Teams widerspiegelt, bevor ein Besucher ein einziges Wort liest. Keine SaaS-Landing-Page-Struktur, keine Stock-Photos, kein RGB-Gamer-Ästhetik.

Das Ziel: Eine Website die Präzision und Motorsport-Leidenschaft verbindet. Professional genug für Sponsoren, authentisch genug für die Crew. Mit einer Results-Seite, die jedes Rennen sauber dokumentiert.

Design-System

11 Tokens. Zwei Schriften. Null Kompromisse.

void
#05080F
Page background
surface
#0D1520
Card backgrounds
gold
#C5A059
Primary accent
gold-bright
#D4AF37
Hover on gold
snow
#F8FAFC
Primary text
fog
#94A3B8
Secondary text
1

Das Auto verdient seinen Platz

Die Gold-Livery ist das stärkste Marken-Asset. Sie wird als primäres Visual gezeigt, nicht als Hintergrundtextur.

2

Gold ist ein Material

Kein Highlight-Farbe. Wenn Gold erscheint, soll es schwer und warm wirken, sparsam eingesetzt auf 8–12% des Screens.

3

Editoriales Selbstbewusstsein

Text atmet. Headers fühlen sich wie ein Magazin-Cover an, nicht wie ein Slide-Deck. Bebas Neue auf clamp(4.5rem, 11vw, 9rem) im Hero.

4

Geschwindigkeit durch Einfachheit

Weniger, grösser, mutiger. Alles was keine Bedeutung trägt wird entfernt. Kein RGB-Gamer-Ästhetik, keine SaaS-Metrik-Cards.

ALLEMAN AN BORD
Bebas Neue · Hero-Headline · clamp(4.5rem, 11vw, 9rem)
Architektur

Schlank gebaut. Gut geschützt.

Public Site

  • →Next.js 16 App Router, serverseitig gerendert
  • →Hero-Section mit Livery als primärem Asset
  • →Race Results mit iRacing- und LMU-Filter
  • →Framer Motion Einblendungen (expo-out)

Hosting & Schutz

  • →Eigene Domain amab.racing über Cloudflare
  • →DDoS-Schutz, WAF und Bot Fight Mode
  • →Docker Multi-Stage, non-root, hinter nginx
  • →Neue Resultate ohne Rebuild (Volume-Mount)

Design-System

  • →11 Farb-Tokens: void → gold → snow
  • →Zwei Schriften: Bebas Neue + Geist
  • →Expo-out Easing, 300ms / 500ms
  • →Glassmorphism: max. 1× pro Seite

Zielgruppe

  • →Sim Racing Enthusiasten (iRacing, LMU)
  • →Potenzielle Team-Sponsoren
  • →Bestehende Crew-Mitglieder
  • →Desktop-first (post-race browsing)

Öffentlich

Startseite mit Team-Zahlen und neuesten Resultaten, dazu die komplette Results-Seite. Offen für Sponsoren und Fans.

Hinter Cloudflare

Eigene Domain seit September 2026. DDoS-Schutz, WAF und Bot Fight Mode stehen vor dem eigenen Server.

Das Ergebnis

Sponsoren-ready in 2 Tagen

Die Site lebt vom Kontrast: Deep-void Hintergrund, sparsam eingesetztes Gold, Bebas Neue als editorial-starke Schrift. Wer die Seite öffnet, weiss in drei Sekunden womit er es zu tun hat, noch bevor er zu scrollen beginnt.

Die Resultate liegen als JSON-Datei auf einem Volume. Ein neues Rennen erscheint auf der Seite ohne Rebuild und ohne Deployment. Seit September 2026 läuft die Seite unter der eigenen Domain amab.racing, geschützt durch Cloudflare.

2 Tage
Build-Zeit
Komplettes Redesign inklusive Design-System
Cloudflare
Schutz
DDoS-Schutz, WAF und Bot Fight Mode
99
LH Performance
Lighthouse Desktop, gemessen im September 2026