Création d'un site SEO optimisé avec slider personnalisé
Profil
Barmon drawing - agence de communication par le dessin - SuisseService
Site web et ApplicationSlider personnaliséAccessibilité et formationExpertise
Next.jsHeadless CMS ContentfulFramer-MotionSwiperMission : Développer un site web bilingue (français/anglais) optimisé pour le SEO, incluant un slider sur-mesure conçu par une graphiste, tout en assurant la formation de la cliente pour une gestion autonome du contenu.
Performance PageSpeed : Page d'accueil Mobile : 97, Bureau : 99
Challenges techniques :
SEO avancé : Structurer le site pour maximiser son référencement naturel (balises, performances, structure multilingue).
Slider personnalisé : Traduire un design graphique spécifique en un composant interactif et responsive.
Accessibilité et formation : Simplifier l’administration du site pour permettre à la cliente de gérer elle-même le contenu.
Solutions apportées :
SEO : Mise en place d’une architecture optimisée pour le SEO avec gestion des balises meta dynamiques, Sitemap XML et performances Core Web Vitals (via lazy loading et optimisation des ressources).
Slider : Développement d’un composant sur-mesure en utilisant
GSAP pour animer les transitions et garantir une expérience fluide sur desktop et mobile.
Formation : Création d’une documentation claire et d’une session de formation en direct pour rendre la cliente autonome dans l’administration des contenus via un CMS simplifié.
Technologies utilisées :
Next.js pour une gestion efficace du rendu côté serveur (SSR).
GSAP pour les animations du slider.
TailwindCSS pour un design responsive et structuré.
i18n (internationalisation) pour gérer le contenu bilingue.
Résultats :
Site performant avec un SEO optimisé pour les deux langues.
Satisfaction client grâce à un slider fidèle au design initial et à une prise en main facilitée de l’outil de gestion de contenu.