Jean Paul Quinette

- Pilotage de projet avec équipes OPS / Chefs de Projet - Semi Agile sur Notions - Maquettage de différents supports sur Figma (grid, variables token-design, ui kit, utilisation de scripts) - Développement Front-End sur les frameworks Svelte et Next JS. - Création de feature en typescript ou JS - Maîtrise CSS, full responsive. - Veille créative - Développement de mini-sites et choix de la meilleure technologie o Sites de marque o Sites dédiés pour une étude o Rubrique de marque - Développement d’assets digitaux/bannières o Carrousel o Habillage o Interscroller o Nouveaux formats - Gestion du site de la régie o Mise-à-jour o Mise en place de nouvelle fonctionnalité

• Optimisation de l'UX pour une plateforme dédiée à l'e-commerce. • Création de composants React à partir de maquettes XD. • Intégration haute fidélité de composants graphiques en HTML/CSS/SCSS/SASS. • Garant du responsive via un système de grille Bootstrap et des media queries. • Gestion des interactions React/JavaScript, manipulation de données entre composants parent/enfant et inversement. • Création de fonctions pour les parcours utilisateurs (treeview, grilles, graphiques). • Appels API (fetch) pour récupérer des données en JSON/JS. • Gestion des utilisateurs/sessions, récupération et expiration des tokens (TTL), déconnexion et gestion du routage React (private routing). • Collaboration avec les équipes Back-End (GIT, Docker Compose, Postman). • Sensibilisation aux processus DevOps (CI/CD, tests unitaires). • Collaboration Agile avec le PO : planification des sprints, estimation des tickets. • Intégration d'animations SVG (Lottie).

• Environnement de travail basé sur Jira, approche Agile. • Utilisation d'outils tels que Dartagnan, Figma, Adobe XD… • Sensibilité au design atomique et variables «design-token ». • Notions avancées en manipulation de variables PHP. • Travaux étroits avec différentes équipes de Prisma Media, notamment Développeurs Back-End/Full-Stack, Marketing Digital, Rédaction et CRM. • Responsabilité d'intégrer des maquettes Figma/Invision avec Dartagnan, en garantissant la qualité du code HTML/CSS. • Assure la compatibilité entres boîtes mail, le responsive, le dark mode, ainsi que l'affichage "pixel perfect" sur les écrans rétinas. • Intégration de blocs d'articles auto-générés via flux XML / JSON. • Formations Dartagnan aux équipes CRM.

Mise à jour identité visuelle, création de site web Wordpress, chargé social media et envoie de NLs. Créations graphiques. Importation de package wordpress dans base de données MySQL, connaissances PHP/SQL pour bon fonctionnement de base de données. Utilisation de logiciel mamp/wamp pour création de projet PHP et base de données en local. Manipulation « from scratch » du style CSS pour un rendu le plus customisé possible. Œil sur le responsive via manipulation de media queries (css). Ajout de plug-in de langues (FR/EN) et renseignements SEO (méta-données, référencement)

Création de vidéos corporatives, Motion Design, outils After Effects & Adobe Premier, Vidéos Scan Fun tendance pour réseaux sociaux. Captation sur terrain ou réception de rush video, manipulation du contenu audiovisuel sur Adobe Premier pour montage video et ajout d’effets ou texte animés sur Adobe After Effects. Importation et manipulation de contenu vectoriel via Adobe Illustrator. Sensibilité « pixel perfect » au moment d’exportation en 4K/HD. Respect de la propriété intellectuelle : Images et musique utilisée, bruitage, gif animés, « meme ».

• Maquettage de sections, rubriques, composants sur Adobe XD en reprenant et mettant à jour le Design System. • Créations graphiques à l’aide de Photoshop / Illustrator / Adobe XD pour campagnes NL, promotions saisonnières… • Intégration de newsletters en HTML / CSS (tableaux) et média queries. • Utilisation de l’outil Dartagnan pour création graphique et intégration de NLs. • Motion : bannières animées en CSS et interactions sur Adobe XD

• Création, maquettage et intégration de sites, intranets, et newsletters, avec des compétences en HTML, CSS, JS/JQUERY, et PHP. • Conception de minisites publicitaires pour des annonceurs sur les sites Prisma Media tels que Femme Actuelle, Gala, Voici, Geo. • Maquettage sur Photoshop et Sketch avec exportation sous slides et images. Utilisation de polices en .ttf/.otf/.woff pour assurer la compatibilité avec différents explorateurs. • Prototypages de maquettes respectant les bonnes pratiques du web design, avec intégration HTML/CSS/JS. • Création d'animations en jQuery et mise en place de jeux concours en PHP.

Création et adaption de sites sur Wordpress, Front-End et interventions en PHP. Refonte de site web, transfert de base de données wordpress (manipulation SQL). Référencement SEO. Envoi ponctuels d’emailing, utilisation de données en .cvs. Design Print / Web à la demande.

Fondateur du projet Internet de l’Ecole de Design. Chargé de la production web et du département audiovisuel. Bourse universitaire. Création d’éléments print pour la communication interne. Captation d’images/videos, alimentation du blog universitaire et organisation évènementielle.