HP

Welcome on PRADIERH.FR

Curriculum Vitae

PRADIER
Hugo

Développeur Web

Hugo Pradier, développeur web full-stack

EXPERIENCEFORMATIONS

     
  • Développeur web Shopify | Axome
    mai 2025 – maintenant

  • RNCP niveaux 5 | Développeur Web
    2024, OpenClassroom
    Formation sur la base de travaux pratiques :
    - TP 1 : Intégration Html, Css.
    - TP 2 : Front-end Javascript vanilla.
    - TP 3 : Débogage, SEO, Accessibilité, Audit performance.
    - TP 4 : React, React-router.
    - TP 5 : Back-end Node, express / Mongoose, mongoDB.
    - TP 6 : Gestion de projets agiles.

  • CDI Responsable technique | Hélodée (TPE)
    juin 2019 – Févirer 2024, Givors (69)
    - infographie 3D (Rendu réaliste et film pour le monde industriel).
    - Application VR Unity 3D.
    - Relevé laser / Photogrammétrie (Bâtiment, intérieur et extérieur).
    - Plateforme Web permettant la visualisation des nuages de points et maquettes 3D (IFC).
    - Développement web (UI,UX/ Figma/ Html/ Css/ Javascript/ Node.js).
    - Dessin génie civil (Revit, AutoCAD).
    - Conception, gestion des projets, chiffrages, offres, Echanges avec le client...

  • CDD Infographiste 3D | Insitua
    Octobre 2018 à février 2019, Villeneuve d’Ascq (59)
    - Reconstitution 3D d’une abbaye.
    - Vues pour projets immobiliers.

  • Licence professionnelle | Visualisation et Modélisation 3D
    2017 à 2018, Université de Cergy Pontoise (95)
    - Projet d’auto entrepreneur, de visite virtuelle et de reconstitution historique.

  • Stage Artiste 3D | BreakFirst
    2018, Vaulx en Velin (69)
    - Réalisation d’environement 3D pour un jeu vidéo switch.

  • BTS | Conception de produits industriels
    2015 à 2017, Lycée Etienne Mimard (42)
    - Stage de 6 semaines bureau d’études DURA Automotive systems.
    - Réalisation d’un projet industriel.

  • Stage Bureau d’études | DURA Automotive Systems
    2016, Bièvres (91)
    - Benchmark d’une commande de boite de vitesse.
    - Re-conception d’une plateforme de commande de boite de vitesse.

  • BAC | STI2D Innovation Technologique et Écoconception
    2011 à 2015, Lycée Etienne Mimard (42)

Compétences

Infographie
 Blender 3D, Untiy3D,
 Figma, Suite Adobe,
 Photogrammétrie (Reality capture)

Engineering
 CAO : SolidWorks, CatiaV5
 Autodesk : REVIT, Autocad, Recap, NavisWorks
 Leica geosysteme
 Fabrication additive FDM

Distinctions

Savoir-être
 Autonome, autodidacte, curieux,
 polyvalent, vision holistique.

Expériences personnelles
 Compétition moto sur piste.
 Voyages : Italie, Angleterre, Etats Unis, Japon.
 Drone FPV.
 Game Jam et projets indépendants.

Autres
 Permis A, B et véhicule.

Langues
 Français natif, Anglais technique.



Portfolio


Shopify

Esteban Paris Parfum

ShopifyLiquidJSCSS

Esteban Paris Parfum

Shopify Liquid JS CSS 

Contexte

Lead front-end developer sur la boutique Shopify Esteban Paris Parfum.

Accueil Collection Produit

Gueule de Joie

ShopifyLiquidJSCSS

Gueule de Joie

Shopify Liquid JS CSS 

Contexte

Lead front-end developer sur la boutique Shopify Gueule de Joie.

Accueil Collection Produit

Smala

ShopifyLiquidJSCSS

Smala

Shopify Liquid JS CSS 

Contexte

Lead front-end developer sur la boutique Shopify Smala.

