2025 — предприниматель, человек дела, нетворкер
Markus Bodo Wieseler
Услуги
Разработка персонального лендинга
Клиент
Markus Bodo Wieseler
Дата
2025
Технологии
Next.js · Tailwind CSS · Netlify · Framer Motion
Одна личность. Все проекты. В одном месте.
Markus Bodo Wieseler (псевдоним — Bodo) — предприниматель, человек дела и нетворкер, крепко связанный с регионом Рейн-Лан. Он одновременно ведёт несколько компаний и проектов: от кейтеринга на мероприятиях и чистки пивных разливочных систем до учебного центра, недвижимости и культового паба в Даузенау на Лане.
Задача была понятной: сделать персональный лендинг, который соберёт все его проекты, сайты и компании в одном месте — как цифровую визитку и главную точку входа для деловых партнёров, клиентов и всех, кому интересно.
Результат — минималистичная, быстрая и элегантная страница личного бренда на Next.js и Tailwind CSS с хостингом на Netlify: плавные анимации, аккуратная сетка карточек со всеми проектами и персональный первый экран с портретом.
- Концепция и структура личного бренда
- Разработка на Next.js (App Router)
- Дизайн на Tailwind CSS и адаптивная вёрстка
- Анимации на Framer Motion
- Сетка карточек проектов с цветовыми акцентами
- Интеграция соцсетей (LinkedIn, Instagram, Facebook, YouTube)
- Деплой на Netlify и CI/CD
- Impressum (выходные данные) и политика конфиденциальности по DSGVO (GDPR)
Визуальный стиль
Дизайн страницы отражает характер Markus: ясный, прагматичный и вызывающий доверие. Палитра — светлый серо-голубой фон (#E7F0F6), тёмные сланцевые оттенки для текста и собственный цветовой акцент у каждого проекта: от синего для Bodo Events до зелёного для WIECO. В типографике акцидентный Syne сочетается с гротеском Geist — современно и легко читается.
Структура и проекты
Одностраничник делится на три блока: первый экран с портретом и личным посланием, раздел «Чем я занимаюсь» со структурированным описанием деятельности и адаптивная сетка карточек всех проектов и сайтов (Bodo Events, ReiBo, WIECO, My Lobby, Zum schiefen Turm, недвижимость). У каждой карточки свой цветовой акцент и прямая ссылка на соответствующий сайт.
Производительность и техника
Страница разработана на Next.js 15 (App Router) и Tailwind CSS и развёрнута на Netlify. Плавные анимации при прокрутке на Framer Motion делают работу с сайтом приятной. Страница показывает почти идеальные Core Web Vitals: быстрая загрузка, полная адаптивность на всех устройствах и соответствие DSGVO с cookie-уведомлением и политикой конфиденциальности.
Крупным планом
