CV dynamique - Hélène

JE CODE... ET J'ÉCRIS

Geek et journaliste, curieux non ?
Le web est un merveilleux livre illustré, qui évolue sans cesse, et que l’on peut faire vivre par ses fonctionnalités comme rendre captivant par ses contenus. Pour ma part, venue du monde de l'écriture et du print, j’ai été très tôt attirée par le multimédia pour son côté ludique, dynamique, et l’inventivité infinie que l’on peut donner aux écrans. J’ai donc évolué, via l’édition numérique, vers le développement front-end. Je suis en veille continue, avec l’envie de travailler sur des projets d’équipe. Mon désir est de pousser le plus loin possible les solutions d'un web éco-friendly.

Au-delà de la technique, il y a de toujours de belles histoires à raconter sur un produit ou une entreprise, qu’elle soit banque, musée ou naturopathe. Un site doit vivre, être promu : fiche, article de blog, contenu corporate, communiqué de presse. Je suis convaincue qu'un bon développeur n'est pas seulement un technicien : il dialogue avec le client, comprend ses besoins, et participe à la réflexion stratégique d'un projet. Et, cerise sur le gâteau, des contenus stylés, avec une orthographe parfaite, viennent rajouter le cachet qui détonne !

Voici trois portfolios sur trois points-clé de mon parcours, en un clin d'œil.

EXPERIENCES

2019
-
2020

Développeuse front‐end - création d'une application pédagogique

Société Givaudan, Digital Factory (secteur parfumerie et arômes)

Le groupe Givaudan, leader de la parfumerie fine, compte une école de nez. Une poignée d'étudiants, triés sur le volet, viennent s'y former pendant cinq ans. La 1^re année surtout, ils doivent apprendre à identifier, à l’odorat, 500 ingrédients aux noms complexes… Un challenge ! Une idée est alors née au sein de l'école : créer un outil sur-mesure, qui permettrait aux futurs parfumeurs de se tester tous les jours et d'observer leur progression.
Nous avons formé une équipe de quatre pour concrétiser ce projet : j'ai réalisé le développement Front-End de l'appli, au fur et à mesure que notre UX/UI designer concevait les maquettes. Au niveau technologies, j'ai choisi de coder le projet en REACT, en l'associant à du CSS étendu ou SASS pour styler les pages.

Application pour un étudiant en parfumerie

Application Givaudan : page de démarrage du test

Application Givaudan : scanner un ingrédient

Application Givaudan : choisir le nom de l'ingrédient

Application Givaudan : tableau de résultats et correction des réponses fausses

Application Givaudan : tableau de sperformances par familles d'ingrédients

Application Givaudan : page d'accueil de la laborantine

Application Givaudan : page de la laborantine pour rajouter un ingrédients

Application Givaudan : choix des ingrédients pour le test

Application Givaudan : mode d'emploi pour utiliser l'application

Login, déroulé du test de nez, scores, sommaires, pages de laborantine, liste préparatoire pour l’étudiant, book explicatif pour utiliser l’appli

L’étudiant travaille à partir de flacons, qui contiennent chacun un ingrédient à sentir et à reconnaître. Chaque flacon comprend un code cardex, qui est relié à une base de données intégrée à l’application.
Une fois logué, l’étudiant prend un flacon, il le scanne pour que l’appli reconnaisse l’ingrédient. Puis il respire le flacon, écrit sa réponse et sauvegarde.
Lorsqu’il a testé plusieurs ingrédients, un écran lui fournit un récapitulatif de ses Vrais et Faux, avec les bonnes réponses pour les Faux.
L’étudiant rescanne ensuite son flacon : l’appli lui fournit alors un numéro correspondant à celui d’une box, où il devra ranger le flacon.
Un tableau de performances compte les tests effectués et permet à l'étudiant de comparer ses scores.
L’étudiant étudie les ingrédients par famille : il coche chaque jour sa liste d’ingrédients à tester, 20 maximum.
L’appli prévoit aussi des accès aux laborantines qui sont chargées de préparer les flacons.

