Maxi24 Corporate Website
The Problem
The construction company needed a site that presents its services and lets prospective customers inspect completed work beyond a single homepage image.
My Role
Corporate website design and frontend development for Maxi24 GmbH.
Approach
The site combines service sections with project cards and dedicated project-detail routes. Each detail page pairs a description with a photo gallery and lightbox.
Technical Decisions
Keep project details in one data source
Titles, locations, descriptions, and gallery images are defined in a project data file and rendered by the same detail-page component.
Support lightbox navigation
The open gallery supports Escape and arrow-key navigation as well as visible previous, next, and close controls. The image thumbnails themselves still need keyboard-trigger review.
Stack
React 19, Vite, Tailwind CSS, React Router 7, and Framer Motion.
Outcome
The corporate site is live with service information and project-detail galleries. No lead or performance figures are included here.
What I'd Take Into the Next Project
A shared project-detail component makes it practical to expand the portfolio through structured content and image sets.