2026 – Kampagnen-Website für einen Bürgermeisterkandidaten
Wahlkampagne Bad Ems
Service
Kampagnen-Website: Konzept, Design & Entwicklung
Client
Markus Bodo Wieseler, Bürgermeisterkandidat Bad Ems
Date
September 2026
Technology
Next.js 15 (Static Export) · Tailwind CSS v4 · Motion · Netlify Forms
Kandidatur verkündet. Website live. Am selben Tag.
Markus Bodo Wieseler ist Unternehmer aus Bad Ems, seit 13 Jahren im Stadtrat – und seit September 2026 Kandidat für das Amt des Stadtbürgermeisters. Seine persönliche Landing Page hatten wir 2025 gebaut; für den Wahlkampf brauchte er etwas anderes: eine Seite, die Menschen zum Mitmachen bringt und bis zum Wahltag jede Woche aktuell bleibt.
Die Vorgabe war der Kalender. Die Pressemitteilung zur Kandidatur sollte am Montag erscheinen – und die Website musste im selben Moment stehen. Das Briefing kam am Samstagnachmittag: Porträtfotos, Lebenslauf, Logo. Am Montagvormittag ging die erste Version online, bis zum Abend folgten elf Deploys mit Feinschliff.
Wir bauen die Website – die Politik macht der Kandidat. Das Ergebnis ist eine One-Page-Kampagnenseite, die ohne Agentur weiterlebt: Termine, Stimmen, Pläne, Neuigkeiten und der Wahltermin liegen in einfachen Textdateien, die Markus Bodo Wieseler selbst pflegt.
- Konzeption & Struktur einer Kampagnen-Website
- Design-System: Navy, Sonnengelb, Archivo
- Next.js 15 mit statischem Export, Tailwind CSS v4, Motion
- Countdown zum Wahltag & Briefwahl-Guide
- Video-Sektion (YouTube-Embed mit lokalem Fallback)
- „Ihre Idee“-Formular über Netlify Forms mit Spam-Schutz
- Mitmach-Bausteine: Plakat, Flyer, Einladung per vorformulierter E-Mail
- Termine mit Kalender-Export (ICS, Google Kalender, Karte)
- Vorher/Nachher-Slider: Bad Ems 1898 und heute
- QR-Code-Generator für Plakate und Flyer
- Inhalte per JSON pflegbar – ohne Code, mit deutscher Anleitung
- Impressum, Datenschutz & Bildnachweise
Unter 24 Stunden bis zum Livegang
Samstag, 16:54 Uhr: Fotos und Lebenslauf kommen per WhatsApp. Montag, 11:53 Uhr: erster Deploy. Möglich war das, weil das Konzept vor dem Code stand – elf Abschnitte, jeder mit einer Aufgabe: informieren, überzeugen, mitmachen lassen, zur Wahl führen. Was noch fehlte (Termine, Stimmen, ein bestätigter Wahltag), bekam einen ehrlichen Platzhalter statt einer leeren Fläche.
Gebaut für den Wahlkampf, nicht fürs Anschauen
Jeder Abschnitt löst etwas aus. Mitmachen heißt: ein Klick öffnet eine fertig formulierte E-Mail für Plakat, Flyer oder Einladung. Termine landen mit einem Klick im Kalender, samt Route. Ihre Idee ist ein echtes Formular, das im Netlify-Dashboard ankommt – mit dem Versprechen, dass jede Nachricht persönlich gelesen wird. Und der QR-Code im Footer ist druckfertig für Plakate.
Pflege ohne Agentur
Alles, was sich im Wahlkampf ändert, liegt in fünf JSON-Dateien: Termine, Stimmen, Pläne, Neuigkeiten, Wahltermin. Vergangene Termine verschwinden automatisch, ein unbestätigter Wahltag zeigt den Hinweis „vorläufig“, leere Abschnitte blenden sich samt Menüpunkt aus. Die README erklärt jeden Schritt auf Deutsch – ohne einen Entwickler anrufen zu müssen.
Bewegung mit Maß
Dreizehn Animationsbausteine – vom Countdown, dessen Ziffern nach oben gleiten, bis zum Vorher/Nachher-Regler zwischen dem Kurhaus von 1898 und heute – sind eigene Umsetzungen auf Basis von Motion, ohne externe UI-Pakete. Alle respektieren die Systemeinstellung für reduzierte Bewegung; die Seite bleibt ein statischer Export mit 3,5 MB Bildern für den gesamten Auftritt.
Einblicke
