Curriculum vitae


Thomas CHAMPION

Thomas CHAMPION

Chef de projet design

Bonjour đź‘‹

Je suis actuellement chef de projet design. Je suis passionné par la création de produits innovants qui répondent aux besoins des utilisateurs.

Au cours de ma carrière, j'ai eu l'opportunité de travailler sur de nombreux projets de design, allant de la conception à la création de sites web et d'applications mobiles. J'ai également développé mes compétences en front-end en travaillant avec des technologies telles que JavaScript (React...), HTML et CSS preprocessor.

J'ai une solide connaissance des principes de design et des outils de conception, ainsi qu'une excellente capacité à communiquer et à travailler en équipe. Je suis également organisé et capable de gérer efficacement mon temps et mon travail, ce qui me permet de respecter les délais de lancement de produit.

Je suis passionné par mon métier et j'ai hâte de continuer à développer mes compétences et à contribuer à la création de produits innovants.

Aujourd'hui

Dans le domaine du voyage, je travaille chez ORCHESTRA Ă  Paris depuis 2008. D'abord sur les interfaces clients distributeurs comme Verychic, Carrefour Voyages, Thalassa... maintenant sur la conception et le fonctionnel de notre plateforme d'application Web de production, d'administration et de distribution multi-canal de voyage.

Demain

Nous travaillerons peut être ensemble, n'hésitez pas à me contacter :

École

• BAC Arts appliqués
• BTS Concepteur, développeur, integrateur multimedia à l'école d'ingénieur du Cesi

Hobbies

Running
Rando
Voile
Escalade
Musique
Photo
Cine
Voyages
Et bien plus...

Experiences

Juillet 2014 Ă  aujourd'hui
Chef de projet design
Conception et developpement d'interfaces web et web applicatif.
Suivi des ingénieurs de developpement JAVA lors de l'implémetation des interfaces.
Janvier 2012 Ă  2016
Co-founder GLYPHUNGER
HILL8 SOLUTIONS
Glyphunger est une plateforme participative de contenu de haute qualité.
Septembre 2008 Ă  juin 2014
Webdesigner Intégrateur
Conception et developpement d'interfaces web et web applicatif.
Suivi des ingénieurs de developpement JAVA lors de l'implémetation des interfaces.
Août 2007 à Septembre 2008
Web designer et developpeur
Conception et developpement d'interfaces web et web applicatif.
Suivi des ingénieurs de developpement JAVA lors de l'implémetation des interfaces.
Octobre 2006 Ă  juillet 2007
Web designer et intégrateur
Conception, design et réalisation de sites internet accessibles aux normes W3C dans un environement PHP
Octobre 2006 Ă  juillet 2007
Web designer & founder
WeSee
Avec un partenaire developpeur PHP nous avions créés la société Wesee.
J'étais chargé de la conception, la réalisation et du developpemnt des interfaces web, ansi que la création de supports de communication

Compétences & outils

Organisation / Chef de projet / Project Manager
Management, User research, User personas, Iterative design, Survey Design, Usability testing, kanban
Jira
Jira
Confluence
Confluence
Trello
Trello
Slack
Slack
Word
Word
Notion
Notion
Analytics
Analytics
Développement / Responsable UI/UX / lead UI/UX
Design systems, Style guides, CSSOO, Atomic design, Responsive
Sass
Sass
Less
Less
HTML
HTML
CSS
CSS
jQuery
jQuery
React
React
Javascript
Javascript
Tailwindcss
Tailwindcss
Bootstrap
Bootstrap
Typescript
Typescript
Nodejs
Nodejs
Next js
Next js
Wordpress
Wordpress
Meteor
Meteor
UI/UX / Front-End Developer
Wireframing, Prototyping, Usability testing, Branding, UX/UI design, Design systems, Style guides
Figma
Figma
Sketch
Sketch
Adobe Xd
Adobe Xd
Invision
Invision
Diagrams
Diagrams
Adobe Ps
Adobe Ps
Adobe Ai
Adobe Ai
Environnement de développement
Versionning, Deployment, Testing, Development
VS Code
VS Code
IntelliJ
IntelliJ
Eclipse
Eclipse
Git
Git
GitLab
GitLab
Docker
Docker
npm
npm
 

Thomas Champion

Senior Product Designer

