Case Study04

Larissa Weber Webauftritt

Vier responsive Designvarianten für eine persönliche Website mit kommunalen Themen, Projekten und Porträtseiten

Politik & GesellschaftLarissa Weber

Partner

Larissa Weber

Branche

Politik & Gesellschaft

Kerntechnologien

Next.js · TypeScript · Tailwind CSS

Projektarbeit

Von der Anforderung zur belastbaren Lösung.

Ein kompakter Einblick in Kontext, Umsetzung und technische Entscheidungen des Projekts.

Ausgangslage

Für die persönliche Website von Larissa Weber wurden vier eigenständige, responsive Designrichtungen entwickelt. Sie strukturieren sechs Themenbereiche und 25 kommunale Projekte mit eigenen Detailseiten und ergänzen diese um Kandidatur, Porträt und Kontakt.

Umsetzung

Eine gemeinsame Inhaltsbasis und zentrale Routen halten die Informationen über alle Entwürfe hinweg konsistent und ermöglichen den direkten Designvergleich. Next.js 16, React 19, TypeScript und Tailwind CSS 4 bilden die Grundlage für die statisch generierten Seiten und die mobile Navigation.

Qualität & Betrieb

Lokale Originalbilder werden mit vorberechneten Blur-Platzhaltern und optimierten Bildformaten ausgeliefert, während ausgewählte Motive beim Wechsel der Entwürfe vorgeladen werden. Seitenspezifische Metadaten, Open Graph, strukturierte Daten und vorbereitete Weiterleitungen der bisherigen WordPress-Adressen ergänzen die technische Basis für den späteren Livegang.

Produkt & Kontext