Durant ces 10 ans d'expérience, j'ai travaillé avec des équipes spécialisées dans le développement web en .NET, Vue.js et Angular.

Je me spécialise récemment dans la création de design system.

  1. Intégrateur web freelance depuis novembre 2019
  2. Formations Javascript et Vue.js mars et avril 2019
  3. Titre professionel de niveau III Option infographie - multimédia 2013
    AFPA, Calais (62)
  4. BTS Communication et Industries Graphiques Option prépresse 2007 - 2009
    Lycée César Baggio, Lille (59)
  5. Baccalauréat Scientifique Option sciences de l’ingénieur 2006
    Lycée La Briquerie, Thionville (57)
  • Langue Anglais, courant
  • Loisir DJ et membre de TR13ZE,
    association spécialisée dans l’évènementiel
  1. Lead intégrateur/UX designer (juillet 2022 - aujourd'hui)

    Prestation chez Corsair (94), compagnie aérienne.
    Refonte de la partie tunnel d'achat : création d'un kit UI et des maquettes dans Figma. Intégration de ces maquettes livrées à l'équipe de devs.

    -
    • HTML5,
    • CSS3,
    • SCSS,
    • .NET
    • Javascript,
    • Jquery,
    • Git,
    • Figma
  2. Team lead (mai 2020 - aujourd'hui)

    Prestation chez LittleBig Connection (75) qui met en relation des grandes entreprises avec des consultants externes.
    Mise en place d'un design system en Angular, refonte globale de l'ancien site GWT et gestion de l'équipe intégration.

    -
    • HTML5,
    • CSS3,
    • SCSS,
    • Angular
    • Javascript,
    • Typescript,
    • GTW
    • Freemarker
    • Atlassian,
    • Git,
    • Figma
  3. Intégrateur/UX designer (novembre 2019 - avril 2020)

    Prestation chez MisterFly (75), comparateur de voyages.
    Mise en place d'un design system en Vue.js pour faciliter les développements de la refonte. Création et intégration de maquettes.

    -
    • HTML5,
    • CSS3,
    • SCSS,
    • Vue.js,
    • AngularJS,
    • jQuery,
    • Javascript,
    • Typescript,
    • gulp,
    • .NET 4.6,
    • MVC 5,
    • Umbraco,
    • Atlassian,
    • Git,
    • VisualStudio,
    • Adobe Xd,
    • Photoshop,
    • Illustrator
  4. Team lead (mai 2018 - novembre 2019)

    CDI chez TUI France (92), tour opérateur.
    Gestion de l'équipe front (méthode Scrum) qui s'occupe de toute la partie intégration mais aussi de l'amélioration des performances web.

    -
    • HTML5,
    • CSS3,
    • SCSS,
    • React,
    • Vue.js,
    • jQuery,
    • Javascript,
    • Typescript,
    • .NET 4.6,
    • MVC 5,
    • Instart CDN,
    • Atlassian,
    • Git,
    • GitLab,
    • VSTS,
    • VisualStudio,
    • Dareboost,
    • Kanban,
    • Scrum,
    • Wordpress,
    • Zeplin,
    • Photoshop,
    • Illustrator
  5. Lead intégrateur/Webdesigner (mai 2016 - mai 2018)

    CDI chez Infotem (75), SSII.
    En mission durant tout mon CDI au siège de TUI France (92), tour opérateur.
    Lead intégrateur sur un site e-commerce from scratch (méthode Kanban). Participation à tous les choix techniques et à la partie webdesign (UI/UX).

    -
    • HTML5,
    • CSS3,
    • SCSS,
    • jQuery,
    • Javascript,
    • .NET 4.6,
    • MVC 5,
    • Instart CDN,
    • VisualStudio,
    • Kanban,
    • VSTS,
    • Photoshop,
    • Illustrator
  6. Intégrateur/Webdesigner (septembre 2013 - avril 2016)

    CDI chez Quombine (93), agence web.
    En mission durant tout mon CDI au siège de TUI France (92), tour opérateur.
    Refontes graphiques, responsive design, création d'un site mobile et maintenance de sites e-commerce.

    -
    • HTML5,
    • CSS3,
    • jQuery,
    • Javascript,
    • .NET 4.6,
    • TFS,
    • VisualStudio,
    • Wordpress,
    • php,
    • Photoshop,
    • Illustrator
  7. Intégrateur/Webdesigner (mars 2013 - mai 2013)

    Stage chez Axecibles (59), agence web.
    Création de chartes graphiques d'après un cahier des charges et intégration des sites axée sur les perfomances web et le référencement naturel.

    -
    • HTML5,
    • CSS3,
    • jQuery,
    • php,
    • Photoshop,
    • Illustrator
Projet MisterFly
Projet TUI
Projet Naturel & Côté Cour
Projet Marathon Électronique
Projet Ateliers Artigo
Projet Hélène Molinari

MisterFly

Design system

TUI

Sites e-commerce

Naturel & Côté Cour

Site vitrine

Marathon Électronique

Site vitrine

Ateliers Artigo

Site vitrine

Hélène Molinari

Site vitrine & blog

  • Projets Design system
    Refonte mobile first
    Sites e-commerce
    B2B
  • Client Jérôme P.
  • Années 2019 - 2020
  • Marques MisterFly
    Cdiscount voyages
  • Compétences UX
    UI
    Intégration
    Développeur front
  • Outils Git
    Vue.js
    Atlassian
    Visual Studio
    Adobe Xd

MisterFly

Des vols, des hôtels, des voitures...

MisterFly m'a embauché pour apporter mon expertise en intégration mais aussi en UX design.

Pendant 6 mois, j'ai travaillé avec l'équipe UX pour mettre en place un design system. J'ai développé cet outil en Vue.js et à l'aide d'un développeur nous avons fait en sorte de pouvoir exporter chaque composant afin de pouvoir les utiliser dans les différents sites de la marque.

Cela a permis de créer cette charte graphique en ligne qui centralise désormais tous les éléments et les styles se référant à la marque MisterFly. C'est un gros plus en maintenance mais aussi en efficacité. L'intégration des nouvelles features se fait désormais beaucoup plus rapidement.

J'ai choisi de séparer le design system en 3 parties : foundation (qui contient la base du design comme la font ou les couleurs), components (allant du micro composant jusqu'au gros composant comme le moteur) et pages où on trouve des pages complètes.
Menu Design System - MisterFly
Dans chaque page, vous y trouvez des extraits de code, le lien vers le fichier css...
Boutons - MisterFly
... mais aussi des données liées à la charte graphique comme la valeur hexadécimale des couleurs ou le nom de la variable SCSS
Couleurs - MisterFly
Nous avons décidé de générer une feuille de style foundation.css qui regroupe tous les éléments de base de la charte graphique. Pour les composants, nous les importons directement dans le site, comme ici le carousel :
Carousel - MisterFly
Dans la partie pages, j'ai regroupé plusieurs composants afin de simuler le rendu complet d'une page comme ici le chargement de la liste de résultats avec l'effet skeleton :
Chargement liste de résultats - MisterFly
Chez MisterFly, j'ai aussi fait du webdesign sur le logiciel Adobe Xd en proposant la refonte du tunnel d'achat
Tunnel d'achat desktop - MisterFly
Tunnel d'achat mobile - MisterFly
  • Projets Sites e-commerce
    B2B
    Sites vitrine
    Blog
    Refontes
    From scratch
    Responsive Design
  • Client Clément C.
  • Années 2013 - 2019
  • Marques TUI
    Marmara
    Nouvelles Frontières
    Passion des îles
    My Travel Mate
    VTB Reizen
  • Compétences UX
    UI
    Intégration
    Développeur front
  • Outils Git
    React
    Atlassian
    Visual Studio
    Photoshop
    Illustrator
    Wordpress

TUI France

Toutes vos envies d'ailleurs

Durant 6 ans, j’ai géré le pôle intégration de l’équipe web de TUI France.
Au début de ma mission, je m'occupais de la partie front de deux sites vitrine responsive (Passion des îles et Aventuria), un B2C et trois sites e-commerce (Marmara, Marmara Mobile et Nouvelles Frontières). J'ai aussi créé le blog de l'IT et participé à de nombreuses refontes. Je travaillais avec le studio graphique du siège mais j'ai aussi désigné certains projets.
Par la suite, le groupe a fusionné tous les sites en un seul : TUI.fr. Ce projet from scratch a été le plus gros projet auquel j'ai pu participé et m'a permis de connaître la méthode agile en scrumb et en kanban.

Ma première tâche a été de rendre responsive le site Aventuria
Header Aventuria - TUI
Marmara qui représentait le plus de traffic a été mon plus gros projet avec TUI.fr. J'ai fait du support, des refontes mais aussi un site mobile pour cette marque
Marmara desktop - TUI
Marmara mobile - TUI
J’ai repris le design du site B2B. J’ai été totalement autonome sur ce projet. Le principal souci a été de conserver tous les développements déjà en place sur le site car aucun développeur ne participait à la refonte
Espace Pro - TUI
J’ai intégré le site Passion des îles et participé au support du site Nouvelles Frontières
Passion des îles - TUI
Nouvelles Frontières - TUI
Je me suis aussi occupé du logo de la DSI
Blog Logo - TUI
Et j'ai monté le projet d'un blog interne dont voici quelques pages
Blog accueil - TUI Blog home - TUI Blog menu - TUI Blog article - TUI

J'ai participé à un projet en binôme avec un expert UX. Ce projet avait pour but de trouver un nouveau concept, une nouvelle façon de chercher son voyage en ligne. Je ne voulais pas afficher de menu pour conserver tout l'espace pour immerger directement l'utilisateur dans son futur voyage. La page d'accueil est composée de 4 slides. Les paramètres du moteur change en fonction du slide sélectionné.

  • Tours accueil - TUI
  • Tours accueil 2 - TUI
  • Tours accueil 3 - TUI
  • Tours accueil 4 - TUI
Nous avons proposer deux façons de rechercher un voyage : avec des mots ou une avec des images. Le système de tags se basent sur deux couleurs : une pour les destinations et une pour les envies.
Tours recherche par mot - TUI
La recherche par image ou par mot se base sur les mêmes tags mais pour l'utilisateur, ce sont deux expériences différentes
Tours recherche par image 1 - TUI Tours recherche par image 2 - TUI Tours recherche par image 3 - TUI
La liste de résultats proposent 3 types d'affichages (carte, carte + liste et liste seule).
Tours liste de résultats 1 - TUI Tours liste de résultats 2 - TUI Tours liste de résultats 3 - TUI
En 2016, j'ai travaillé sur un projet from scratch ayant pour but de regrouper les différentes marques dans un seul site : TUI.fr. J'ai géré toute la partie front du projet.
Desktop - TUI
Mobile - TUI

J'ai aussi réalisé des pages évènementielles pour TUI Group

Version française Version néerlandaise
  • Projet Site vitrine
  • Client Bruno J.
  • Année 2017
  • Durée 2 mois
  • Compétences UX
    UI
    Intégration
    Développeur front
  • Outils Illustrator
    Photoshop
    Brackets
    Wordpress

Naturel & Côté Cour

Boutiques de décorations et de bien-être

J’ai dû repensé l’intégralité de la charte graphique de naturel.fr. En effet le site était démodé et ne faisait pas reflet de la qualité des produits vendus en boutique. La principale difficulté de ce projet a été de grouper les deux boutiques en un seul site.

J’ai choisi ces deux images pour définir chaque boutique et j’en ai déduis ce nuancier
Nuancier - Naturel & Côté Cour
Afin de simplifier la navigation entre les boutiques, j’ai littéralement séparé le site en deux parties
Accueil - Naturel & Côté Cour Qui sommes-nous - Naturel & Côté Cour
Page d'accueil d'une des deux boutiques
Accueil boutique - Naturel & Côté Cour
J'ai proposé deux designs pour présenter les produits et les marques
Marque version 1 - Naturel & Côté Cour Marque version 2 - Naturel & Côté Cour
Menu du site
Menu - Naturel & Côté Cour
  • Projet Site vitrine
  • Client Le Marathon Électronique
  • Année 2016
  • Durée 3 semaines
  • Compétences UX
    UI
    Intégration
    Développeur front
  • Outils Illustrator
    Photoshop
    Brackets
    Google Maps

Le Marathon Électronique

Festival électronique dans Paris

Le marathon électronique est une association de plusieurs collectifs parisiens. C’est un évènement qui dure tout un weekend avec différentes soirées dans des bars et clubs. Je devais mettre en place une carte interactive regroupant tous ces évènements.

J'ai découpé le site en 5 parties, il m'a donc fallu 5 couleurs

Bleu
Bleu clair
Fuchsia
Rose
Rose pâle
Personnages - Marathon Électronique Smiley - Marathon Électronique
J'ai dû décliner l'univers graphique de l'affiche
Affiche - Marathon Électronique Personnage - Marathon Électronique Smiley - Marathon Électronique
Voici les différentes parties du site
Accueil - Marathon Électronique Main event - Marathon Électronique Carte évènements - Marathon Électronique Collectifs - Marathon Électronique Vidéo- Marathon Électronique
  • Projet Site vitrine
  • Client Ateliers Artigo
  • Années 2014 et 2016
  • Durée 2 x 1 mois
  • Compétences UX
    UI
    Intégration
    Développeur front
  • Outils Illustrator
    Photoshop
    Brackets
    Wordpress

Ateliers Artigo

Vitrine d'un atelier d'artistes

Les ateliers Artigo sont situés en région parisienne et sont spécialisés dans l'événementiel. Ils désiraient un site pour présenter leurs différentes oeuvres et installations. J'ai tout d'abord réalisé un site statique en 2014 et lors de la refonte de 2016, j'ai pluggué mon nouveau design sur Wordpress pour qu'ils puissent ajouter au fur et à mesure leurs nouvelles créations.

Mon accroche pour la première version :
"Vos projets artistiques entre de bonnes mains"

Voici un des designs que j'avais proposé en 2014
Page accueil V1 - Ateliers Artigo Page intérieure V1 - Ateliers Artigo
Et un autre plus arrondi
Page accueil V2 - Ateliers Artigo Page intérieure V2 - Ateliers Artigo
En 2016, j'ai affiché directement toutes les oeuvres. L'utilisateur peut ensuite appliquer des filtres
Site - Ateliers Artigo
  • Projet Site vitrine & Blog
  • Client Hélène M.
  • Année 2014
  • Durée 1 mois
  • Compétences UX
    UI
    Intégration
    Développeur front
  • Outils Illustrator
    Photoshop
    Brackets
    Wordpress

Je m'appelle Hélène Molinari

je suis journaliste

Hélène souhaitait un site où elle pouvait regrouper tous ses articles qui ont été publiés. Elle voulait aussi pouvoir poster d'autres sujets et gérer son CV. J'ai donc splité son site en 3 parties : à propos, travail et blog.

Sur la page d'accueil, la partie work et la partie blog sont totalement indépendantes

Page d'accueil background - Hélène Molinari
Page d'accueil work - Hélène Molinari
Page d'accueil blog - Hélène Molinari
À propos
CV - Hélène Molinari
Article
Article blog - Hélène Molinari