Portfolio
Garage Customs
Eine professionelle Website für die Autowerkstatt "Garage Customs". Das Projekt zeichnet sich durch eine dynamische Benutzeroberfläche basierend auf modernsten Webstandards aus. Es verfügt über fortschrittliche Animationen, moderne Typografie und ein voll responsives Layout für jedes Gerät.
Live-Demo ansehenHauptfunktionen
Erweiterte Animationen
Reibungslose FadeUp-, SlideLeft- und ScaleIn-Effekte, die auf das Scrollen reagieren (Framer Motion)
Responsives Design
Vollständige Anpassung des Layouts an Smartphones, Tablets und Desktop-Computer
Bildoptimierung
Verwendung von Next.js Image zum Lazy Loading von hochwertigen Stockfotos
Interaktiver Kontakt
Ein Modal mit Kontaktformular und integrierter Google-Karte zur einfachen Anreise
Moderne Typografie
Stilvolle Kombination von Google-Schriftarten (Oswald für Überschriften und Inter für Inhalte)
Schnelles Deployment
Nahtloses Hosting auf der Vercel-Plattform mit CI/CD-Integration über GitHub
Technologie-Stack
Über das Projekt
Garage Customs ist eine moderne Website, die speziell für eine professionelle Autowerkstatt entwickelt wurde. Das Hauptziel bestand darin, die Dienstleistungen und das Portfolio mithilfe modernster Technologien dynamisch und äußerst ansprechend zu präsentieren.
Die Benutzeroberfläche nutzt das Potenzial der Framer Motion-Bibliothek zur Erstellung fortschrittlicher Scroll-Animationen voll aus. Durch verschiedene Eintrittseffekte "erwacht" die Seite zum Leben, ermutigt den Benutzer zu weiterer Erkundung und baut ein modernes Markenimage auf.
Das Projekt basiert auf einem soliden technologischen Fundament – einer Kombination aus Next.js 16, React 19, JavaScript und TypeScript. Die Leistung wurde durch Lazy Loading und Bildoptimierung mittels Framework-Mechanismen maximiert.
Der Kontaktbereich bietet ein interaktives Modal sowie eine integrierte Google-Karte, die Kunden direkt zur Werkstatt leitet. Das schnelle, responsive Design garantiert eine einwandfreie Funktion auf mobilen Geräten, während der gesamte Bereitstellungsprozess (CI/CD) über Vercel und GitHub verwaltet wird.