Garmin Archives
Garmin Archives est un projet d’équipe réalisé lors du WebJam 2025 , un événement intensif de 36 heures consacré à la création web. Le site a été conçu en un temps limité pour démontrer notre créativité et notre efficacité en équipe. Grâce à son esthétique soignée et à son interface intuitive, le projet a remporté le prix du meilleur design.
Voir le site
Voir sur GitHub
Type de projet
Projet scolaire
Intégration front-end
Intégration back-end
Design
Languages / Logiciels
Figma
HTML / CSS / JS
PHP
Crédits
Design: Juan Corach, Édouard Gélinas
Front-end: Dzhulian Farashev, Nathan Marquis, Derek Samson
Back-end: Dzhulian Farashev, Derek Samson
identité visuelle
Palette de couleurs
Design système
Analyze & création de CPTs / ACFs
Pour débuter le développement du back-end du projet, nous avons analysé les différents récits utilisateurs disponibles et créé les CPT et ACF nécessaires en fonction de la liste que nous avions établie. C’est également à cette étape que nous avons défini plus clairement la nature du produit final et précisé sa portée.
Liste CPTs et ACFs
ACF d'un oeuvre
Création de CPT
HTML, JS, CSS & PHP
Après avoir créé les CPT et ACF, nous avons développé les pages statiques en HTML et CSS afin de nous assurer que la mise en page respecte le design établi. C’est également à cette étape que nous avons intégré les composants JavaScript provenant de notre stack. Nous avons ensuite transformé ces pages statiques en pages dynamiques à l’aide de PHP.
Page statique d'un oeuvre
CSS d'une page oeuvre
JS de Swiper
Page dynamique d'un oeuvre
Responsive & animations
Finalement, nous avons ajouté des animations au site à l’aide de GSAP et l’avons rendu partiellement responsive afin d’assurer une meilleure adaptation sur différents formats d’écran.
JS du ScrollSmoother de GSAP
JS pour l'animation de texte avec GSAP