Je crée des interfaces simples, fiables et cohérentes. Mon travail consiste à clarifier les usages, structurer les parcours et collaborer avec les équipes produit et tech, avec une bonne expérience des Design Systems, du multi-marques et des parcours transactionnels.

Plateforme gestion

plateforme de
gestion de voyages

UI / UX<dev/>React JSLessIcons font
Composée de 7 environnements actuellement, cet outil permet la gestion complète des voyages par les clients d'Orchestra. L'outil d'administration sert à configurer les catalogues, les utilisateurs, les contenus éditoriaux... Le B2B sert aux agents de ventes, permet la recherche et la réservation... Le Back-office fait le suivi des dossiers des acheteurs (modification, factures, mails...). La comptabilité pour les exports et la régulation. La gestion tarifaire pour les commissions par hôtels, vols et prestations ainsi que le "yield management". Partenaires pour ajouter des fournisseurs... Le robot de test sert à créer des tâches automatisées pour tester la connectivité...

Défis / Challenges

Comprendre et organiser l'ensemble des fonctionnalités de la plateforme, faire des choix stratégiques techniques et graphiques pour faciliter le développement et l'utilisation des interfaces (mockup, design, intégration).
Réservation hôtels et vols
Panel d'applications
Réservation hôtels et vols
Carrefour B2B
Réservation hôtels et vols
Résultat vols
Réservation hôtels et vols
360 HĂ´tels
Réservation hôtels et vols

Responsive

Processus de
réservation de séjour "mobile first"

UI / UX<dev/>React JSLessResponsive
L'une des offres d'Orchestra est de permettre aux utilisateurs internet de réserver un voyage directement au producteur chez un distributeur voyage de type Leclerc Voyages ou Vente Privée (voir page 6) via ses canaux. C'est pourquoi il a fallu développer un processus de réservation générique qui traite les différents articles possibles lors d'une réservation de séjour tout en restant le plus personnalisable suivant les clients vendeurs.
Le processus prend en compte l'hébergement, les vols, les prestations additionnelles, les voyageurs, le paiement...

Défis / Challenges

