Le projet

Pourquoi ce projet ?

Passionné par le monde automobile et son histoire, ainsi que les belles mécaniques, j’ai choisi de consacrer mon travail de fin d’études à une marque et un modèle aussi mythique qu’intemporel connus de tous : la Porsche 911. Elle incarne à mes yeux l’équilibre parfait entre esthétique, performance et héritage.

Un défi personnel et créatif

Mon objectif était clair : créer une expérience web immersive, élégante et informative. J’ai voulu raconter l’évolution de la 911 à travers une interface à la fois dynamique et fidèle à l’univers premium de la marque. Ce projet m’a permis d’approfondir mes compétences en animation (GSAP) et intégration 3D (Model-Viewer) que j'ai déjà exploré mais pas encore intégré dans la version actuelle du projet, structuration (PHP, Twig) et design d’interface (SCSS).

Ce projet m'a permis d'approfondir mes compétences et connaissances en JS. Lors de mes projets scolaires passés, j'étais principalement chargé du design et du scss, au besoin. J'ai donc ici dû me remettre dans le js et en redécouvrir son fonctionnement.

Ce que j’ai voulu transmettre

Plus qu’un simple site, ce projet est une invitation à la découverte. Chaque modèle de voiture a son histoire, ses particularités, son caractère. J’ai cherché à valoriser ces éléments grâce à des animations sobres mais impactantes, une navigation fluide, et un soin particulier apporté à la typographie et à la palette de couleurs.

Fonctionnalités envisagées

  • Ajout de pages dédiées à la compétition et aux prototypes
  • Ajout de pages dédier à chaque type de 911, avec une description plus détaillé
  • Modèles 3D manipulables pour chaque nouvelle génération
  • Quiz avancé avec niveaux de difficulté et récompenses visuelles
  • Un système de comparaison de modèles

Conclusion

Ce projet marque une étape importante dans mon parcours. Il reflète ma vision du web design : mêler technique, émotion et exigence visuelle. Et s’il vous a donné envie d’en apprendre plus sur la Porsche 911, alors mon objectif est atteint.