Contexte : Fondée en 1910, CLIENT CONFIDENTIEL est une entreprise de haute couture, de parfums, de produits de luxe, d’accessoires et de prêt-à-porter.

Projet : CLIENT CONFIDENTIEL souhaite fournir à ses visiteurs un outil d’aide au choix de fond de teint afin de trouver le produit adapté à leur type de peau en fonction de la couvrance, de la texture et du fini désirés. Équipe : 3 dev. frontend, 1 dev. backend, 1 QA, 1 PM, 1 PO, 1

Mission Scrum master :

• Création de composants Preact : carrousel de modèles et de produits, navigation entre étapes, récupération des données produit du backend Hybris, affichage avant/après, etc.
• Intégration responsive des maquettes en respectant les problématiques d’accessibilité, de SEO et de performance, ajout d’animations et transitions CSS

Enseignements de la mission : Nécessité d’adaptation rapide au besoin et de coordination avec plusieurs Feature teams et équipes d’experts (accessibilité, analytics, SEO)O

Outils/Environnement : Preact/JavaScript ES6, HTML5, CSS3/SASS, Hybris, GIT, Azure, NPM, IntelliJ, Mac OS

Contexte : Fondée en 1998 par le britannique Lowel Harder, Radley est une marque d’accessoires basée à Londres qui conçoit et fabrique des sacs à main et d’autres accessoires pour femmes pour les marchés britanniques et internationaux.

Projet : Radley, qui souhaite se doter d’une boutique eCommerce, a fait le choix d’associer Adobe Experience Manager pour la partie expérientielle et Magento pour la partie eCommerce. Premier projet européen couplant les deux plateformes depuis le rachat de Magento par Adobe.

Équipe : 2 dev. frontend, 2 dev. backend, 1 QA, 1 dev./Scrum master, 1 archi. AEM, 1 archi. Magento, 1 chef de projet, 1 BA, 4 dev. Magento, 1 QA Magento
3

Mission :

• Création de composants paramétrables AEM (briques HTML5 / CSS3 / JavaScript ES6) responsives : navigation, promotions limitées, module RGPD, géolocalisation, liste dynamique des magasins…
• Intégration et configuration du contenu par défaut des templates : homepage, espace client, page produit, page de recherche, …
• Utilisation de requêtes GraphQL pour interfaçage Magento / AEM dans l’espace client, les produits, le panier, …
• Gestion des problématiques Analytics avec le datalayer Adobe
• Mise en place d’un site dédié à la documentation des composants en anglais et points quotidiens avec les équipes de Londres et du Cap

Enseignements de la mission : Travail dans un contexte international, gestion des impératifs de cohabitation des technologies employées

Outils/Environnement : CMS Adobe Experience Manager 6.5, Magento, HTML5, CSS3/LESS, JavaScript ES6, GraphQL, GIT, GitLab, NPM, Maven, Docker, IntelliJ, Mac OS

Contexte : Tesco mobile est l’opérateur de réseau mobile virtuel fondé en 2003 par le groupe de distribution international Tesco (plus de 7000 magasins).

Projet : Tesco mobile souhaite poursuivre la refonte de son site marchand associant Adobe Experience Manager et Magento. Les fonctionnalités et services du site actuellement en production doivent être adaptés à ce nouveau socle technique.

Équipe : 1 dev. frontend AEM, 1 dev. backend AEM, 1 CTO, 1 chef de projet, 1 Scrum master, 3 dev. Magento, 1 QA Magento

Mission :

• Restructuration du projet AEM déjà en place : arborescence des composants, bonnes pratiques manquantes, problématiques spécifiquement frontend (polices, variables liées à la charte graphique, suppression des dépendances Bootstrap, conflits de styles avec la partie Magento, …)
• Création de composants paramétrables AEM (briques HTML5 / CSS3 / JavaScript ES6) responsives : carrousel de produits, accordéons, systèmes de navigation…
• Reprise de simulateurs existants : calcul des frais d’itinérance entre pays, estimation et représentation graphique du volume de données nécessaire selon les types d’usages et leur fréquence (navigation, musique, vidéos HD, …)
• Intégration et configuration du contenu par défaut des templates : homepage, aide et support, …
• Réunions quotidiennes avec les équipes en Angleterre et à l’Île Maurice

Enseignements de la mission : Travail dans un contexte international, remise à jour quasi-complète d’un AEM existant

Outils/Environnement : CMS Adobe Experience Manager 6.5, Magento, HTML5, CSS3/LESS, JavaScript ES6, GIT, Bitbucket, NPM, Maven, Docker, IntelliJ, Mac OS

