Réalisations

Quelques-uns des projets
auxquels je suis fier d’avoir collaboré.

Nautisme

Site du projet Ocean 50 "Défi Voile Solidaire en Peloton". Affichage des contenus des réseaux sociaux sur une map. Projet réalisé en collaboration avec VMG-Studio.

Visiter ce site
  • Bento
  • Gsap
  • Cartographie
  • Course au large

Conseil environnemental

Fœn-Agency accompagne les organisations souhaitant intégrer l’impact écologique et social au coeur de leur stratégie. Site labélisé Eco-conception conçu en collaboration avec VMG-Studio.

Visiter ce site
  • eco-conception
  • site One-page
  • Animations au Scroll
  • Lenis.js
  • Gsap.js

Site expérimental

Mekaapolis est le support d'une démarche artistique de créations visuelles générées par IA associées à une scénarisation globale.

Visiter ce site
  • Ux/Ui Design
  • Figma
  • Gsap
  • Leaf map
  • sdfsdd

Nautisme

Réalisation du Site internet du skipper Benoit Hochart - Graphisme du site réalisé par Morgane Maillard. Programmation Front-end / CMS Kirby

Visiter ce site
  • Site d'un skipper
  • template sur-mesure
  • carnet de bord interactif
  • Kirby-CMS

Surf

Création du Site d'AloaSurf. Site d'asso sans prise de tête : convivial et efficace avec un espace adhérents + quelques fonctionnalités bien pratiques.

Visiter ce site
  • Site d'asso
  • Kirby CMS

Aéronautique

Borne tactile présentée au salon du Bourget pour présenter un consortium d'entreprises de l'aéronautique.

  • intergation front-end
  • animation css
  • Three.js

Stree-Art

Réalisation du site Internet de Milmurs production : spécialisée dans la production d'Art mural à Montreal, aux caraïbes et partout dans le monde.

Visiter ce site
  • UX/Ui Design
  • Développement front-end
  • Kirby-Cms

Festival

Site du festival Firestone Music Talents - tremplin musical au sein du festival Rock en Seine. J'ai été intégrateur front-end sur le projet. Le site est développé sur Node.js. Design : Ideactif

  • Intégration front-end
  • Gsap.js

Portfolio

Site portfolio d'un directeur artistique. Programmation front-end et back-end du site. Direction Artistique par Stève De Groot.

  • animation Css
  • Gsap
  • Kirby CMS

Musique

Site immersif mettant en scène les compositions de l'auteurs associées à des visuels hypnotiques.

Visiter ce site

E-Learning

Outils de formation interne du groupe Lancôme

  • flipbook
  • lancome
  • html5
Expert formateur html Css Expert formateur Figma Expert formateur Javascript Gsap Expert formateur Javascript Gsap Expert formateur Kirby CMS

Spécialités

Design &
Development

J’aime travailler avec des technologie basique, robustes et pérènnes : La mise en page Css “natif” pixel perfect et responsive est mon coeur de métier. je peux reproduire des maquettes Figma au pixel près et j’aime jouer avec les animations.

Pour le back-office, j’utilise Kirby Cms depuis des années, c’est un outil simple à manipuler, robuste et fiable qui me permet de maitriser parfaitement le code que je publie.

Figma

j'adore Figma ! Et je le maitrise sur le bout des doigts. Je l'utilise pour mes créas ou simplement en tant que passerelle entre l'équipe de conception graphique et les développeur.

Kirby-CMS

Une plateforme de mise à jour hyper intuitive et ergonomique avec une interface proche de notion. Kirby-CMS me permet de répondre à la plupart des fonctionalités dun site vitrine : multilingue, cartographie, compression des images, éco-conception... En front il me permet d’avoir la main sur les moindres détails du code.

Css pur

Le Css est un langage subtile et puissant ! Pourtant il est délaissé par la plupart des développeurs (qui le jugent trop simple) et préfèrent le compiler via Sass, Tailwind ou l'alourdir via des frameworks. Pour ma part je préfère tout simplement le coder intégralement et sans une ligne de trop. C'est une pratique rare que je maitrise dans ses moindres détails.

Javascript

Tout ce qui est interactif sur ecran sollicite le Javascript, standard incontournable que Chat GPT parle couramment, il permet d'aller loin. J'utilise le framework Alpine.js et Vue.js et de nombreuses librairies pour faire une multitude de fonctionalités animations.

Gsap

J'ai découvert Gsap il y'a une vingtaine d'année, avec Flash MX et les courbes d'accélérations de Robert Penner ! Désormais un standard Javascript c'est la librairie numéro un en matère d'animations sur ecrans.

Figma to Website

Démarche

Mon métier nécessite tour à tour esprit de synthèse pour être à l’écoute du client et établir sa stratégie de communication, créativité pour l’Ui / Ux, et enfin technique pour traduire tout ça en code.

1.

Stratégie

  • Cahier des charges
  • wireframes
  • prototypage
2.

Webdesign

  • Benshmark
  • Webdesign Figma
  • Animtion
3.

Programmation

  • back-office KIRBY
  • mise en page front-end
  • animAtion Javascript

Quel sont vos besoins
en matière de création web ?

Décrivez-moi votre projet