2025 – Unternehmer. Macher. Netzwerker.
Markus Bodo Wieseler
Service
Personal Landing Page Entwicklung
Client
Markus Bodo Wieseler
Date
2025
Technology
Next.js · Tailwind CSS · Netlify · Framer Motion
Eine Persönlichkeit. Alle Projekte. Ein Ort.
Markus Bodo Wieseler – Künstlername Bodo – ist Unternehmer, Macher und Netzwerker mit starken Wurzeln in der Region Rhein-Lahn. Er führt mehrere Unternehmen und Projekte gleichzeitig: von Event-Bewirtung und Schankanlagenreinigung über ein Bildungszentrum bis hin zu Immobilien und einem Kultpub in Dausenau an der Lahn.
Der Auftrag war klar: eine persönliche Landing Page entwickeln, die all seine Projekte, Websites und Unternehmen gebündelt an einem Ort darstellt – als digitale Visitenkarte und zentraler Anlaufpunkt für Geschäftspartner, Kunden und Interessierte.
Das Ergebnis ist eine minimalistische, schnelle und elegante Personal Branding Page, entwickelt mit Next.js und Tailwind CSS, gehostet auf Netlify – mit sanften Animationen, klarem Card-Grid aller Projekte und einem persönlichen Hero-Bereich mit Portrait.
- Personal Branding Konzept & Struktur
- Next.js Entwicklung (App Router)
- Tailwind CSS Design & Responsive Layout
- Framer Motion Animationen
- Projekt-Card-Grid mit Farbakzenten
- Social Media Integration (LinkedIn, Instagram, Facebook, YouTube)
- Netlify Deployment & CI/CD
- Impressum & Datenschutz (DSGVO)
Visual Identity
Das Design der Seite spiegelt die Persönlichkeit von Markus wider: klar, pragmatisch und vertrauenswürdig. Die Farbwelt basiert auf einem hellen Blau-Grau (#E7F0F6) als Hintergrund, dunklen Slate-Tönen für Typografie und individuellen Farbakzenten pro Projekt – von Blau für Bodo Events bis Grün für WIECO. Die Typografie kombiniert Syne (Display) mit Geist (Sans) für einen modernen, lesbaren Auftritt.
Struktur & Projekte
Die One-Page-Struktur gliedert sich in drei Bereiche: Hero-Section mit Portrait und persönlichem Statement, 'Was ich mache'-Section mit strukturierten Tätigkeitsbeschreibungen sowie ein responsives Card-Grid aller Projekte und Websites (Bodo Events, ReiBo, WIECO, My Lobby, Zum schiefen Turm, Immobilien). Jede Karte erhält einen individuellen Farbakzent und direkten Link zur jeweiligen Website.
Performance & Technik
Die Seite wurde mit Next.js 15 (App Router) und Tailwind CSS entwickelt und auf Netlify deployed. Sanfte Scroll-Animationen mit Framer Motion sorgen für ein hochwertiges Nutzererlebnis. Die Seite erreicht nahezu perfekte Core Web Vitals – schnelle Ladezeit, vollständig responsiv auf allen Geräten und DSGVO-konform mit Cookie-Hinweis und Datenschutzerklärung.
Einblicke
VAGABOV