RefontedusiteBaie-Sainte-Catherine
Type de projet
Design & Web
Contexte
Projet étudiant
Compétences
Design Web, UI & UX
Programmation Web (HTML & SCSS)
Programmation Javascript
Design, développement et intégration web pour Baie-Sainte-Catherine.
Dans le cadre de mon cours de Design d’Expérience en hiver 2024, nous avons réalisé la refonte du site de Baie-Sainte-Catherine sur Figma. Ensuite, lors de notre cours de Conception Web VI, nous avons intégré notre design sur le Web en veillant à optimiser l’affichage sur les ordinateurs, les tablettes et les cellulaires.
Voir mon site
Compétences
Design Web, UI & UX
Programmation Web (HTML & SCSS)
Programmation Javascript
Étapes de création
.
Analyse des personas, du site & inspirations
J'ai commencé par analyser les besoins des différentes personas fournies. Ensuite, j'ai sélectionné l'un des deux styles imposés et effectué des recherches sur des projets comparables, tout en élaborant un plan de contenu, avant de concevoir mes "wireframes".
Design et prototypage
J'ai ensuite élaboré mon "design system" et conçu mon design. Par la suite, j'ai prototypé mes design sur Figma, en plus de la version pour ordinateur, des versions adaptées pour mobile et tablette.
Programmation et intégration en Web
Ensuite, pour l'intégration web, j'ai commencé par programmer mes pages en HTML, puis en SCSS. J'ai développé mon site de manière à ce qu'il soit "responsive", offrant une expérience optimale sur ordinateur, tablette et téléphone.
Intégration de composantes en JavaScript
Enfin, pour donner une allure plus professionnelle à mon site, j'ai intégré divers composants tels qu'un carrousel, un en-tête, un effet de défilement, des vidéos, un accordéon et un formulaire.
