2026 – сайт кампанії для кандидата в міські голови
Виборча кампанія в Бад-Емсі
Послуги
Сайт виборчої кампанії: концепція, дизайн і розробка
Клієнт
Markus Bodo Wieseler, кандидат на посаду міського голови Бад-Емса
Дата
вересень 2026
Технології
Next.js 15 (Static Export) · Tailwind CSS v4 · Motion · Netlify Forms
Кандидатуру оголошено. Сайт запущено. Того ж дня.
Markus Bodo Wieseler — підприємець із Бад-Емса, уже 13 років депутат міської ради, а з вересня 2026 року — кандидат на посаду міського голови. Його персональний лендинг ми створили 2025 року; для виборчої кампанії йому знадобилося інше: сайт, який спонукає людей долучатися й щотижня, аж до дня виборів, лишається актуальним.
Усе визначав календар. Пресреліз про кандидатуру мав вийти в понеділок — і тієї самої миті сайт уже мав працювати. Бриф надійшов у суботу пополудні: портретні фото, біографія, логотип. У понеділок до полудня перша версія з’явилася онлайн, а до вечора за нею — одинадцять деплоїв зі шліфуванням деталей.
Сайт робимо ми, політику — кандидат. Результат — односторінковий сайт кампанії, що живе далі без агенції: заходи, відгуки, плани, новини й дата виборів лежать у простих текстових файлах, які Markus Bodo Wieseler оновлює сам.
- Концепція та структура сайту кампанії
- Дизайн-система: темно-синій, сонячно-жовтий, Archivo
- Next.js 15 зі статичним експортом, Tailwind CSS v4, Motion
- Відлік до дня виборів та інструкція з голосування поштою
- Відеоблок (YouTube-плеєр із локальним резервним відео)
- Форма «Ваша ідея» через Netlify Forms із захистом від спаму
- Блоки «Долучитися»: плакат, флаєр, запрошення через заздалегідь складений e-mail
- Заходи з експортом у календар (ICS, Google Календар, карта)
- Слайдер «до/після»: Бад-Емс у 1898 році й сьогодні
- Генератор QR-кодів для плакатів і флаєрів
- Контент редагується через JSON — без коду, з інструкцією німецькою
- Impressum (вихідні дані), політика конфіденційності та джерела зображень
43 години до запуску
Субота, 16:54: фото й біографія надходять у WhatsApp. Понеділок, 11:53: перший деплой. Це вдалося, бо концепція була готова раніше за код — одинадцять розділів, кожен зі своїм завданням: інформувати, переконувати, залучати до участі, приводити на вибори. Те, чого ще бракувало (заходів, відгуків, підтвердженої дати виборів), отримало чесну заглушку замість порожнього місця.
Для кампанії, а не для вітрини
Кожен розділ веде до дії. Долучитися означає: один клік — і відкривається готовий e-mail щодо плаката, флаєра чи запрошення. Заходи одним кліком потрапляють до календаря разом із маршрутом. Ваша ідея — справжня форма, повідомлення з якої надходять у панель Netlify, з обіцянкою, що кожне з них прочитають особисто. А QR-код у футері готовий до друку на плакатах.
Оновлення без агенції
Усе, що змінюється під час кампанії, зберігається в п’яти JSON-файлах: заходи, відгуки, плани, новини, дата виборів. Минулі заходи зникають автоматично, непідтверджена дата виборів має позначку «попередня», а порожні розділи ховаються разом із пунктом меню. README пояснює кожен крок німецькою — і не треба дзвонити розробникові.
Рух із почуттям міри
Тринадцять анімаційних елементів — від відліку, цифри якого ковзають угору, до повзунка «до/після» між Курхаусом 1898 року та сьогоденням — це власні реалізації на основі Motion, без сторонніх UI-пакетів. Усі вони враховують системне налаштування «Зменшення руху»; сторінка лишається статичним експортом із 3,5 МБ зображень на весь сайт.
Великим планом
