Webdesign & Entwicklung

SIPFA - Sinalização e Pinturas

Website eines Unternehmens für Straßenbeschilderung (über 20 Jahre Erfahrung) mit flüssiger Scroll-Navigation zwischen Bereichen zu Unternehmensgeschichte, Leistungen (horizontale und vertikale Beschilderung), offiziellen Zertifizierungen und Kontaktdaten. Enthält eine integrierte PDF-Anzeige für Leistungsnachweise.

Umgesetzt mit React 19 und Framer Motion mit fließenden scroll-gesteuerten Animationen, responsiven Layouts vom Mobilgerät bis zum Desktop und einem klaren grünen Farbschema (#4a7c59), das die professionelle Identität des Unternehmens in Bau und Verkehrssicherheit widerspiegelt.

Abschlussdatum: Mai 2026
Live-Website besuchen
Projektdetails

Überblick

Branche

Bau & Straßenbeschilderung

Leistungsumfang

Vollständige Unternehmenswebsite mit einseitigem Layout, animierten Bereichen, Zertifikatsverwaltung und mobil-responsivem Design

Zeitrahmen

2 Wochen von der Einrichtung bis zum Launch

Die Ausgangslage

Herausforderung

SIPFA, ein Bau- und Beschilderungsunternehmen mit über 20 Jahren Erfahrung, brauchte einen professionellen Online-Auftritt, um Leistungen, Zertifizierungen und Fachkompetenz in der Verkehrssicherheit zu zeigen. Die Website sollte technische Zertifikate für potenzielle Kunden wirkungsvoll darstellen und zugleich auf allen Geräten zugänglich bleiben — insbesondere für Mitarbeitende, die die Seite direkt von der Baustelle mit dem Mobilgerät aufrufen.

Unser Ansatz

Lösung

Wir haben eine moderne einseitige Anwendung mit React 19 und Framer Motion entwickelt, die ein ansprechendes, professionelles Erlebnis bietet. Die Website verfügt über flüssige Scroll-Navigation, animierte Feature-Karten, die die über 20-jährige Erfahrung des Unternehmens hervorheben, und eine eigene PDF-Anzeige, die Zertifikate am Desktop in einem Modal öffnet und auf Mobilgeräten direkt herunterlädt. Das klare grüne Farbschema und das professionelle Layout schaffen Vertrauen, während das responsive Design für einwandfreie Bedienbarkeit sorgt — ob am Bürorechner oder auf dem Mobilgerät an der Baustelle.

Was enthalten ist

Wichtigste Funktionen

Single-Page-Application
Flüssige Scroll-Navigation
Animierte UI-Komponenten
Responsives Design
PDF-Zertifikatsanzeige
Mobil optimiert
Professionelles Branding
Kontaktformular-Oberfläche
Ergebnisse

Ergebnisse

105KB
Bundle-Größe
Optimiertes JavaScript-Bundle (gzip-komprimiert) für schnelles Laden
100%
TypeScript-Abdeckung
Vollständig typisierte Codebasis mit aktiviertem Strict Mode
100%
Mobile Optimierung
Vollständig responsiv von 320 px bis zu 4K-Displays
60 FPS
Flüssige Animationen
Framer-Motion-Animationen, auf Performance optimiert
Technologie

Technologie-Stack

React 19
TypeScript 6.0
Vite 8
Tailwind CSS 3.4
Framer Motion 12
React Router DOM 7
Lucide React
Jetzt starten

Bereit, Ihr Projekt zu starten?

Sprechen wir darüber, wie wir eine beeindruckende Website schaffen, die genau zu Ihren geschäftlichen Anforderungen passt.

SIPFA - Sinalização e Pinturas | Portfolio | low-key solutions