Guillaume Spagnolo: Profile

Contexte : Prestataire Clevermind chez Accor. Équipe d’une dizaine de personnes en Agilité SCRUM au sein du pôle communication. J’ai sensibiliser / former l’équipe à l’accessibilité en réalisant des ateliers. Conception fromscratch du portail intranet Accor Digital Workplace, regroupant news, applications, liens utiles, stories, etc... Création d’un back-office et de composants éditables pour les news et pages.

• HTML5
• CSS3 / SCSS BEM
• JS / JQUERY
• Aria
• Nvda
• Git
• Sharepoint Online
• Azure DevOps

Projet : Coupe du monde de Football 2022 / Rugby 2023

• Création de page en HTML5 à partir de maquettes sur InVision/Figma
• Conception SCSS (Landing et site)
• Optimisation de performances
• Gestion du resonsive
• Gestion du versioning via Git
• Conception de proto et page hub pour référencer et accélérer le process de création de composants

Projet : Accorlive Digital Workplace (ADW)

• Conception HTML5 et CCS3(SCSS) à partir de maquettes sur Figma
• Conception et refacto SCSS et CSS (optimisation de performances)
• Conception JS / JQUERY pour L'UI et l'accessibilité
• Méthodologie agile (Rétro planning, Sprint review)
• Conception de proto et page hub pour référencer et accélérer le process de création de composants
• Conception d'un design system
• Conception des fonctionnalités et des pages en accessibilité web (via les outils ARIA, la liseuse d’écran NVDA et JS/JQuery)
• Accessibilité (WCAG, RGAA, ARIA)
• Sensibilisation et formation de l’équipe aux bonnes pratiques et aux normes d’accessibilité
• Tests et recettes (fonctionnel, technique et accessiblité)
• Support aux développements
• Gestion du versioning via Git
• Gestion du css via Sharepoint Online
• Etude des besoins (fonctionnalités, ergonomie, …) en étroite collaboration avec différents intervenants
• Gestion des tickets d'anomalies / tâches via Azure DevOps
• Atelier créatif et accessibilité
• Création back-office
• Conception de composants éditables

Projet : Addressbook

• Adaptation de la charte graphique ADW
• Modernisation HTML et SCSS / CSS de l’existant

Projet : Astreintes, EasyConsulting et Staffing Tool

• Modernisation HTML, CSS et UI de l’existant

Projet : HR-Data

• Conception de layout
• Conception de composants
• Conception d'un design system

Contexte : Prestataire Clevermind chez Fnac / Darty. Équipe de 10 personnes en agilité SCRUM au sein de la digital Factory dans la feature team commercialité.

• HTML5
• CSS3/LESS BEM
• JQUERY
• FreeMarker
• Git

Projet : Maintenance évolutive et fonctionnelle

• Création de page web et refacto de code en HTML5 (via FreeMarker) et CCS3(LESS) à partir de maquettes sur InVision
• Utilisation de JQuery pour diverses fonctionnalités
• Test des features et anomalies multi-navigateurs et multi-devices
• Utilisation de Git pour la création de merge request ou la review de code
• Gestion des branch de dev via git bash
• Méthodologie agile (Rétro planning, Sprint review, Sprint Retrospective)
• Gestion de ticket d’anomalie ou de nouvelle feature via Jira
• Etude des besoins (fonctionnalités, ergonomie …) en étroite collaboration avec différents intervenants

Contexte : Prestataire Exakis Nelite chez ADP. Au sein de 4 équipes en agilité CRUM (donc multi projets). Sensibilisation des équipes à l’accessibilité web et formation de quelques-uns, notamment, les devs et côté design.

• HTML5
• CSS3 / SCSS BEM
• JS / JQUERY
• Aria

Projet : Maintenance évolutive

• Conception et refacto HTML (moderniser le code et également le rendre accessible)
• Mise à jour de pages existantes (refontes du style des pages)
• Méthodologie agile (Rétro planning, Sprint review, Sprint Retrospective)
• Conception et refacto SCSS et CSS (pour optimiser les performances)
• optimisations d’images pour réduire le temps de chargement
• Test et recettes

Projet : Paiement, ResADP et Parking Pro

