Fahrradkontor Lichtenstein
Web · 2026/ Überblick
Für das Fahrradkontor Lichtenstein entstand ein kompletter Digitalauftritt — von der Scroll-Animation bis zum eigenen Analytics-Dashboard.
Fahrradkontor Lichtenstein ist Fahrradwerkstatt und Ersatzteilshop in Sachsen — ehrliche Beratung, schnelle Reparatur, kein Verkaufsdruck. Die neue Website sollte das transportieren: kein Baukasten-Look, sondern eine eigene Bildsprache mit einer scroll-gesteuerten 128-Frame-Sequenz als Herzstück, die ein Rad beim Scrollen vor den Augen der Besucher entstehen lässt.
Dazu ein Admin-Bereich, mit dem der Betreiber FAQ und Leasing-Partner selbst pflegt, ein Terminformular mit Slider-Verifizierung gegen Spam, und ein technisches SEO-Fundament: Google Search Console, Sitemap, DSGVO-konformes GA4 und ein eigenes Pulse-Analytics-Dashboard direkt auf der Domain.
/ Projekt-Details
/ Herausforderung
Ausgangslage: null Material. Außer dem Logo und einem Porträt vom Handy gab es nichts — keine Fotos, keine Texte, keine Struktur. Ein lokaler Handwerksbetrieb sollte digital genauso ehrlich und präzise wirken wie in der Werkstatt selbst. Kein Template, sondern ein eigenes Scroll-Erlebnis — und dahinter ein SEO- und Analytics-Fundament, das die Sichtbarkeit in Lichtenstein/Sachsen tatsächlich verbessert.
/ Leistungen
Von Ground Zero zum Final
Geliefert wurde ein Logo und ein Porträt vom Handy — sonst nichts. Konzept, Struktur, Texte, Bildsprache, die 128-Frame-Scroll-Sequenz, das Admin-Backend, SEO/GEO und Site Pulse entstanden komplett aus einer Hand. Vom leeren Blatt bis zur Live-Site ohne Agentur, ohne Zulieferer.
Vibecoding / Rapid Prototyping
Konzept, Struktur und Interaktionsdesign im Flow — inklusive Admin-Bereich, mit dem der Betreiber FAQ und Leasing-Partner ohne Entwickler pflegt.
Web-Entwicklung
GSAP ScrollTrigger für eine 128-Frame-Canvas-Sequenz (mit JPG-Fallback), Lenis Smooth-Scroll, Logo-Morph-Interaktion. WebP für alle Bilder, PageSpeed 80 mobil.
SEO & Analytics
Search Console verifiziert, Sitemap eingereicht, Google Business Profile korrekt verknüpft. GA4 mit DSGVO-Consent-Banner plus eigenes Pulse-Dashboard direkt unter der Domain.
Site Pulse, Backend & SEO/GEO
Ausgeliefert mit Site Pulse (GA4, Search Console, PageSpeed, Uptime und Mail-Alerts im eigenen Dashboard), einem Backend zur eigenständigen Pflege der Inhalte und einem SEO/GEO-Fundament: Schema.org-Markup, saubere Sitemap und Robots, Open Graph, llms.txt — damit Google, Bing und KI-Suchen die Seite finden, verstehen und zitieren.
KI-generiert Medien dieses Projekts enthalten KI-generierte Inhalte (Kennzeichnung nach Art. 50 EU AI Act).
[ Ansichten ]
Desktop, Laptop, Handy
Echte Screenshots der Live-Site — responsiv bis ins Detail. Laptop und Handy scrollen durch die Seite.
/ Lösung
Fahrradkontor Lichtenstein bekam eine Website, die sofort einen Eindruck von Präzision hinterlässt — und dahinter ein System, das der Betreiber selbst bedienen kann: FAQ, Leasing-Partner und Termin-Anfragen laufen über den eigenen Admin-Bereich, während Search Console, GA4 und Pulse-Dashboard die Sichtbarkeit laufend im Blick behalten.
/ Tech-Stack
HTML5, CSS3 & Vanilla JS
Semantisches Markup, schlanke Basis ohne Framework-Overhead. Canvas-basierte Frame-Sequenz für die Scroll-Animation, mit JPG-Fallback für ältere Geräte.
GSAP & Lenis
ScrollTrigger steuert die Frame-Sequenz und die Section-Reveals, Lenis sorgt für butterweiches Smooth-Scrolling.
Admin-CMS & Pulse-Dashboard
PHP-Backend mit Login-geschütztem Admin (FAQ, Leasing-Partner, Logo-Uploads) und eigenem Pulse-Analytics-Dashboard (GA4, Search Console, PageSpeed) direkt unter /tools/.
[ Kontakt ]
Dein Projekt. Deine Website.
Nächstes Projekt
Ute Schmidt Praxis
[ Social Stream ]
@mikehillebrandmedia
Aktuelle Reels und Posts. Ziehen zum Drehen, klicken zum Öffnen.
Ich messe, wie die Seite genutzt wird (Google Analytics) und ob Besucher über meine Facebook- und Instagram-Werbung kommen (Meta-Pixel) — nur mit deiner Zustimmung. Ohne sie wird nichts gemessen und kein Cookie dafür gesetzt. Details im Datenschutz