Portfolio interactif
Un portfolio web qui relie une galaxie 3D, des fiches de projets et un accès direct au contenu.
Le problème
Comment présenter des compétences transversales et des projets complexes avec une signature créative tout en donnant un accès rapide aux informations ?
Mon rôle
Direction artistique, choix du concept, organisation du contenu et coordination de l’implémentation assistée par IA, avec des retours sur la lisibilité et les interactions.
État d’avancement
Portfolio publié · évolutions progressives.
Réalisations documentées
- Définition des rubriques et des liens entre projets, compétences et expériences.
- Scène procédurale, planètes, soleil central et transitions de caméra.
- Fiches détaillées, accès direct aux rubriques, CV et LinkedIn.
- Vérifications de routes, de rendu et de disposition sur ordinateur et mobile.
Résultats et limites
Le portfolio est publié sur www.arthur-marie.fr. Les contenus se consultent par la navigation, par les planètes et par un mode Liste. Le rendu utilise des profils graphiques adaptés ; les essais responsive ne remplacent pas des tests tactiles sur chaque appareil.
Technologies utilisées
- React
- TypeScript
- Three.js
- React Three Fiber
- GSAP
- GLSL
- Vite
Démarche et détails techniques
Ce portfolio relie mes compétences, mes projets et mon parcours dans une expérience web interactive. La galaxie est une signature visuelle : la navigation directe, les fiches et le mode Liste permettent aussi une consultation rapide.
L’objectif
Créer un portfolio lisible qui associe une galaxie interactive à des fiches de projets, des compétences reliées au parcours et une navigation directe.
Difficultés rencontrées
Équilibrer immersion et consultation rapide ; limiter les effets, éviter les chevauchements de labels et conserver un accès aux contenus lorsque la 3D n’est pas disponible.
Code, tests et build de ce portfolio. Les mises à jour conservent les anciens liens vers les systèmes et les planètes.
Contexte et compétences du projet
- Contexte
- Industries graphiques et direction artistique
- Pratique
- Personnelle
- Projets
- 1
Portfolio publié : direction artistique, conception, coordination assistée par IA et vérifications.
Compétences associées
- Direction artistique
- Interfaces et expérience utilisateur
- Organisation du contenu
- Coordination assistée par IA
- Prototypage web
- Tests fonctionnels