• Création de pages HTML5 et SCSS(BEM) à partir de maquettes Sketch
• Création JS et JQuery principalement pour l’accessibilité
• Utilisation de Git pour la création de merge request ou la review de code
• Gestion des branch de dev via git bash
• Conception de proto et page hub pour référencer et accélérer le process de création de composants
• Méthodologie agile (Rétro planning, Sprint review, Sprint Retrospective)
• Accessibilité (ARIA + NVDA + JS)
• Tests et recettes (fonctionnel, technique et accessiblité)
• Sensibilisation et formation des 4 équipes aux bonnes pratiques et aux normes d’accessibilité
• Création d’une base CSS et HTML accessible pour multi-projet (un seul css pour tout gérer simplement)

Contexte : Prestataire Degetel chez L'Express. Équipe de 8 personnes en agilité SCRUM dans le cadre d’une maintenance évolutive et fonctionnelle.

• HTML5
• CSS3 / SCSS
• XSL
• Webpack
• Twig

Projet : Maintenance évolutive

• Conception HTML (Twig, Xsl)
• Conception SCSS (Webpack)
• Méthodologie agile (Rétro planning, Sprint review, Sprint Retrospective)
• Optimisation de code (suppression de code non nécessaire, modification de structure HTML…)
• Tests et recettes cross-browser et multi-devices

Contexte : Prestataire Degetel chez Société générale. Équipe de 10 personnes à la création de la feature team CBO au sein d’ITIM et du pool IHM, j’était en charge de tout le périmètre front des parties liste de comptes, gestion de budget et liste des opérations (CBO). En accessibilité web je me suis auto-formé et, par la suite, j’ai également sensibilisé et formé mon équipe à l’accessibilité web pour une meilleure entente et cohésion dans le cadre des futures réalisations (les devs au niveau des normes de code, l’UX et UI niveau des normes et attentes coté design et le PO et l’automatisateur coté test via NVDA).

• HTML5
• CSS3 / SCSS BEM
• JS / JQUERY
• Aria
• Nvda
• Backbone
• ReactJS
• Git

Projet : Projet CBO / Accessibilité (ARIA + NVDA)

• Création de pages HTML5(.dot) et SCSS(BEM) via IntelliJ, à partir de maquettes InVision et Sketch
• Conception de proto et page hub pour référencer et accélérer le process de création de composants (atomic design)
• Conception des fonctionnalités et des pages en accessibilité web (via les outils ARIA, la liseuse d’écran NVDA et JS/JQuery)
• Autoformé à l’accessibilité web et ses divers normes (WCAG, RGAA) et pratiques (ARIA)
• Sensibilisation et formation de l’équipe aux bonnes pratiques et aux normes d’accessibilité
• Tests et recettes de toutes les fonctionnalités (côté fonctionnel, technique et accessiblité)
• Support aux développements
• Support à la maîtrise d'ouvrage fonctionnelle
• Méthodologie agile (Rétro planning, Sprint review, Sprint Retrospective)
• Création JS et JQuery notamment pour la partie accessibilité
• Création de composants (en atomique design dans le cadre d’une future migration vers ReactJS)
• Participation aux atelier design, fonctionnelle et technique des features à venir
• Utilisation de Git pour la création de merge request ou la review de code
• Gestion des branch de dev via git bash

Contexte : Chez Diapason informatique. En autonomie et en inter contrat, je devais réaliser divers projets, notamment la création de « template » pour une école et pour un projet en interne.

• HTML5
• CSS3 / SCSS
• JQUERY
• Bootstrap
• Git

Projet : ISEFAC-ALTERNANCE

• Création de pages HTML5 et SCSS
• Utilisation de l’outil de versioning GIT afin de partager le travail réalisé

Contexte : Prestataire Diapason informatique chez AP2S. Équipe d’environ 10 personnes, dans le cadre d’une série de refonte de plusieurs sites de billetterie en ligne, principalement pour des clubs de foot.

• HTML5
• CSS3 / SCSS
• JQUERY
• Drupal
• Mantis

Projet : Refonte du site billetterie du FCNantes et du PSG

• Création de pages HTML5 et CSS3/SCSS

Projet : Refonte du site billetterie de BOPB

• Création de pages HTML5 et CSS3/SCSS

Contexte : Prestataire Diapason informatique chez Pierre & Vacances. Équipe d’environ 8 personnes en méthode agile, dans le cadre d’une refonte du site Center Parcs et de la future création de Village Vacances.

