RUX

Site vitrineRUX

Stack

  • HTML
  • SASS
  • JavaScript
  • GSAP

Réalisation

Janvier 2025Février 2025

Rôle

  • Design
  • Développement

Contexte

Ce projet a été réalisé dans le cadre du cours d’expérience utilisateur de ma 2e année de bachelier en design et développement web à la Haute École Albert Jacquard. C'est un projet d'expérience utilisateur appliqué à un espace physique. L’objectif était d’aménager un local en tenant compte des besoins et demandes des étudiants, nous permettant ainsi d'avoir une réflexion UX appliquée à un espace physique. Une fois la réflexion faite, nous devions chacun créer un site web faisant office de case study.

Direction artistique

Pour la direction artistique, mon choix s'est porté sur un style rappelant fortement le côté ludique de l'école, avec une utilisation de couleurs vives et de stickers, ces mêmes stickers étant un élément central des étudiants de l'école. Quant à la typographie, j'ai choisi d'utiliser la police « Epilogue » pour l'ensemble du site. Chaque section du site est représentée par une couleur différente, afin de créer un contraste.

Section hero avec le menu de navigation
Section hero avec le menu de navigation
Première section du site
Première section du site
Deuxième section du site
Deuxième section du site
Troisième section du site
Troisième section du site
Équipe du projet
Équipe du projet
Pied de page du site
Pied de page du site

Développement

Pour le développement du site, j'ai utilisé les technologies HTML, SASS et JavaScript. J'ai également intégré la librairie « GSAP » avec le plugin Draggable afin de créer des stickers à pouvant être déplacés partout sur le site, et également la librairie « Chartjs » pour les graphiques.