Accueil Collection Produit

Tediber

ShopifyLiquidJSCSSMaintenance

Tediber

Shopify Liquid JS CSS Maintenance 

Contexte

Maintenance (run) du front sur Tediber, un site aux fonctionnalités complexes.

Accueil Collection Produit

Openclassrooms

KASA

reactreact-routervitejson-serverfront-end

KASA

react react-router vite json-server front-end 

Contexte

Vous êtes développeur front-end en freelance pour Kasa, une entreprise de location d’appartements entre particuliers.
Avec plus de 500 annonces postées chaque jour,
Kasa fait partie des leaders de la location d’appartements entre particuliers en France.

Le site de Kasa a été codé il y a maintenant plus de 10 ans en ASP.NET avec un code legacy important.
Laura, la CTO, a donc lancé une refonte totale pour passer à une stack complète en JavaScript avec NodeJS côté back-end, et React côté front-end.

Galerie

Application Kasa, capture d’écran 1 Application Kasa, capture d’écran 2 Application Kasa, capture d’écran 3

Booki

htmlcss

Booki

html css 

Contexte

L’entreprise souhaite développer un site Internet qui permette aux usagers de trouver des hébergements et des activités dans la ville de leur choix.

Vous êtes chargé d’intégrer l’interface du site avec du code HTML et CSS.
Pour cela, vous travaillez en étroite collaboration avec Sarah, la CTO, et Loïc, l’UI designer.

Galerie

Site Booki, capture d’écran 1 Site Booki, capture d’écran 2 Site Booki, capture d’écran 3

Sophie Bluel

vanilla-jsfetch APIfront-endDOM

Sophie Bluel

vanilla-js fetch API front-end DOM 

Contexte

Vous travaillez comme développeur front-end pour l’agence ArchiWebos qui comprend 50 salariés.

Ayant terminé votre dernier projet avec un peu d’avance,
vous êtes envoyé en renfort comme développeur front-end d’une équipe qui travaille sur la conception du site portfolio d’une architecte d’intérieur.

Galerie

Site Sophie Bluel, capture d’écran 1 Site Sophie Bluel, capture d’écran 2 Site Sophie Bluel, capture d’écran 3 Site Sophie Bluel, capture d’écran 4

Mon vieux grimoire

nodeJsexpresssanatizemongoosemongoDB

Mon vieux grimoire

nodeJs express sanatize mongoose mongoDB 

Contexte

Kévin vous contacte pour vous proposer de travailler avec lui en mutualisant vos compétences front / back sur un tout nouveau projet qui lui a été proposé.

Il s’agit d’une petite chaîne de librairies qui souhaite ouvrir un site de référencement et de notation de livres : Mon Vieux Grimoire.

Galerie

Site Mon Vieux Grimoire, capture d’écran 1 Site Mon Vieux Grimoire, capture d’écran 2 Site Mon Vieux Grimoire, capture d’écran 3 Site Mon Vieux Grimoire, capture d’écran 4

Qwenta

agilescrumveillegestion de projetarchitecture

Qwenta

agile scrum veille gestion de projet architecture 

Contexte

Votre client Qwenta souhaite faire développer un “Menu Maker” :
un site permettant aux restaurateurs d’afficher et de mettre en page leurs menus facilement, en quelques clics.

Soufiane, le Product Owner du projet est en congé maladie. Il vous a chargé, exceptionnellement, de préparer et planifier ce projet.
Il prendra le relai pour présenter votre travail au client.

Galerie

Projet Qwenta, capture d’écran 1 Projet Qwenta, capture d’écran 2 Projet Qwenta, capture d’écran 3 Projet Qwenta, capture d’écran 4

Nina Carducci

seoaccessibilitédebugagelighthouseoptimisation

Nina Carducci

seo accessibilité debugage lighthouse optimisation 

Contexte

Vous êtes développeur freelance et vous décidez de proposer vos services d’optimisation SEO à de nouveaux clients.

