Yag Sainson

Skills: HTML5 · CSS3 · JavaScript (ES6) · TypeScript · React.js · Next.js · Vue.js · Nuxt.js · Tailwind CSS · UI/UX · Figma · Adobe Creative Suite · GraphQL · GatsbyJS · Plateforme d’animation GreenSock (GSAP) · Framer motion · Sanity.io · GROQ · Git

🖥️ : https://sainsony.fr Portfolio personnel, conçu comme un terrain d'expérimentation technique autant qu'un outil de présentation professionnelle. Stack : React 18, TypeScript, Vite, Tailwind CSS, Framer Motion, GSAP, Locomotive Scroll. Points forts : Transitions de pages personnalisées (overlay animé, circle reveal avec View Transition API) Animations premium : clip-path reveal, parallax tilt, text scramble, magnetic elements Design system dark/light avec variables CSS Architecture lazy-loaded et code-split pour des performances optimales SEO technique complet (meta dynamiques, sitemap, manifest PWA) Projets présentés : LMB (cabinet avocat, Next.js + Sanity), Vyo Consulting (site vitrine, Next.js), Elephantastic (plateforme OSINT, Vue 3), Carlili (location auto, Nuxt.js), AutoVisual (PWA cotation auto, Vue.js), BlueSquare (agence digitale), et travaux personnels (portfolio photo).

Conception & développement du site web du cabinet d'avocat de maître Luc-moussa Bassolé : ✔ Intégration HTML5/CSS3 avec Tailwind (v4) : fluid responsive, mobile first, pixel perfect, animations. ✔ Développement de composants UI en React avec Next.js en combinant SSR/ISG. ✔ Création du wireframe et des design (Adobe, Figma) avec le client. ✔ Création de visuels et shooting photo. ✔ Conception de la structure de données en GROQ. ✔ Création d’un dashboard administrable avec Sanity.io. ✔ Optimisation des ressources et des temps de chargement. ✔ Hébergement, mise en ligne, création de mail pro + espace dédié. 🌐 https://bassole-avocat.fr/

Conception & développement du site web du cabinet de vyo-consulting : ✔ Intégration du design system, fluid responsive et rendu pixel-perfect des maquettes Figma. ✔ Création des maquettes mobile pour un parcours UI/UX optimisé. ✔ Développement en Next.js avec Typescript en combinant SSR et ISG. ✔ Intégration du CMS Sanity.io pour rendre le site éditable : Conception de schémas en GROQ, des différents types de données. ✔ Optimisation des performances : lazy loading, tiny assets, webP, srcSet, Next cache, SEO etc ✔ Déploiement. 🌐 https://www.vyo-consulting.com/

✔ Intégration HTML5/CSS3 avec Tailwind. ✔ Création de composants d’interface utilisateur avec Vue 3. ✔ Création et/ou refont de nouveaux parcours utilisateurs. ✔ Traitement des données reçues des différents scrappers : mise en conformité des données selon leur format, création de templates adaptées. ✔ Reflexion/conception en étroite collaboration avec l'équipe back-end. 🌐 https://elephantastic.io/

J’ai contribué à la réflexion et à la conception des nouvelles pages et fonctionnalités de l’application, en échangeant avec l’équipe produit et design sur l’ergonomie, l’expérience utilisateur (UX) et l’interface (UI), afin d’assurer une navigation fluide et intuitive : ✔ Intégration de maquettes Figma, Mise en place de l'Atomic, Reflexion Design, Mobile First, Pixel Perfect, Optimisation des assets, migration en Tailwind, Fluid Responsive etc.. ✔ Transformation héritage HTML5/JQuery en NUXT.JS (Vue.js, composition API) avec du Server Side Rendering. J’ai travaillé avec l’équipe backend pour affiner le format des réponses API et structurer les données de manière plus efficace, garantissant ainsi une meilleure exploitation en front et une réduction des traitements côté client. ✔ Utilisation de VueX pour le state management ✔ Consommation d’API, optimisation des appels ✔ Challenges: i18n, Lazy loading, SSR, Layouts, SEO, Animations, startup ✔ Refactoring grâce aux composables ✔ Bonus : Réalisation front-end du site de Cupra (<4mois)

Agence digitale fondée par Michel Jautzy fraîchement sorti de Polytechnique, dans laquelle j’ai pu travailler lors de mon année d’alternance sur différents projets web : Site web: https://bluesquare.io/ Composition de l’équipe : 5 développeurs : 1 CTO, 1 Lead-dev et 2 full-stack, 1 front. Analyse du besoin, échanges avec web designer (étude de faisabilité/cohérence) Intégration des maquettes web et mobiles (inVision) Développement orienté accessibilité ✔ Création et gestion de formulaire (création de différents profils) ✔ Conception et développement selon les projets en Laravel, React, Vue ✔ Développement de composants graphiques en React et Vue ✔ Consommation d’API (restful) ✔ Création de migrations de base de données, de modèle et de contrôleurs en Laravel ✔ Création et exécution de tests unitaires avec Jest ✔ Refont du portfolio : création de la maquette et des designs ainsi que des animations, intégration HTML5/CSS3 avec Sass et Bootstrap ✔ Analyse de données avec Google analytics ✔ Gestion de projet, des retours clients, présentations etc.. Environnement technique : PHP avec Laravel, React/Redux, Hooks, Vue 2, HTML5, CSS3, SASS, Styled-components, Reactstrap, Bootstrap, Material UI. 🌐 https://bluesquare.io/

Startup fondée par Laurent Debricon, spécialisée dans l'agrégation et la cotation de voitures d’occasion à l’européenne, incubée par le groupe Argus puis rachetée par Leboncoin. Dans un contexte de progressive web-app, j'étais responsable de toute la partie front. Composition de l’équipe : Nous étions une équipe de 6 développeurs : 1 data scientist, 1 lead-dev, 3 back-end scrapping, 1 front-end. 🌐 : https://www.leboncoin.fr/_vehicules_/offres?locations=d_75 ✔ Intégration HTML5/CSS3 avec Bootstrap de nouvelles pages. ✔ Amélioration des performances (lazy-loading, mis en cache, SEO, minify des ressources, gestion des assets en fonction des devices, suppression du JS/CSS inutile etc..) ✔ Développement orienté accessibilité ✔ Création et maintenance de bots de scrapping en Node JS, ES6 ✔ Conception et développement de nouvelles fonctionnalités (permettre la sélection de filtres directement dans l’input en mobile, système multi-langues, flag sprite, refonte responsive de la PWA, ajout de filtres pour trier la liste de résultats, nouveaux diagrammes, outils graphique de comparaison de côte etc..) ✔ Création et développement d’animations fonctionnelles améliorant l’UI/UX en Backbones JS ✔ Création de campagne de pub sur réseaux sociaux (Instagram, Facebook) ✔ Création de visuels pour Renault : Plaquette commerciale de présentation ✔ Développement d’outils graphique d’analyse de données de cotation (diagramme de dispersion, graphique, nuage de points) Environnement technique : Javascript, Node, Backbones.js, jQuery, Heroku, HTML5, CSS3, SASS, Bootstrap, i18n, Scrapping https://www.autovisual.com/fr