Partner
Larissa Weber
All projects
Case study04
Larissa Weber Website
Four responsive design concepts for a personal website with local topics, projects and profile pages
Politics & SocietyLarissa Weber
Industry
Politics & Society
Core technologies
Next.js · TypeScript · Tailwind CSS
Project work
From requirements to a resilient solution.
A concise look at the context, implementation and technical decisions behind the project.
Starting point
Four distinct, responsive design concepts were developed for Larissa Weber’s personal website. They organize six key topics and 25 local projects into dedicated detail pages, alongside candidacy, profile and contact sections.
Implementation
A shared content foundation and centralized routing keep information consistent across all concepts and enable direct design comparisons. Next.js 16, React 19, TypeScript and Tailwind CSS 4 provide the foundation for statically generated pages and mobile navigation.
Quality & operations
Local original images are delivered with precomputed blur placeholders and optimized formats, while selected images are preloaded when switching between concepts. Page-specific metadata, Open Graph, structured data and prepared redirects for the previous WordPress URLs support the technical foundation for a future launch.
Product & context
Inside the implementation.
Selected views show how the system was conceived and implemented within its domain context.
System architecture
A technical foundation with a clear structure.
Technologies were combined to suit the task, operating model and long-term maintainability.
Frontend
Next.js 16React 19TypeScriptTailwind CSS 4App Router
Infrastructure
Static GenerationNext.js Image OptimizationPlaywright
SEO
JSON-LDOpen GraphCanonical URLsSitemapRobots.txtPermanent Redirects
Keep exploring
Next case study
PinnDeals Business Matching Platform
Your project
Turn a complex challenge into a clear next step.
Tell us what your system needs to do. We bring structure to requirements, architecture and delivery.