[ Portfolio AL ]
[ Le Projet ]
Premier projet indépendant
Un portfolio one-pager réalisé en collaboration avec une amie. Alexia Lepage a conçu le design dans Figma et m'a fourni les maquettes. J'ai effectué l'intégration complète en HTML, SCSS et JavaScript.
Contexte
Mon premier projet indépendant — pas pour l'école ni un cours. Une vraie collaboration créative.
Objectif
Créer un portfolio moderne et animé à partir des maquettes Figma fournies.
[ Le Défi ]
Respecter la vision créative
Le défi principal était de traduire fidèlement la vision d'Alexia en code fonctionnel. Le site est un one-pager avec plusieurs sections : header, hero, une section projets, une section compétences, et un footer/contact.
[ Solution ]
Component Factory
J'ai structuré le JavaScript autour d'une Component Factory pour gérer les différentes animations et interactions. Chaque composant est indépendant et s'initialise automatiquement selon les attributs data présents dans le HTML.
Cette architecture modulaire facilite la maintenance et permet d'ajouter facilement de nouvelles fonctionnalités.
[ Résultat ]
Ce que j'en retiens
Ce projet marque mon premier travail indépendant en dehors du cadre scolaire. Collaborer avec Alexia m'a appris à interpréter une vision créative et à communiquer efficacement sur les choix techniques.
Stack
- HTML sémantique
- SCSS
- JavaScript
Architecture
- Component Factory
- Animations
- Interactions
Sections
- Header / Hero
- Projets / Skills
- Contact / Footer
[ Crédits ]
Design et maquettes Figma par Alexia Lepage. J'ai effectué l'intégration complète du site.