Martin Projektbau - Swiss Construction
Tous les projets

CHEPIO.TECH · 2026

Martin Projektbau - Swiss Construction

En cours
Martin Projektbau - Swiss Construction logo
Next.jsTypeScriptReactTailwind CSSFramer Motionnext-intlResendLucide ReactJestVercelGitHub Actions

Aperçu

Martin Projektbau GmbH is a Switzerland-based construction and renovation company offering facade systems, tile and stone installation, parquet flooring, painting, window installation, and full interior/exterior renovations. The website was designed and delivered as a CHEPIO.TECH project. It features a fullscreen hero section with background video (WebM/MP4 with IntersectionObserver auto-pause), automatic service-banner rotation across 6 categories, an About section with animated counters, and a full contact form with client and server-side validation powered by the Resend API. Scroll-triggered animations use Framer Motion with full prefers-reduced-motion support. All 26 languages are managed by next-intl. All intellectual property and content rights belong to Martin Projektbau GmbH.

Le défi

The client needed a premium, production-ready website before their Swiss business registration was finalised. The site had to clearly communicate quality and precision, support 26 languages including all EU locales, include a full legal compliance page set (Impressum, Datenschutz, AGB, Cookie policy), and be deployable on day one with a working contact form.

La solution

Built a performant Next.js App Router site with Tailwind CSS v4 and Framer Motion for smooth scroll-triggered animations. next-intl handles all 26 locales. The video hero uses IntersectionObserver for auto-pause and respects prefers-reduced-motion. The contact form validates on client and server and delivers email via the Resend API. Deployed on Vercel with edge caching.

Mon rôle

Sole developer on behalf of CHEPIO.TECH - designed and built the platform end-to-end as a client service delivery. All intellectual property and usage rights belong to Martin Projektbau GmbH and CHEPIO.TECH per the client agreement.

Résultats

  • Localisé dans 26 langues - ensemble complet de l'UE plus le russe, l'ukrainien, le bulgare
  • Web Vitals essentiels : LCP < 1,5 s, CLS = 0, Performance Lighthouse 95+
  • Héros vidéo plein écran avec pause automatique et support prefers-reduced-motion
  • Prêt pour la production avant le lancement officiel de l'entreprise suisse
  • Conformité juridique complète : Impressum, Datenschutz, AGB, politique sur les cookies

Projet similaire ?

Discutons de vos besoins et construisons quelque chose de remarquable.

Démarrer un projet