Contexte : Prisma Media est le n°1 français du secteur de la presse papier et Internet à la tête de 40 marques dont Capital, Gala, Télé Loisirs, GEO ou Femme Actuelle. Il appartient au groupe Bertelsmann, un des leaders de la communication dans le monde. Projet : Les sites du pôle TV (Télé Loisirs, Télé 2 Semaines et TV Grandes chaînes) basés sur un socle Symfony-Webpack doivent subir une refonte progressive au niveau technique et design pour unifier les expériences mobile et desktop. De nouvelles fonctionnalités seront développées notamment autour de la personnalisation utilisateur (par ex. la grille de programmes) et des nouvelles façons de consulter les programmes comme Netflix.

Équipe : 5 dev. frontend, 6 dev. backend, 1 responsable de pôle, 2 chefs de projet, 1 responsable SEO, 1 UX/UI

Mission :

• Refonte progressive de programme-tv.net : création de composants responsives HTML5 / CSS3 / JavaScript ES6 réutilisables pour la page d’accueil et les grilles de programmes
• Refonte du site programme.tv : reprise de l’ensemble du site sous forme de modules responsives
• Développement et maintenance des trois sites du pôle TV
• Unification progressive de l’architecture des domaines mobile et desktop
• Optimisation des performances web (sites à plus de 15M de visiteurs uniques mensuels) : chargements différés, gestion des visuels, …
• Gestion des problématiques de publicité / SEO / UX avec les équipes dédiées

Enseignements de la mission : Importance quotidienne du suivi des performances/SEO/pub/impératifs légaux sur des sites à très fort trafic, gestion des risques sur des solutions faisant cohabiter un ancien et un nouveau socle

Outils/Environnement : Webpack, NPM, Node, HTML5, CSS3/PostCSS, JavaScript ES6, backend Symfony, PHP 7, JSON, GIT, GitLab

Contexte : Spécialisé dans les assurances, Axa est un grand groupe français qui a fait le pari de la digitalisation et de l’expérience pour ses clients. Projet : Axa a développé sur la technologie AEM son site axa.fr ainsi que la partie Mon Axa. Déployés depuis plusieurs années, ces dispositifs sont en constante évolution et offrent aux clients d’Axa une multitude de services permettant de faciliter la gestion des contrats mais aussi la souscription de ces derniers.

Équipe : 2 dev. frontend, 1 dev. backend, 1 PM, 1 PO, 1 QA, 1 Scrum master par feature team

Mission 1 : Maintenance et développement des évolutions des sites axa.fr (particuliers, pré-refonte) et entreprise.axa.frEvolution et maintenance des devis et autres modules jQuery

• Développement REACT ou ES6 de simulateurs et de questionnaires graphiques sous forme d’applications web monopage (Epargne Retraite Entreprise, Coach Entreprise)
• Préparation des releases pour les montées d’environnements (GIT, Jenkins)
• Gestion des problématiques Analytics/SEO
• Interfaçage aux web services internes AXA et externes (ViaMichelin)

Mission 2 :Demandes de devis “génériques“ : création d’un “moteur de devis“ pour intégration sur axa.fr et les sites partenaires : système modulaire basé sur un socle commun (coordonnées, interface avec les API conseillers/tarifs…) et de déclinaisons indépendantes pour des besoins spécifiques (automobile, habitation…)

• Création des templates de page (principal, pages de sortie du formulaire, fragments Lodash lors de la recherche de conseiller, …)
• Création de composants paramétrables AEM (briques HTML5 / LESS / modules jQuery) pour le découpage en étapes (coordonnées, recherche automatique ou choix manuel du conseiller par géolocalisation, type d’agent à contacter, interrogation de l’API d’autocomplétion d’adresse)
• Gestion du socle commun faisant l’interface avec la partie besoin (composant autonome lié par drag & drop au template principal) : interactions gérées via des événements JavaScript et un modèle JSON
• Mise en place du besoin automobile jQuery avec API de marques/modèles
• Reprise du besoin habitation jQuery : tunnel d’une vingtaine de questions dépendant d’un arbre de décision complexe et d’interrogations fréquentes de web services internes pour le renvoi de données et la sauvegarde du devis en cours

Mission 3 : Nouvelle version du site professionnels pro.axa.fr

• Mise en place des templates de page responsives (homepage, produits, …)
• Création de composants paramétrables AEM (briques HTML5 / LESS / ES6) responsives pour tous les éléments déposables dans les templates de pages (menus de navigation, blocs de mise en avant, accordéons, fil d’ariane, blocs desktop en colonnes s’adaptant en mode “scrollable” sur mobile…)
• Développement du simulateur “Auto diagnostic” : application monopage configurable via JSON (questions et produits selon les réponses choisies)
• Ajout du simulateur retraite “Madelin” : application monopage de calcul générant une projection en histogrammes à partir des informations fiscales fournies
• Initialisation d’un socle commun destiné à mutualiser les composants communs au futur site Particuliers (possibilité de surcharge / extension)