À l'écoute des besoins clients, de la conception à l'intégration. Mon rôle est de faire un site applicatif complet, souple, pour permettre une personnalisation avancée, flexible aux différents supports de diffusion et développer une procédure technique pour une optimisation des délais de migration de version (concernant l'interface). Mettre en place de nouvelles fonctionnalités et avoir un suivi permanent sur le bon fonctionnement (principalement graphique) du processus.
Mobile first
FairMoove
Mobile first
Private sport shop
Mobile first
Verychic
Mobile first
Veepee
Mobile first

Charte graphique

Charte graphique ORCHESTRA

BrandUI / UX<dev/>WordpressLessResponsive
La société où je travaille était scindée en plusieurs entités lorsque j'ai été embauché, par la suite elle est devenue une seule : Orchestra. Il y a aujourd'hui 60 employés et l'entreprise a besoin d'être identifiée et de communiquer (numérique et papier).
Il y a un site internet qui possède des descriptions, des vidéos, une actualité (nouveautés et presse), un blog... Des publicités dans la presse du voyage (web et papier). Des cartes de visite. Des kakémonos lors des salons...

Défis / Challenges

J'ai conçu la charte graphique, le logo, développé le site dans un premier temps avec le CMS Drupal puis avec Wordpress. Réalisé tous les supports de communication.
Réservation hôtels et vols
Cartes de visite
Réservation hôtels et vols
Site internet
Réservation hôtels et vols
Charte graphique
Réservation hôtels et vols
Landing page
Réservation hôtels et vols

Clients

Sites

Voici une liste non exhaustive des projets auxquels j'ai participé en tant que web designer. Ces sites fonctionnent grâce aux plates-formes Orchestra. Ils peuvent proposer un large panel de voyages, faire des mises en avant, afficher des descriptifs avancés, effectuer des recherches et réserver en ligne leur voyage.

Mon rĂ´le

Échanger avec le chef de projet pour comprendre les besoins du client, concevoir et développer l'interface pour qu'elle puisse ensuite être intégrée à la plateforme.

Thalassa

Sites

Vacanciel

Sites

Aéroport de Nice

Sites

Fnac Voyages

Sites

Casino Vacances

Sites

Verychic

Sites

Application mobile

Application iOS
Carrefour Voyages

UI / UX<dev/>
L'application Carrefour Voyages fonctionne à partir d'iOS 6. Elle permet de rechercher des voyages, mettre en avant des offres, afficher les détails du séjour (galerie photo, descriptifs...) et réserver en ligne. L'application offre aussi la possibilité de trouver une agence favorite en vous géolocalisant (ou pas) pour avoir un suivi de dossier par ce point de vente. Le contenu est ajouté automatiquement par les flux des producteurs et administrable via le Mid-Office (voir page 5).

Défis / Challenges

Sur ce projet, je suis intervenu sur le fonctionnel, l'UX (mockup pour échanger avec le chef de projet et le client), l'UI, l'intégration de l'interface dans le SDK d'Apple (Xcode) et veillé au bon respect du cahier des charges et graphique jusqu'à la mise en production.
Carrefour app
Carrefour app
Carrefour app
Carrefour app
Carrefour app

Plateforme process

Processus de
réservation d'hôtels et de vols

UI / UX<dev/>Less
De la même manière que pour le processus précédent, ce site Internet générique permet lui de réserver des hôtels, des vols secs ou des "packages dynamiques" (vol + hôtel). Le site est composé de trois sections suivant le type de réservation, chacune peut avoir un thème différent mais le fonctionnel et l'ensemble des composants sont basés sur un développement commun. Sur ce site on peut y trouver une recherche, des filtres, des descriptions, une géolocalisation, des photos, des vidéos...

Défis / Challenges

Les mêmes responsabilités que pour le processus précédent. Conception, design et intégration. Être à l'écoute des demandes clients, faire un site applicatif complet, personnalisable, flexible aux différents supports, optimiser les procédures de migration et création de nouvelles fonctionnalités. Ainsi qu'un suivi constant.
Réservation hôtels et vols
Leclerc voyages
Réservation hôtels et vols
Voyamar
Réservation hôtels et vols
Carrefour voyages
Réservation hôtels et vols
Leclerc vols
Réservation hôtels et vols

Mobile first

Application iOS
Proposition pour Heli Air Monaco

UI / UXPOC
Pour mettre en valeur une nouvelle norme de transmission de données pour les compagnies aériennes et les agents de voyages nommée NDC (IATA), un POC d'application a été fait. Elle permet de chercher et de réserver des vols, mettre en avant des prestations liées à l'utilisateur lorsqu'il a un compte et/ou un trajet sélectionné et enfin d'avoir un récapitulatif modifiable du séjour.
Le service d'échange et un site Internet ont été validés, via la plateforme Orchestra (voir page 4). L'implémentation de l'application est en cours de négociation.

Défis / Challenges

Mon rôle était de mettre en valeur les possibilités du protocole par une expérience utilisateur sur mobile, faire le design à partir d'une enseigne déjà existante et accompagner le chef de projet pour la partie interface.
Heliair Monaco app
Heliair Monaco app
Heliair Monaco app
Heliair Monaco app
Heliair Monaco app

Sites internet

Website

Voici une liste non exhaustive des clients que possède Orchestra. Deux sections design existent dans la société : celle dédiée aux catalogues clients à laquelle j'ai travaillé pendant 4 ans (voir quelques travaux page 9), avec pour mission de concevoir les interfaces (si les clients n'en possèdent pas déjà) et/ou de les développer. La seconde, à laquelle j'appartiens aujourd'hui, est majoritairement orientée produit (voir page 3, 4, 5) afin de fournir les bases fonctionnelles et contribuer à une meilleure expérience utilisateur lors de la diffusion et de la réservation des voyages.

Veepee

Website

Lastminute

Website

Auchan Voyages

Website

Thalassa

Website

Groupon

Website

Leclerc Voyages

Website

Projet application

Glyphunger
Plateforme participative de contenu éditorial

BrandUI / UX<dev/>SpringLessResponsive
Cette plateforme d'information permet aux écrivains d'écrire et de partager leur savoir. Une jauge de fiabilité leur est attribuée, elle est calculée automatiquement par l'intelligence collective.
Il est possible de personnaliser sa "une", suivre des auteurs et noter les articles en tant que lecteur.

Défis / Challenges

Codirection du projet, fonctionnalités, ergonomie, design et intégration.
Réservation hôtels et vols
Article
Réservation hôtels et vols
Profil
Réservation hôtels et vols
Brand
Réservation hôtels et vols
Landing page
Réservation hôtels et vols