Nextrainers - website

Nextrainers - website

Nextrainers is an innovative web application dedicated to amateur football coaches, allowing them to automatically generate complete, personalized training sessions adapted to each team's needs using artificial intelligence.

Context

Objectives

• Match the new visual identity of the website with that of the Nextrainers application.
• Modernize and energize the overall look of the site to reflect the product's technological innovation.
• Create a futuristic and engaging landing page encouraging users to discover and use the web application.

My role

• UI Design: Design of a modern and immersive web interface aligned with the application's universe.
• Web Development: Full integration and development of the site with React, Next.js and Tailwind CSS.
• Animation & Interaction: Addition of visual effects and transitions to reinforce the futuristic identity of the project.

Process

Research & Inspiration

• Analysis of sports and technology platforms to define an innovative and coherent visual direction.
• Study of UI trends around futuristic design, luminous gradients and fluid animations.

Wireframes & Mockups

• Design of mockups on Figma to establish the structure and visual impact zones of the landing page.
• Creation of an interactive prototype to test transitions and user experience.

Development

• Development of the site with Next.js and Tailwind CSS for a high-performance and responsive architecture.
• Implementation of animations with Framer Motion to create a fluid and immersive experience.
• Mobile compatibility optimization for a pleasant browsing experience on all devices.

Conclusion

Challenges

• Finding the balance between a futuristic aesthetic and clarity of information for smooth reading.
• Ensuring consistency between the application identity and the site without altering the brand's sporting spirit.
• Optimizing animations without impacting the overall performance of the site.

Results & Learnings

• Creation of a modern, fluid and visually striking landing page, perfectly aligned with the new Nextrainers identity.
• Improved consistency between the site and the application, strengthening brand perception.
• Enriching experience in designing futuristic and dynamic interfaces focused on innovation.

Live website