Implementation of a Website incl. Page Transition Next.js

In the context of a challenging project, I have implemented a complex Page Transition using next.js and Framer Motion. The entire front end of the site was converted by me, based on the requirements of a Adobe XD design template with TailwindCSS pixel realized.

Solution

• Page TransitionThe animations were created with Framer Motion and carefully in the Next.js-application integrated to ensure smooth Transitions between the pages.
• Pixel-Perfect ImplementationUsing TailwindCSS was implemented in the Design to the exact specifications from Adobe XD to provide a seamless user experience.
• CMS IntegrationA CMS System was connected with GraphQL, the content of the project is to provide a dynamic and efficient.
• Project management and version controlDuring the project I worked with Jira for task management (Tickets) and Git for version control.

Result

The result is an interactive and visually appealing Website, which is impressed by the seamless animations and precise implementation.

Due to a NDA agreement, the project must not be shown publicly.