timConf

Intégration HTML/CSS/JS

Projet scolaire

C'est quoi mon projet

Je fais la création d'un site web événementiel nommé timConf avec un design simple, une intégration HTML/CSS et de la programmation JS comportant des carrousels et un header responsive pour desktop et mobile.

Ce projet scolaire a été réalisé pendant ma session d' automne 2024 en travaillant sur un design. 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 carrousels.

Showcase des couleurs utilisées pour le projet sur Figma
Showcase des maquettes desktop et mobile responsive sur Figma
Showcase des typos du projet dans Figma

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.

Showcase de la structure HTML des cards du projet
Showcase du responsive desktop-first dans le SCSS
Showcase du swiper utilisé dans le site web

Une p'tite galerie

Contacte-moi

La partie à toi :

Ce champ est requis

Ce champ est requis

Au plaisir de se rencontrer bientôt!

Ton formulaire a bien été envoyé et je vous contacterai dès que possible!