Johann - Consultant technique JAVASCRIPT
Ref : 090525F001-
75010 PARIS
-
Développeur, Consultant technique (41 ans)
-
Freelance
EXPÉRIENCE Professionnelle
Lead front –end developer
Engie digital – Freelance (75) – janvier 2020 – aujourd'hui
Engie pôle design – Développement du Design system Engie – mars 2020 à aujourd'hui
********-design-system/ ********/
- Développement de la librairie React >16.8 du Fluid design system Engie
- Lead de profils junior / Référent technique / Estimations Choix techniques / Qualité
- Améliorations et évolutions de la librairie javascript natif / CSS compatible tous frameworks
- Implémentation des Design tokens
- Bonnes pratiques : Linter, Prettier, Typescript, Design tokens, PR, Review, Semantic versioning, Changelog,
Pipeline CI/CD Jenkins, Functional tests, unit tests, Visuel tests, WCAG, Documentation Storybook, User Centric
- Configuration et architecture des builds: Monorepo Lerna - Webpack - Babel - Gulp
Typescript Javascript ES6+ / React Web components / HTML - CSS SASS Postcss – Workflow github / NPM
- Back cloud : GCP, migration sur AWS
- Composants accessibles – WCAG.
- Méthodologie Agile Objective keys Result puis Scrum
Engie BeWee – janvier 2020 à février 2020
- Mise en place du Fluid Design System Engie Vanilla JS sur l'application BeWee en React > 16.8
- Méthodologie Agile Scrum
Lead front –end developer
Digital and you – Rolex et Tudor - Freelance (75) – sept. 2017 – décembre 2019
Mission pour Rolex et Tudor sur 5 sites web responsive à fort traffic
- Lead de profils junior / Référent technique / Estimations / choix techniques / qualité
- React.js 16.5 1 an Développement d'un site à fort traffic from scratch / CMS headless sitecore JSS avec approche
code-first / Configuration Webpack Node.js
- Javascript natif vanilla ES6 2 ans. Finalisation d'un site et évolutions majeures sur 2 sites
- Vue.js : Refactorisation de code Vue en composants monofichiers 2 mois
- Google Cloud Platform / Javascript - PHP : Connexion sécurisée de compte Google en Interne
- Javascript ES6 / CreateJS / Animate CC : Système d'export Animate CC vers du javascript Responsive interactif
- Recherche et développement en Javascript et Canvas : Application mobile de recherche de produit par
photographie de couleur, filtre et analyse d'images produits par couleurs
- UI Motion design css / javascript / Greensock / CreateJS AnimateCC : animation de composants
- méthodologie Agile Scrum et Kanban
CEO / Tech lead / co-creative direction
Agence digitale Nocturne Freelance (75) – nov. 2012 – août 2017
Dernier Client CHANEL:
14 applications mobiles sur les nouveautés produits de la marque CHANEL
- Développement Javascript natif POO ES6 Babel / Node.js webpack / HTML 5 / CSS – Postcss / Cordova
- Choix des technologies, Budgétisation
- Suivi de projet, Devis, Rédaction de Cahier des charges techniques, des documentations
- Mise en place de méthodes de développement Agile Kanban
- Motion design UI GSAP / CSS animation
- Participe à la direction créative
Autres clients:
- Gestion d'un portefeuille d'une dizaine de clients
- Projets digitaux orientés dans une démarche d'innovation et d'obtention d'awards pour un impact marketing
- Choix des technologies, Budgétisation
- Rédaction de Cahier des charges techniques, des documentations
- Recrutement et gestion de petites équipes (maximum 4 personnes)
- Mise en place de méthodes de développement Agile à petite échelle, de bonnes pratiques de design et code
- Développement front end Javascript natif, ES6, WebGL Three.js HTML5 / CSS Postcss Scss
- Développement Back end PHP MySQL / Node.js / API REST
- Intégration continue / Livraison continue
- Motion design UI GSAP / CSS animation
- Participe à la direction créative
Une dizaine d'awards remportés.
Clients : Chanel, Dormeuil, The House of Eyewear, Free Lance shoes, Coty, Decléor, Ateliers NA, L'Oréal, Pierre Cardin
Web developer / UI Designer / Directeur artistique web / Motion designer
Freelance (75) – déc. 2008 – nov. 2012
- Développement front end javascript HTML / CSS et ActionScript
- Développement d'applications mobiles iOS en ActionScript 3
- Développement back end de CMS en PHP / MySQL
- Design UI / UX - Direction artistique web
- Motion design web et vidéo
ILM, Ubisoft, Hermès, Garnier, FFF, PMU, L'Oréal, Orange, EDF, Renault, Malakoff-Mederic, La banque Postale, Digiposte,
Puppetmastaz, Boucheron, Valhrona, Louis Vuitton, Renault, Taxi G7 etc.
Motion designer / Motion art director + Web development ActionScript
Mazarine (75) CDI – sept. 2007 – déc. 2008
- Motion designer for digital : motion art direction, programmed motion design (AS2 Tween + javascript Tween),
after effects, 3D Studio Max.
- Web development ActionScript 2 / 3 for programmed motion design : Ruinart, Nespresso, Chanel
- Web development ActionScript 2 Volvo C40 website.
Chanel, Ruinart, Moët & Chandon, Galeries Lafayette, Nespresso, Dior, Cartier, Nina Ricci, Hermès, Volvo etc.
Depuis Sept 2008 Freelance Développeur web
Références Publicis,Ogilvy, Fullsix, La Poste, Louis Vuitton, EDF, Renault, Malakoff-Mederic, La banque Postale, PMU,
AuctionArt Pierre Cardin et Remy le Fur, Puppetmastaz, Coty, Boucheron, Valhrona, renault
2007-2008 Agence Mazarine 75 . CDI 1 an.
Références Volvo S60, Chanel Mobile Art, Maquillage et Mode, Galeries Lafayette, Givenchy, Diesel, Nespresso, Lyxor, CEA,
Ruinart, Dior, M et Hennessy, Cartier.
2007 Agence Business Lab 92 . CDI 6 mois.
Références Le Monde, Canal +, DisneyLand, La vache qui rit, Le Mans classic, Aéroport de Paris, Château d'eau, L'avion,
Steek, Eres, E-leclerc, Pizza hut.
2004- 2007 Intégrateur / Développeur indépendant.
Ref Yumi.Mazao, CNRS, Enersafe etc.
Janvier 2003 Agence La Compagnie Multimédia 30 . CDD 6 mois. Développeur
HTML/CSS/Javascript/PHP-MySQL.
Références Conseil Général du Gard, Le Mas de l'écriture, IDATE.
1997-2000 Intégration développement de sites communautaires
PROJETS FREELANCE
1997-2017
Site Dormeuil
Développement Javascript site application + Intégration
Site Ateliers NA
Développement Javascript webgl configurateur produit
Site Dormeuil
Développement Javascript webgl configurateur produit
Site Taxi G7
Développement Javascript, webservices
Site de The House of Eyewear http //********
Développement JavaScript + Intégration
Site de l'agence Spel wood https //spel ********
Développement JavaScript + Intégration
Site PMU
Développement JavaScript / travail sur fonction javaScript Natif
Site La Banque postale
Intégration HTML / CSS + Développement JavaScript
Site Digiposte
DéveloppementavaScript
Site Louis Vuitton
Développement AS3 / Développement HTML / CSS / JavaScript
Site Louis Vuitton Digital Discoveries
Développement AS3
Site Renault
Développement HTML / CSS / JavaScript
Site Malakoff-Mederic
Développement HTML / CSS / JavaScript
Site de la marque Montessy
Développement AS3
Janvier 2010 Site de la graphiste élodie Maigné http //********
Développement HTML/CSS / XML / XSLT / JavaScript
Déc 2009 site de l'entreprise http //********
Développement HTML/CSS / XML / XSLT / JavaScript natif
Sept 2009 site du photographe http //********/
Développement HTML/CSS / XML / XSLT / JavaScript natif
Aout 2009 Site de photographie http //spellwood.net/photos
Développement Flash AS3 / PHP/MySQL, back office Flash AIR/PHP/MySQL
Juin 2009 Site de la graphiste Perrine bonafos http //********
Développement HTML / CSS / JavaScript
Avril 2009 Site événementiel du groupe de musique Puppetmastaz. http //********/
Développement Flash AS3, animation et graphisme
Février 2009 Publicis, Renault, application de localisation de magasins sur l'ile de France.
Développement flash AS3
Nov 2008 Site événementiel Boucheron.
Développement Flash AS3.
Sept 2008 spellwood.net
Intégration + HTML/CSS JavaScript Natif
2007 http //******** site de vente en ligne de vêtements de luxe pour femme
Développement full flash AS 2 / PHP / MySQL.
2007 Passe Moi Le Sel.
Intégration + Développement PHP/XML/XSLT/ JavaScript Natif
2007 http //******** Cellule Archéotransfert du CNRS.
Développement full flash AS 2 / PHP / MySQL
2004-2010 ********. intégration HTML/CSS/Javascript PHP/MySQL
2003 simple-sound intégration HTML/CSS/Javascript natif / flash AS2 + PHP/MySQL
1997-2002 Réalisation et gestion de sites communautaires de jeux vidéos avec régie publicitaire.
HTML / CSS / JavaScript / PHP-MySQL
COMPÉTENCES
Développeur Front – 1997 – aujourd'hui
Javascript natif vanilla POO ES5 ES6++ – 12 ans d'expérience
Typescript > 4.0.0 – 2 ans d'expérience
React.js >16.4.0 – 4 ans d'expérience
Vue.js 2.5 – 3 mois d'expérience
Node.js – 4 ans d'expérience Configuration webpack dev / prod. Serveur de dévelopement.
WebGL Three.js – 4 ans d'expérience
Pixi.js, CreateJS, Jquery
Développement d'un framework de Single Page Application SEO en Javascript vanilla 2012
Tests unitaire sur Jasmine, Jest 4 ans d'expérience
Travail en CI/CD – 5 ans d'expérience
Développeur Front Lead – 5 ans d'expérience 2017 – aujourd'hui
Lead de profils junior / Référent technique / Estimations / Conseils / Choix techniques / Qualité
CEO / CTO agence digitale – 5 ans d'expérience 2012 – 2017
Estimation de budgets, choix techniques, besoins clients, relations et suivi technique clients, rédaction cahier des
charges, devis-contrat, documentations, suivi qualité, bonnes pratiques, direction d'équipe
Intégrateur – 1997 – aujourd'hui
HTML 5 / CSS SASS Postcss css modules Scss – 12 ans d'expérience
Pixel perfect - Responsive design cross-device – cross-browser
Photoshop – illustrator – Figma – Sketch
Motion designer – 2004 – 2012
Animation css / canvas / Javascript – 12 ans d'expérience
GSAP Greensock, Three.js, pixi.js, createJS, Animate CC, Flow
Back–end
CI/CD Pipeline Jenkins Jenkinsfile – 2 ans
PHP 7 Objet natif – 7 ans d'expérience Bonnes connaissances du code Wordpress et Drupal
Node.js pour Serveur IoT et serveur de tests.
Apache configuration et entretien de Serveurs dédiés multi domaines CentOS SSL
Git Installation et maintenance de serveur Git
Socket C++ Node.js PHP
Shellscript – automatisation
MQTT Mise en place de communication MQTT Node.js et PHP pour des objects connectés IoT
Bases de données
MySQL 10 ans d'expérience
MongoDB
IoT – objets connectés
C++ – 4 ans d'expérience – Développement d'un système domotique de Réception de signaux IoT
Création de PCB et fabrication industrielle + sensors
Design objet
Méthodologie Agile 5 ans
Altassian Jira Confluence Bamboo Bitbucket Trello Youtrack
Méthode Agile, Scrum
Design 12 ans 1998 – 2016
Directeur de création – directeur artistique web / UI designer (photoshop, illustrator) motion designer (after effects,
C4D) et graphiste 3D (3D Studio Max, Zbrush).
LANGUES
Anglais professionnel : CEFR 74/100 (C2 PROFICIENT)
Espagnol scolaire.
FORMATION
2006 Master 2 à l'ESAV en Multimédia
2005 Maîtrise ESAV à l'Université du Mirail - Toulouse 31
2004 Licence ESAV
2003 Licence à distance Chef de projet ensemblier des TIC - Université de Limoges
2002 Diplômé en Services et Réseaux de Communication- D.U.T. -Université Paul Sabatier 81
2000 BAC STAE Science et technique de l'agronomie et de l'environnement
AWARDS
Prix Awwwards Developer award site of the week en HTML 5 / CSS / Javascript
3 Awwwards site of the day
3 FWA site of the day
Grand prix stratégie digital
PRIX
Awwwards Developer award site of the week (clients directs)
Awwwards site of the day (clients directs)
Awwwards site of the year nomination
FWA site of the day (clients directs)
Grand prix stratégie luxe avec l'agence Mazarine digital
INNOVATION
1999 Générateur de CMS automatique en PHP/MySQL
2011 aircursor Contrôle de la souris par détection de mouvement sur site web
2012 SEO website application system, système propriétaire de site application interactif / SEO.
2014 Configurateur produit web en 3D webGL avec des trillions de combinaisons d'options
2016 SEO progressive Website application system, système propriétaire de site application.