Umsetzung einer Website inkl. Page Transition mit Next.js

Im Rahmen eines anspruchsvollen Projekts habe ich eine komplexe Page Transition mithilfe von Next.js und Framer Motion implementiert. Das gesamte Frontend der Website wurde von mir umgesetzt, basierend auf den Vorgaben einer Adobe XD-Designvorlage und mit TailwindCSS pixelgenau realisiert.

Lösung

• Page Transition: Die Animationen wurden mit Framer Motion erstellt und sorgfältig in die Next.js-Anwendung integriert, um flüssige Übergänge zwischen den Seiten zu gewährleisten.
• Pixelgenaue Umsetzung: Mithilfe von TailwindCSS wurde das Design exakt nach den Spezifikationen aus Adobe XD umgesetzt, um eine nahtlose Benutzererfahrung sicherzustellen.
• CMS-Integration: Ein CMS-System wurde mit GraphQL angebunden, um die Projektinhalte dynamisch und effizient bereitzustellen.
• Projektmanagement und Versionskontrolle: Während des Projekts habe ich mit Jira zur Aufgabenverwaltung (Tickets) und Git zur Versionskontrolle gearbeitet.

Ergebnis

Das Ergebnis war eine interaktive und optisch ansprechende Website, die durch nahtlose Animationen und eine präzise Umsetzung überzeugte.

Aufgrund einer NDA-Vereinbarung darf das Projekt jedoch nicht öffentlich gezeigt werden.