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 с защитой от спама
- Блоки участия: плакат, флаеры, приглашение — через готовое письмо
- Мероприятия с экспортом в календарь (ICS, Google Календарь, карта)
- Слайдер «до и после»: Бад-Эмс в 1898 году и сегодня
- Генератор QR-кодов для плакатов и флаеров
- Контент правится в JSON — без программирования, с инструкцией на немецком
- Impressum (выходные данные), политика конфиденциальности и источники изображений
43 часа до запуска
Суббота, 16:54: фото и биография приходят в WhatsApp. Понедельник, 11:53: первый деплой. Это удалось, потому что концепция была готова раньше кода — одиннадцать разделов, у каждого своя задача: информировать, убеждать, вовлекать, приводить на выборы. Всё, чего ещё не хватало (мероприятий, отзывов, подтверждённой даты выборов), получило честную заглушку, а не пустое место.
Сделан для кампании, а не для витрины
Каждый раздел ведёт к действию. Участие — это один клик: открывается готовое письмо, чтобы повесить плакат, раздать флаеры или пригласить кандидата. Мероприятия одним кликом попадают в календарь — вместе с маршрутом. Ваша идея — настоящая форма, сообщения из которой приходят в панель Netlify, с обещанием, что каждое из них прочитают лично. А QR-код в футере готов к печати на плакатах.
Обновления без агентства
Всё, что меняется по ходу кампании, лежит в пяти JSON-файлах: мероприятия, отзывы, планы, новости, дата выборов. Прошедшие мероприятия исчезают автоматически, у неподтверждённой даты выборов стоит пометка «предварительно», а пустые разделы скрываются вместе с пунктом меню. README объясняет каждый шаг на немецком — звонить разработчику не придётся.
Анимация в меру
Тринадцать анимационных блоков — от обратного отсчёта, цифры которого уплывают вверх, до слайдера «до и после» с Курхаусом в 1898 году и сегодня — это собственные решения на основе Motion, без сторонних UI-пакетов. Все они учитывают системную настройку уменьшения движения, а сайт остаётся статическим экспортом: 3,5 МБ изображений на весь проект.
Крупным планом