2016

Responsable de projets numériques

Groupe Hachette Livre, pôle multimédia (secteur éducation)

Chaque année, l’édition scolaire se met en ébullition pendant plusieurs mois, afin que les manuels soient en vente pour la rentrée de septembre. Dans la version numérique, les élèves doivent accéder à leurs livres sur ordinateurs et tablettes, faire leurs exercices de math ou d’anglais à l’écran, obtenir une règle de grammaire au passage de la souris, etc.

J’ai donc pris les commandes d'un plan numérique chez Hachette, en tout 30 projets d’eBooks. Mon poste était divisé en deux facettes : d’une part, transformer les livres édités sous maquettes PAO en fichiers ePub, d’autre part, gérer la production des ePubs jusqu’à leur parution sur le kiosque en ligne, disponibles au téléchargement. Une mission riche et variée, où je jonglais d’un livre à l’autre : relectures des formats, corrections In-Design, tests, pointages de bugs, réunions préparatoires pour les manuels remaquettés, suivi des prestataires externes…
C’est en créant des sommaires interactifs que j'ai eu envie d’apprendre le développement.

Manuels scolaires numériques

Manuel numérique de français pour lycéee professionnel

Extraits gratuits d'eBooks, à tester en ligne et consultables en un clic

Les manuels à télécharger sont répertoriés sur un kiosque en ligne. Ils comportent deux versions, une pour le professeur et l’autre pour l’élève. Ci-dessus, voici des exemples typiques de projets fabriqués et édités par moi. On peut :

Naviguer : tourner les pages comme on veut, indiquer directement son n° de page ou naviguer dans le sommaire interactif.
Faire des exercices directement dans le manuel grâce à des zones de textes, et consulter les corrigés.
Rechercher par mots-clés ou avec l’icône enrichissements (audio, textes, vidéos, liens…).
Annoter : surligner, tracer des vecteurs, créer des blocs, écrire, gommer...
Zoomer des cartes, regarder une vidéo d'histoire, écouter une présentation en espagnol...
Faire des captures d’écran, et une fois téléchargé (non gratuit) : imprimer, ajouter son eBook aux favoris, et pour le professeur, créer son cours et échanger avec ses élèves.

2001
-
2019

Auteure-journaliste, éditrice et photographe

Éditions Gallimard Loisirs (secteur tourisme)

Pendant des années, j’ai voyagé sur quatre continents avec mes carnets de notes. J’étais le plus souvent en mission pour créer des guides Cartoville, une collection qui se concentre sur les balades urbaines. Ces mini-livres, que l’on glisse dans sa poche, doivent leur succès à leur format astucieux : découpés par quartier, ils se déplient avec leurs plans des rues, leurs frises de photos et leurs textes concis qui capturent des ambiances. En un coup d’œil, on y visualise l’âme d’une ville. La Tribune de Genève, Nice Matin, et l’Essentiel du Luxembourg en témoignent…

Je partais m’immerger à Amsterdam, Pékin ou Sao Paulo pour photographier la ville de long en large, rencontrer les habitants et glaner des informations. À mon retour, je construisais le livre en collaboration avec un cartographe et un maquettiste. Puis j’écrivais les textes en mixant mon vécu sur place avec les documents rapportés.

Ces aventures passionnantes m’ont rendue autonome, polyvalente et méticuleuse, des acquis que j'ai pu transférer dans mes autres postes. Plus le support est petit, plus le défi est grand. Et l'enjeu était de taille lorsque les guides étaient traduits dans plus de 15 pays !

Guides de voyage Cartoville

Présentation de plusieurs guides Cartoville

Un guide Cartoville déplié à la verticale

Un guide Cartoville déplié à l'horizontale'

Extrait du guide de Londres pour les familles

Extrait du guide Cartoville sur le quartier de La Défense

Exemplaires de la collection, guide déplié dans les deux sens, et extraits de plusieurs destinations : Bruges, Londres en famille, quartier de la Défense à Paris, Moscou, Sao Paulo du Brésil...