Webjam 2025
Intégration HTML/CSS/JS/PHP
Projet scolaire
C'est quoi mon projet
En équipe de 5, on avait comme devis de créer un site web faisant la promotion d'un produit révolutionnaire qui permet d'écouter, voir ou lire la culture. Notre site web contient plusieurs composantes JavaScript comme du scrolly, header responsive mobile, accordéon, carrousel, etc.
Ce projet scolaire a été réalisé pendant ma session d'automne 2025 en débutant par l'idéation de notre produit révolutionnaire. Ensuite, on a conçu notre design du site web. Puis, on a intégré notre projet en se basant sur notre design pour faire un site statique en HTML/CSS/JS. Au final, on a rendu notre site dynamique avec l'aide de Wordpress et PHP pour créer un interface administratif pour ajouter dynamiquement du contenu.
J'ai utilisé quoi?
Crédits :
Design et intégration web réalisé par Gabriel Martineau, Marcos Sosa Silva, Aleck Carrier, Antoine Denis et Anna-Lissa Laroche.
C'était quoi le processus
Pour le design
Avec Figma, on a créé notre design en trouvant une bonne palette de couleurs et des bonnes typos qui correspondent à l'ambiance du site. Puis, on a conçu le reste du site en utilisant des composantes pour fabriquer un prototype qui utilise des animations de scrolly, accordéon, hover et carrousel.
Pour l'intégration HTML/CSS/JS/PHP
Avec Visual Studio Code, on a utilisé le prototype effectué dans Figma pour l'intégrer en site web HTML/CSS/JS/PHP. On a utilisé des variables globales de couleurs et de typos. Puis, j'ai utilisé plusieurs composantes JS tels que carrousel, scrolly, accordéon, header resonsive mobile, etc.
Une p'tite galerie
