Tanguy Freycon

Réalisation : [URL MASQUÉE]

Dans le cadre d'une collaboration avec Secret d'écriture, dirigée par Laurence Freycon, j'ai eu l'opportunité de mener à bien la refonte d'un site WordPress précédemment insatisfaisant. Laurence recherchait une solution lui offrant une interface de gestion de contenu à la fois simple et intuitive, lui permettant de gérer son site sans difficultés, et adaptée spécifiquement à ses besoins.

Le projet visait principalement à améliorer la navigation sur le site pour une meilleure orientation des différents segments de clientèle vers les sections adéquates, garantissant ainsi une expérience utilisateur optimale. Grâce à mon expertise et à l'utilisation de Sanity pour le CMS, ainsi que de Next.js pour le frontend, j'ai pu répondre à ces exigences en créant une structure de données sur mesure. Cette approche permet de traiter le contenu comme des données flexibles et interconnectées, offrant à Laurence la maîtrise nécessaire pour gérer efficacement son site.

L'utilisation de Next.js a permis d'atteindre des performances exceptionnelles, cruciales pour le SEO, et d'offrir une personnalisation et une clarté dans l'interface utilisateur qui sont souvent inaccessibles avec des thèmes WordPress prédéfinis. Le projet met en lumière comment le studio Sanity se présente comme une alternative parfaite à WordPress, évitant sa complexité et ses limitations.

Si vous êtes curieux de découvrir comment Sanity et Next.js peuvent transformer votre présence en ligne en dépassant les contraintes habituelles de WordPress, je vous invite à me contacter pour une démonstration. Pour en savoir plus sur ce projet et lire une discussion détaillée avec Laurence à propos de notre collaboration, visitez : [URL MASQUÉE].

Ci-dessous un aperçu de l'interface d’édition du studio Sanity (mode sombre).

Réalisation : [URL MASQUÉE]

Au début de mon cursus d'apprentissage, j'ai eu l'opportunité de transformer la page de présentation des studios clients pour 4DViews à Grenoble, en me basant exclusivement sur JavaScript vanilla, HTML, et CSS. Cette mission précoce a joué un grand rôle dans ma maîtrise des principes fondamentaux de programmation et de la manipulation du DOM, sans l'aide de frameworks UI JavaScript, tel que React, que j'ai exploré plus tard.

La tâche consistait à créer une carte mondiale interactive affichant des pins selon des coordonnées GPS, récupérés depuis la base de données. Rejetant les solutions basiques telles que Leaflet ou Mapbox pour leurs limitations esthétiques, nous avons opté pour une carte SVG personnalisée, générée à l'aide de QGIS. Grâce à d3.js et d3-force j'ai développé un système de placement de pins qui évite les superpositions par répulsion et optimise les placements, même pour des emplacements très rapprochés, ainsi qu'un système de popups s'ouvrant au survol des pins, et permettant de rediriger vers la section d'accordéon en dessous. Un autre challenge technique considérable à été d'adapter la page et ses fonctionnalité interactives à un affichage mobile et tablette.

Ce projet s'est révélé être une formidable source d'apprentissage, me permettant d'explorer en profondeur JavaScript et mes capacités d'innovation dans la résolution de problèmes techniques, tout en répondant à un besoin esthétique précis.