Fred-Eric Auger

Baie-Sainte-Catherine

Le but de ce projet :

Ce projet portait sur la refonte intégrale des pages d'accueil et de contact du site web de la municipalité de la Baie-Sainte-Catherine, avec pour objectif final leur intégration. J'ai vraiment apprécié travailler sur ce projet, c'est pourquoi j'ai choisi de le mettre en avant.

Crédits

Type de projet

  • Intégration front-end
  • Design / Prototypage
  • Projet scolaire

Langages / logiciels

  • HTML / CSS / JS
  • Figma

Idéation et conceptualisation

Bien que le moodboard initial ait été partiellement fourni, j'ai pris l'initiative de rechercher des références supplémentaires qui correspondaient à ma vision. Cela m'a permis de personnaliser davantage le projet.

Comparables

Comparables

Moodboard

Moodboard

Structuration et design

Tout comme pour la maquette finale, j'ai su adapter et personnaliser le projet en recherchant des comparables qui correspondaient à ma vision. Cela m'a permis de créer un rendu final qui reflète parfaitement mon style et mes attentes.

Wireframes

Wireframes

Maquette final

Maquette final

Intégration

Pour concevoir ces cartes, j'ai utilisé une combinaison de positionnements absolus et relatifs afin de créer des effets de superposition. Cette approche m'a permis de structurer les éléments de manière dynamique, tout en assurant une présentation visuellement attrayante et cohérente.

CSS des Cards

CSS des Cards

Cards

Cards

Interactivité

J'ai développé des accordéons en JavaScript afin de permettre l'affichage d'une plus grande quantité de contenu de manière dynamique et fluide. Cette solution optimise l'expérience utilisateur en facilitant la navigation et en rendant les informations plus accessibles sans surcharger la page.

Javascript des accordions

Javascript des accordions

Accordions

Accordions

nike phantom luna

Projet suivant

nike phantom