Challenges techniques & UX

1. Développement & Ingénierie Front-End

Portfolio 2026
USER_ID: Guest - IP: 216.73.216.195
  • Refonte globale de la stack : Passer de jQuery au JavaScript natif afin d’éviter de charger la bibliothèque complète, mises à jour PHP d’usage.
  • Sécurité renforcée : Mise en place d’une architecture sécurisée (anti-spam, durcissement du CMS, protection des routes) via une veille technique poussée, sans dépendre de plugins lourds.
  • Optimisation des ressources : Nettoyage des scripts, minification, lazy-loading ciblé et réduction drastique du nombre de plugins WordPress.
  • Protection des contenus : Mise en place de mesures pour limiter le pillage et l’espionnage de mes sources tout en préservant 100 % des performances.

2. Ergonomie & Design d’interface (UI/UX)

  • Hiérarchie de l’information : Garantir une navigation logique, intuitive et conforme aux standards d’usabilité.
  • Scalabilité du contenu : Conception d’une interface dynamique facilitant l’ajout de projets complexes et de sous-pages (gestion fine des champs ACF).
  • Engagement : Guidage du regard par de grandes accroches typographiques et des micro-animations fluides.
  • Conversion : Omniprésence stratégique du formulaire de contact et refonte du CV sous forme d’accordéon interactif mettant l’accent sur mes expériences récentes.
  • Responsive Design : Adaptation fluide et plus précise sur toutes les résolutions d’écran.

Portfolio 2026
USER_ID: Guest - IP: 216.73.216.195

2016 : Version 1

Il s’agit de la première version de mon portfolio, réalisée et mise en ligne avec mes tout premiers travaux. (et avec beaucoup d’enthousiasme à l’époque). L’idée était simple : se créer une “identité numérique” forte, avec une interface minimaliste, des visuels aux formes franches et aux couleurs parfois assez “Flashies”. (l’intention était bonne, … avec quelques fautes de goût et des erreurs d’appréciation toutefois …)

  • Une UX assez bancale : Header et Footer étaient cliquables, de sorte que l’écran se scindait en deux parties horizontalement , de haut en bas vers le centre, ce qui perdait complètement le regard et l’attention du visiteur.
  • La grille de travaux ressemblait davantage à une vitrine de visuels très classique, sans grande hiérarchie hormis la présence de quatre grandes catégories.
  • Il n’y avait pas vraiment de page dédiée au détail de chaque projet, hormis de grandes fenêtres modales qui expliquaient sommairement de quoi il s’agissait.

Malgré cela, je voulais une interface qui me ressemble. Je cherchais un moyen de rompre avec le côté très “sage” de l’interface utilisateur (petit menu d’icônes calé en haut à droite, grille de travaux très standardisée ext..). Pour ce faire ,j’ai imaginé ce type d’interface animée, me mettant en scène, dans le ton humoristique et décalé que j’affectionne. L’idée était intéressante, c’était certainement le point fort de cette version : de l’audace et de l’originalité qui faisait sourire !

USER_ID: Guest - IP: 216.73.216.195

2018 : Version 2

Je me souviens m’être demandé “comment créer une interface web qui ne ressemble pas aux autres”. ( Même si l’intention était respectable je me posais certainement les mauvaises questions … et je me suis surtout créé des difficultés supplémentaires à vouloir complexifier l’expérience Utilisateur) . Erreur fatale !

En effet, même si ce layout pouvait me paraitre visuellement attrayant, et élégant sur le papier, il enfreignait totalement des règles UX (dont j’avais moins conscience à ce moment là).

Globalement, outre de nombreuses erreurs de proportions typo et de choix graphiques, la mise en page biseautée avec ce contenu flottant à droite ne permettait pas une lecture fluide et agréable des informations (surtout lorsqu’il y avait des vidéos ou des grandes images ici, ou pire, un formulaire de contact). La partie gauche prenait systématiquement le pas sur le descriptif. Le parti-pris était davantage “visuel” que “pratique”.

Les animations étaient plus élaborées qu’auparavant parce que je voulais démontrer une certaine maitrise du motion design, cependant elles étaient souvent bien trop complexes à se décliner sur tous les supports.

Malgré tout, c’était une belle et brave tentative !

Portfolio 2026
USER_ID: Guest - IP: 216.73.216.195
USER_ID: Guest - IP: 216.73.216.195

Entre 2018 et 2020 : Version “2++ Mode Sparadrap” (avant extinction)

Il s’agissait surtout de petits ajustements au départ, avec de nouvelles tentatives de layout, qui n’ont finalement jamais été publiées. Certains contenus ont quant à eux changé, ainsi que des modifications légères apportées au thème initial. J’avais même décidé de garder les versions 1 et 2 du site, dans 2 dossiers différents sur mon serveur. Puis, le site est resté plus ou moins identique au fil des années suivantes. Il a pris la poussière, disons-le clairement. Des frameworks lourds (et plus très utiles), un php complètement obsolète, non sécurisé, et des plugins douteux ont fini par l’achever à petit feu: tout était à refaire ! (mais en mieux..beaucoup mieux).

3. Stratégie & Contenu

  • Ciblage recruteur : Réécriture du contenu pour m’adresser directement aux décideurs et responsables techniques.
  • Projection professionnelle : Passer du simple « catalogue d’images » à de véritables études de cas expliquant la réflexion derrière chaque réalisation.
  • Conservation de l’esprit initial : Un portfolio qui montre maîtrise technique et artistique, tout en restant parfaitement structuré d’un point de vue ergonomique.