Baie Ste-Catherine
Intégration HTML/CSS/JS
Projet scolaire
C'est quoi mon projet
Je fais une refonte du site web de la Baie Ste-Catherine avec un tout nouveau design, une nouvelle intégration HTML/CSS et de la programmation JS comme du scrollytelling, des carrousels, un header responsive pour desktop et mobile, etc.
Ce projet scolaire a été réalisé pendant ma session d' hiver 2025 en débutant par la curation de contenu. Ensuite j'ai conçu mon design du site web. Puis, j'ai terminé mon projet en intégrant mon design en HTML/CSS/JS.
J'ai utilisé quoi?
Crédits :
Design et intégration web réalisé par Gabriel Martineau.
C'était quoi le processus
Pour le design
Avec Figma, j'ai créé mon design en trouvant une bonne palette de couleurs et des bonnes typos qui correspondent à l'ambiance du site. Puis, j'ai conçu le reste du site en utilisant des composantes pour fabriquer un prototype qui utilise des animations de scrolly, hover et carrousel.
Pour l'intégration HTML/CSS/JS
Avec Visual Studio Code, j'ai utilisé le prototype effectué dans Figma pour l' intégrer en site web HTML/CSS/JS. J'ai utilisé des variables globales de couleurs et de typos. Puis, j'ai utilisé plusieurs composantes JS tels que carrousel, scrolly, header, youtube, etc.
Une p'tite galerie