Parmi vos prospects, il y a le site de Nina Carducci, une photographe dont vous a parlé l’un de vos amis.

Galerie

Site Nina Carducci, capture d’écran 1 Site Nina Carducci, capture d’écran 2

Projets professionnels

Smart VR

UnityC#VRSteamVr

Smart VR

Unity C# VR SteamVr 

Contexte

Nous avons développé une application fonctionnelle pour les revues de conception de projets à destination des bureaux d’études et d’ingénierie.
Elle permet d’ouvrir tous les fichiers natifs DAO, gère la notion de « gros assemblages », autorise la prise de notes… dans un environnement en réalité virtuelle.

Point-cloud

Three.jsJSlidare57

Point-cloud

Three.js JS lidar e57 

Contexte

Un nuage de points aux utilisations multiples :
prises de cotes sur écran, insertions possibles de vos objets 3D,
vérification des interférences, coupe transversale dans les 3 plans…

Un mode vues à 360° : une véritable visite virtuelle pour vos démarches commerciales, pour vos préparations de travaux,
une communication facilitée entre les différents corps de métiers, pour la formations des nouveaux collaborateurs…

Exemple d’utilisations :
visualiser les réseaux, les passages d’implantations,
le calcul des cubages et des courbes de niveaux pour les carrières et autres environnement extérieurs, …

Les points forts :
une maquette unique accessible sur le web, pour toutes les personnes autorisées.
Toujours à jour
Une amélioration de la productivité de chacun
C’est le centre névralgique qui relie tous les collaborateurs,
l’outil indispensable pour les entreprises industrielles,
les collectivités, les architectes, le monde du bâtiment et du patrimoine, les promoteurs…


Projets personnels

Wordpress

BlogWordpressPhpBlocksyGutenberg

Wordpress

Blog Wordpress Php Blocksy Gutenberg 

Contexte

Dans le cadre de mon club de vélo, nous avons décidé de moderniser notre présence en ligne afin de mieux refléter notre dynamisme. L’ancien site, bien qu’il remplisse ses fonctions, ne répond plus aux exigences actuelles.
Ce projet vise à simplifier la gestion du contenu, valoriser le club et ses partenaires, tout en attirant de nouveaux passionnés.
Le travail a été exécuté en une seule journée.

LaserBeam

NextJsReactJsTailwindTypescriptStripeThreeJsDrizzleOrmPostgreSQLSaasDockerGit

LaserBeam

NextJs ReactJs Tailwind Typescript Stripe ThreeJs DrizzleOrm PostgreSQL Saas Docker Git 

LaserBeam, page d’accueil LaserBeam, liste des projets LaserBeam, détail d’un projet


LaserBeam, capture d’écran LaserBeam, capture d’écran LaserBeam, classification 3D

Projets transversaux

Infographie

Blender3DFigmaUnity3DVR

Infographie

Blender3D Figma Unity3D VR 

Rendus

Rendu 3D réaliste industriel Rendu 3D réaliste industriel Rendu 3D réaliste industriel Rendu 3D réaliste industriel Rendu 3D réaliste industriel Rendu 3D réaliste industriel Rendu 3D réaliste industriel Rendu 3D réaliste industriel Rendu 3D réaliste industriel Rendu 3D réaliste d’un café

Temps-réél

Rendu 3D temps réel Rendu 3D temps réel Rendu 3D temps réel Rendu 3D temps réel d’un café

VR

Scène VR (Unity 3D)

Engineering

SolidWorksCatiaConception mecaniqueImpression 3d FDMREVITAutocadscanphotogrmatrie

Engineering

SolidWorks Catia Conception mecanique Impression 3d FDM REVIT Autocad scan photogrmatrie 

Conception mecanique

Conception mécanique 3D (SolidWorks / Catia)

Scan / Photogrammétrie

Nuage de points issu d’un relevé laser Nuage de points issu d’un relevé laser

Scan 3D / photogrammétrie de bâtiment Scan 3D / photogrammétrie de bâtiment