Mission 4 : Nouvelle version du site particuliers axa.fr

• Création des templates de page responsives de l’univers Habitation (accueil, garanties, actualités, hubs contenus éditos, lexique…)
• Création et documentation de composants paramétrables AEM de l’univers Habitation (briques HTML5 / LESS / ES6) compatibles avec l’interface TouchUI AEM 6 pour tous les éléments déposables dans les templates
• Extension de composants AEM natifs : tableaux comparatifs paramétrables, éditeurs RTE customisés, barres de navigation “sticky” au défilement…
• Création d’une librairie commune ES6 pour les Web Analytics
• Connexion aux APIs de web-callback
• Interfaçage avec la solution AEM Target (A/B tests, content targeting…)

Enseignements de la mission : Travail dans une multitude de pôles avec des dizaines d’intervenants différents, première expérience AEM et découverte de la méthodologie AGILE

Outils/Environnement : CMS Adobe Experience Manager (TouchUI), HTML5, CSS3/LESS, JavaScript ES6, jQuery, React, XML, GIT, VSTS, Gulp, Nunjucks, NPM, Grunt, Bower, Maven, Jenkins, WebStorm, Sublime Text, Mac OS

Contexte : Radio France est le premier groupe de service public et une grande entreprise culturelle avec 7 radios nationales, 44 locales, 4 formations musicales. Projet : Le groupe crée régulièrement des sites WordPress (monosite et multisites) pour la partie événementielle et les blogs des émissions et gère également la boutique des Editions Radio France avec cette technologie.

Équipe : 2 développeurs full-stack, 1 graphiste

Mission 1 : Refonte du site editions.radiofrance.fr

• Intégration de la charte graphique en responsive web design
• Création des champs et posts personnalisés de produits, gestion des catégories et relations entre posts personnalisés
• Mise en place en backoffice d’une métabox d’ajout rapide de personnalités sur un article en AJAX, ajout d’options de personnalisation dans la configuration du thème
• Recherche avancée : prise en compte du type de post, des spécificités du type de catégorie et de scénarios liés à des combinaisons de paramètres de recherche
• Création de widgets pour mise en avant de produits, arborescence personnalisée des catégories, publicité, footer des thématiques
• Adaptations JavaScript de sliders/galeries

Mission 2 : Gestion des sites de la « ferme de blogs » (Envoyés Spéciaux, philosophie, France Bleu – blog du web, …)

• Création d’un plugin pour intégration du lecteur audio JavaScript Radio France via un shortcode dédié ou en remplacement du lecteur médias WordPress natif
• Élaboration d’un slider jQuery de produits à partir de données XML
• Inclusion et refonte du lecteur audio JavaScript Radio France (ajout d’un chapitrage et relooking graphique)
• Mise en place d’un type de média personnalisé “son externe” dans la bibliothèque de médias WordPress avec batch d’import au format JSON
• Fil d’ariane adaptatif selon les priorités de catégories définies en backoffice

Mission 3 : Dynamisation de la gestion des projets éditoriaux (Baladeur Classique)

• Création en backoffice des projets : walls d’images, diaporamas sonores, frises chronologiques, images ou vidéos avant/après dynamiques via réglette
• Aperçu en frontoffice du projet généré avec possibilité d’export des données en JSON

Enseignements de la mission : Utilisation d’une même technologie dans des contextes très différents nécessitant une bonne capacité d’adaptation.

Outils/Environnement : PHP 5.3, HTML5, CSS3, WordPress (monosite et multisite), JavaScript, jQuery, JSON, AJAX, MySQL, SVN, GIT, Sublime Text, Linux, Apache

Contexte : Petithood était un site e-commerce spécialisé depuis 2009 dans la mode, la déco, la puériculture et la vente d’articles pour enfants.

Projet : Création d’une nouvelle version du site sur le socle Prestashop existant Équipe : 1 développeur full-stack, 1 directeur

Mission :

• Mise en place d’un système d’identification sur la page d’accueil : évolution du site e-commerce pur précédent vers un modèle axé “ventes privées”
• Intégration de la nouvelle charte graphique
• Création d’un module de gestion des ventes privées et adaptation du module All-In-One Rewards pour ajout d’un système de parrainage personnalisé
• Internationalisation du site

Enseignements de la mission : Travail en micro-entreprise avec une autonomie totale au niveau technique

Outils/Environnement : PHP 5.3, HTML5, CSS3, Prestashop 1.4, JavaScript, jQuery, AJAX, MySQL, GIT, Putty/SSH, Sublime Text, Vi, Windows, Linux, Apache