• HTML5
• CSS3 / SCSS
• JQUERY
• CSS(BEM)
• Git
• Redmine
• Twig via Symfony 3

Projet : Refonte du site CENTER PARCS

• Gestion de page web en responsive design
• Création de page web (HTML5 CCS3 avec SASS) à partir de maquettes Photoshop

Contexte : Prestataire Diapason informatique chez Ekino. Équipe d’environ 7 personnes en méthode agile dans le cadre de la création du projet Henner web.

• HTML5
• CSS3 / SCSS
• JQUERY
• Gulp
• Mysql

Projet : Henner

• Création de pages en HTML5, CSS3/SCSS

Contexte : Prestataire Diapason informatique chez BcomBrun. Équipe de 4 personnes, dans le cadre d’une campagne d’e-mailing ayant pour but de favoriser et/ou de financer certain projets, et également dans le cadre d’une refonte du site intranet pour SANOFI.

• HTML5
• CSS3
• JQUERY
• Thunderbird

Projet : Intranet et Emailing pour SANOFI

• Création de pages HTML5 et SCSS
• Création d’e-mail sous format HTML / CSS via Thunderbird
• Utilisation de FileZilla pour les landings pages

Contexte : Prestataire Diapason informatique chez Backstory. Équipe de 5 personnes en agence web, découverte de l’accessibilité web.

• HTML5
• CSS / SCSS
• JS / JQUERY
• Compass
• Bootstrap
• Dapulse
• Tick
• Basecamp
• Dropbox
• Browserstack

Projet : EER CCOOP

• Création de pages HTML5 et CSS3
• Accessibilité AA + ARIA notamment pour le tunnel de souscription du Crédit Coopératif (CCOOP)
• Test et recette via BrowserStack
• Gestion des tickets d’anomalies et features via Tick

Contexte : Prestataire Brains chez TF1. Équipe de 6 personnes sur divers projets au sein de I TF1 l’équipe digital.

• HTML
• CSS / SASS
• JS / JQUERY
• Symfony 2
• Wordpress

Projet : GMF

• Création HTML et CSS Fromscratch à partir de maquettes Photoshop pour un projet de type crowdfunding
• Création HTML et CSS Wordpress pour les lauréats du projet qui seront financés

Projet : PSG

• Conception HTML (Twig), SASS et JQuery à partir de maquettes Photoshop
• Tests et recettes

Contexte : Prestataire Aubay chez ENGIE. Équipe de 10 personnes dans le pôle digital ENGIE nouvellement créé en méthode agile. Conception du tunnel de souscription en responsive Design en collaboration avec les graphistes, l’expert UX, et les développeurs back end.

• HTML
• CSS
• JS / JQUERY
• Adobe CQ5
• Bootstrap
• FTP
• Kameleoon
• DAX Comscore
• Mantis

Projet : Changement de marque

• Wordings et modification sites via Adobe CQ5 (devenu AEM)
• Gestion des tickets d’anomalies et nouvelles features via Mantis
• ABtest via Kameleoon (principalement pour la homepage afin d’optimiser les visuels et accroitre le ROI)
• Analyse de données via Google Analytics et DAXComscore (à l’aide tag xiti et autre)
• Gestion des landings via FTP (FileZilla)
• Support aux développements
• Support à la maîtrise d'ouvrage fonctionnelle
• Etude des besoins (fonctionnalités, ergonomie …) en étroite collaboration avec différents intervenants

Projet : Conception du tunnel de souscription

• Conception du tunnel de souscription en environ 10 étapes via du HTML CSS et JS en from scratch
• Aider à la réalisation des diverses offres du catalogue Engie via Adobe CQ5
• Création de Pictos via Adobe Illustrator et mise en place du Sprite via une grille
• Conception du responsive web design
• Recette et Tests tout au long du processus de réalisation

contexte: Prestataire Devoteam en CDD chez SANOFI

• HTML(5)
• CSS3
• JS / JQUERY
• CMS Tridion 2005/2012

Projet : CSR, CB et MEDP

• Création de code HTML et CSS pour les pages du site selon Webdesign
• Intégration du contenu

Projet : IMH

• Création de code HTML et CSS pour les pages FlipBook
• Mise en place de turn.js
• Création de page dans Tridion pour chaque FlipBook
• Création de composant dans Tridion pour chaque FlipBook