Antoine Laly

Mission : Développer un site vitrine immersif avec transitions fluides et performances exceptionnelles, en exploitant l'architecture hybride Next.js 14 pour optimiser le rendu côté serveur tout en préservant l'interactivité côté client avec GSAP.

Profil: Belandscape - Agence de Paysage - Suisse

Mission: Développement Front-end, Optimisation PageSpeed, Montion Design Développement

Technologie: Next.js, Sanity, GSAP

Contexte:

Création d'un site web pour une agence de paysage suisse souhaitant présenter ses projets à travers une expérience visuelle immersive et des transitions cinématographiques.

Challenges techniques :

Complexité de l'architecture hybride Server/Client Components pour optimiser les performances. Gestion des images haute résolution fullscreen tout en maintenant un PageSpeed de 95 sur mobile. Développement d'un système de transitions complexes avec morphing d'images entre pages.

Solutions apportées :

Implémentation d'une architecture Next.js 14 hybride séparant données serveur et interactivité client. Optimisation des images Sanity avec variantes responsives et compression automatique. Création d'un mega slider avec compositions variables et navigation gestuelle GSAP Observer.

Résultats :

Site web performant avec animations fluides à 60fps et PageSpeed mobile de 95/100. Expérience utilisateur immersive avec transitions cinématographiques entre pages. Architecture modulaire et maintenable pour faciliter les futurs développements.

Mission : Refactoriser le site pour améliorer ses performances et sa maintenabilité, en remplaçant AOS par Framer Motion pour centraliser les animations et en migrant l’ensemble du projet vers TypeScript pour un code robuste et évolutif.

Profil: Aarno - Agence de Design Graphique - Paris

Mission: Développement Front-end, Optimisation PageSpeed, Intégration Figma

Technologie: Next.js, TypeScript, Framer-Motion

Graphisme : Aarno

Contexte

- Optimisation du site web pour améliorer les performances et la maintenabilité du code.

Challenges techniques :

Complexité du code due à l’utilisation de plusieurs bibliothèques d’animation.

Absence de typage statique rendant le code difficile à maintenir.

Solutions apportées :

Remplacement d'AOS par Framer Motion pour centraliser et simplifier la gestion des animations.

Migration complète du projet vers TypeScript pour améliorer la robustesse et réduire les erreurs potentielles.

Refactoring du code pour suivre les meilleures pratiques en termes de performances et de maintenabilité.

Résultats :

Code plus clair et facile à maintenir pour les futurs développeurs.

Animations plus performantes et mieux intégrées au design global du site.

Gain de temps sur les futurs développements grâce à la migration TypeScript.

Mission : Refonte du site Avantis pour cibler une nouvelle génération d’utilisateurs, optimiser le SEO, valoriser les bureaux et organiser un contenu riche avec des onglets interactifs, le tout dans une interface moderne et engageante.

Mission: conception UX, développements, refonte graphique, SEO avancé, organisation du contenu

Technologie: React-Nextjs, CMS-Contentful, GSAP, Next-SEO, AOS