{ Portfolio }
Mon ancien portfolio ne me représentait plus. Il était certes fonctionnel, mais il manquait ce quelque chose qui fait qu'on s'en souvient. Cette refonte n'est pas juste une mise à jour technique, c'est une prise de position. J'ai voulu créer un espace plus créatif, avec une identité visuelle et des couleurs qui s'assument, et une atmosphère qui s'impose dès la première seconde.
Contexte & objectifs
Pour cette V4, j'ai voulu pousser l'identité visuelle beaucoup plus loin, avec une
direction artistique clairement cyberpunk et futuriste, sans changer ma stack technique.
Cette refonte poursuit plusieurs objectifs :
Une identité visuelle forte :
sortir d'un format de portfolio classique pour créer un espace qui marque les esprits dès
la première seconde.
Une vitrine pour le freelance :
convaincre de futurs clients de ma capacité à concevoir des expériences web soignées et
originales.
Un tremplin vers l'alternance :
démontrer ma maîtrise technique et créative dans le cadre de ma demarche de master en
alternance.
Un terrain d'expression créative
:
montrer que je ne me limite pas à l'exécution, mais que je sais imaginer et porter une
direction
artistique complète.
Direction artistique
L'univers de ce portfolio est directement inspiré de l'esthétique cyberpunk et des jeux vidéo. Des couleurs vives, des contrastes forts et une typographie qui s'impose, pensés pour créer une atmosphère immersive dès la première seconde.
Process & choix techniques
La stack technique reste la même. Ce qui change, c'est la rigueur : un code plus structuré,
plus pensé,
plus abouti.
HTML : pour la structure.
Sass : pour le style.
JavaScript : pour les
interactions et les effets.
Bootstrap : pour le responsive.
Fonctionnalités
Nouvelle version, nouvelles fonctionnalités.
L'idée : rester fidèle à l'univers cyberpunk sans jamais tomber dans le too much.
Header dynamique : horloge en
temps réel, coordonnées
GPS et carousel de statuts système, pour une ambiance poste de conrôle.
Effet scramble text : au survol,
le texte se brouille avant de
se stabiliser sur le mot final.
Effet parallax sur le hero : le
fond réagit au mouvement de la
souris pour donner de la profondeur.
Prochaines étapes
Une fois déployé, place à l'optimisation des performances : le score actuel est de 74/100, l'objectif est d'atteindre 90 et plus. Cette optimisation se fera une fois le site en conditions réelles, pour identifier précisément les points de friction : poids des images, temps de chargement, ou optimisations JavaScript à affiner.