Portfolio Photographique

01 | Le contexte

Face au besoin d'une photographe d'exposer son travail en ligne, le défi était clair : créer un écrin numérique où l'interface s'efface totalement au profit de l'art. L'objectif principal était de développer un site vitrine "pure image" avec une navigation intuitive et fluide, sans que le design ne prenne le pas sur le contenu photographique.

02 | Le projet

Pour garantir un code propre et facilement maintenable, j'ai architecturé l'application autour d'une approche orientée composants avec React. J'ai isolé les éléments récurrents (Header, Footer, Layout global) pour éviter la duplication de code et rendre le projet scalable en cas d'ajout de nouvelles pages ou séries photographiques.

Côté interface, l'enjeu principal a été d'intégrer "pixel-perfect" la maquette fournie par la photographe, en respectant scrupuleusement sa direction artistique minimaliste. En utilisant SCSS, j'ai fidèlement retranscrit son design, notamment en développant un système de carrousel fluide pour la présentation des séries et en intégrant un bouton "Scroll to Top" pensé spécifiquement pour faciliter la consultation de longues galeries verticales sans altérer le design initial.

03 | Les apprentissages

Ce projet a été un excellent exercice d'exigence technique et visuelle. Mon premier grand apprentissage a été la rigueur d'intégration "pixel-perfect" en SCSS : traduire fidèlement la vision d'un créatif en code fonctionnel, fluide, et responsive sur tout type d'écran.

La gestion fine de l'état des composants React a été centrale. Développer des éléments interactifs comme le carrousel ou le Scroll to Top m'a forcé à optimiser la gestion des states (useState, useEffect) pour éviter les re-rendus inutiles et garantir une expérience utilisateur irréprochable, cruciale pour un site axé sur des images haute résolution.