Construction Project Manager Portfolio - BernyConcept

The Project

BernyConcept is a construction project manager based in Nouvelle-Aquitaine (Poitiers area, France), specializing in retail space fit-outs, full renovation (all trades), and interior design. The client needed a professional website to showcase their completed projects and attract new business in the retail sector.

The primary goal: highlight the project portfolio with a strong visual focus, including before/after comparisons for renovations, while ensuring flawless performance and full GDPR compliance.

Technical Solution

I chose Astro 5 as the framework for its static site generation and exceptional loading performance. The architecture relies on static rendering with React 19 components for interactive elements like the before/after comparison slider.

Tech Stack

• Astro 5: Static generation, file-based routing, automatic optimization
• React 19: Interactive components (before/after slider, project filtering by category)
• Tailwind CSS 4: Consistent and responsive design system
• TypeScript: Strict typing for code reliability
• shadcn/ui (Radix UI): Accessible and customizable components
• Sharp: Image optimization pipeline (PNG to JPG conversion, 1920px resize, mozjpeg 80% compression)
• Go: Backend microservice for the contact form (Discord webhook delivery, rate limiting, CORS protection)
• Docker + Nginx: Containerized deployment with optimized static server

Key Features

• Before/after comparison: Interactive slider to visualize the transformation of each renovation project
• Category filtering: Retail spaces, shops, offices, restaurants, historic buildings, renovations
• Image optimization: Automated Sharp pipeline to convert, resize, and compress all portfolio images
• Legal compliance: Legal notices, privacy policy, and terms of use compliant with French law

Performance

I optimized the site to achieve near-perfect Lighthouse scores:

Metric	Score
Performance	95/100
Accessibility	100/100
Best Practices	100/100
SEO	100/100

The Sharp optimization pipeline significantly reduces image file sizes while maintaining high visual quality, which is essential for a construction project manager’s portfolio.

Result

The site provides a professional showcase that highlights the client’s expertise through high-quality visuals. The static architecture ensures fast loading times and optimal search engine ranking, while the before/after slider allows visitors to see firsthand the quality of the completed renovations.