Thibaut Pernin

Mission de renfort – Développement du nouveau site web Synergie sur Next.js • Développement from scratch de l’interface en Next.js App Router avec un fort accent sur les performances (mise en cache, lazy loading, réduction du TTFB) • Optimisation de l’accessibilité (a11y) et du SEO : structure sémantique, balisage, ARIA, bonnes pratiques Lighthouse • Gestion des aspects de sécurité front-end : prévention des injections XSS, validation des entrées utilisateur, protections contre SSRF côté client • Intégration et gestion d’un design system unifié avec Storybook, composants réutilisables et tokens de design • Traitement des demandes d’évolution et correction d’anomalies • Participation à l’administration et à la maintenance du back-office Drupal (CMS headless) connecté à l’application via API REST

🔍 Projets Principaux : - Site CEDH : https://www.cedh.org/ - Sites Boiron : https://www.boiron.fr/ (FR + international) 🛠 Responsabilités et Réalisations : - Développement de nouveaux sites web, optimisant la présence en ligne de l'entreprise. - Mise en commun de code et de composants entre multiples projets pour améliorer la cohérence et la réutilisabilité. - Élaboration d'un Storybook pour documenter de manière interactive les composants développés. - Transformation et mise à jour de systèmes existants pour améliorer la performance et l'expérience utilisateur. - Migration du back-office de Drupal vers Prismic, modernisant la gestion du contenu. - Gestion et optimisation de plateforme de e-learning, facilitant la formation continue. - Administration des utilisateurs via Keycloak. 🔄 Projets Transverses : - Intervention et collaboration sur divers projets transverses, contribuant à l'amélioration continue de l'écosystème numérique de Boiron.

Développement et intégration de nouvelles solutions / évolution de l'existant. - Intégration de nouvelles web-app métiers - Mise en place du back-end sous Node.js / SQL Server - Communication avec API hardware / IOT - Mise en place du front-end sous React / Next.js - Evolutions du front-end existant Technos : React, Next.js, Node.js, SQL server, HTML, CSS, Javascript, Material UI

Développement et intégration de nouvelles pages et fonctionnalités sur le site à destination des professionnels de santé de Doctolib (https://info.doctolib.fr/). - Intégration de nouvelles pages et sections en se basant sur des maquettes - Mise en place du back-office pour gérer les différentes pages et sections - Dynamisation avec les informations issues de Wordpress - Adaptation en responsive, gestion du SEO et des performances - Refactorisation et amélioration de l'existant Technos : Wordpress, React, Javascript, jQuery, PHP, HTML, CSS

Réalisation d’un POC de site web React / Next.js pour le groupe Aéroport de Paris. • Récupération des données provenant du headless CMS Strapi • Intégration des maquettes fournies par le designer • Adaptation en responsive, gestion du SEO et des performances • Création et génération de pages dynamiques avec Next.js à partir de Strapi • Création et gestion de la partie front de la création de compte / connexion. Communication avec API back-end. Technos : React, Next.js, Javascript, Node.js, Strapi, HTML, CSS

Refonte du site vitrine www.wyzengroup.com (groupe d’ingénierie digitale) • Création du back-office / headless CMS avec Wordpress • Création et génération de pages dynamiques avec Gatsby à partir de Wordpress • Intégration des maquettes fournies par le designer • Adaptation en responsive, gestion du SEO et des performances Technos : React, Gatsby, GraphQL, Wordpress, Javascript, HTML, CSS, PHP

Réalisation d'une plateforme e-commerce / réseau social réalisé sous React, Gatsby • Analyse des besoins / Réalisation de wireframes • Conception et développement de la partie client avec React et Gatsby • Conception et développement d’un back-office avec React-admin • Intégration avec le back-office (API) et dynamisation de la partie client Technos: React, React-admin, Node.js, Gatsby, GraphQL, Javascript, HTML, CSS, SQL

Travail en agence sur de nombreux projets : St Michel, Groupe LIP, FrenchTex, Square Habitat, Billon Immobilier, SunAero, La Ferme du Web, Les Canons, Unicil, Espacil... Création et mise en place des projets, intégration et gestion de la partie front. Maintenance et évolution des projets existants. Technologies utilisées : Javascript (ES6+), React, React Native Web, Scss, Styled Components, Tailwind CSS, Symfony, Twig, SQL, GraphQL, Node, Wordpress, Git

Expat.com is the largest expatriate network in the world with more than 2,000,000 members. I joined Expat.com (previously Expat-Blog) before its rebranding, I then helped to put in place a new version of the site, focusing primarily on mobile devices and on improving the overall user experience. During my time at Expat I had several missions: - I contributed to redesign a new version of the website by creating mockups for different sections of the website, graphical elements and defining a graphical charter. - For the front-end part I integrated new versions of pages and I also developped new sections such as "Timeline" or "Expat Magazine". - I was in charge of editing and sending weekly HTML emails to users of the website. - I helped to manage the advertisement display on the website especially with Google Ads (Adsense & DFP) - I redesigned and implemented new versions of back-office to help the Expat team work efficiently. Technologies used: HTML 5, CSS/SASS, Responsive Design, Bootstrap, Javascript/Jquery, Ajax, PHP, Twig, SQL, Google Ads, HTML emails, Photoshop, SEO

UPilot is a a CRM built for sales people and focused on clarity. My role in this project was to take care of the front-end part development of the web-app, including the following missions: - Pixel perfect integration of provided design mockups. - Creation and definition of all interactions and animations of web-app elements. - Implementation of solutions to achieve key features such as "Drag & Drop" or how to organize and display charts and user datas. - Integration of showcase website. - Mockups creation. Technologies used: HTML5, CSS, Jquery, Ajax, Highcharts, PHP, Photoshop, SVG

Development of: - SalesDials, a Highrise CRM Sales addon (http://www.salesdials.com) - DrugsUpdate iOS application (http://www.drugsupdate.com) Technologies used: HTML5, CSS, Jquery, Phonegap, SQL, PHP, Photoshop

Development of showcase website for Research Centre UMR866 ‘Lipids, Nutrition, Cancer - LNC’ (http://inserm-u866.u-bourgogne.fr/) - Creation of design mockups. - Development of showcase website for both dekstop & mobile versions. - Creation of back-office to manage latest news & publications of the research center. Technologies used: HTML5, CSS, Bootstrap, Jquery, SQL, PHP, RSS, Photoshop

My missions in La Cinémathèque Québécoise: - Analysis and reworking of the classification plan of the organisation documents. - Maintain a document database on a document management software.