S C R O L L

Site web événementiel | Projet Étudiant

Concerto Venua

Résumé

Concerto Venua est un festival (fictif) de musique classique réinventé se déroulant dans la magnifique ville de Dublin. Il a pour but d’intéresser les jeunes adultes au style musical classique.

C’est un projet scolaire réalisé en hiver 2020 avec les logiciels Figma et VS Code. J’ai fait le design UI/UX et l'intégration web (HTML/CSS/JS).

  • Réalisé par : Caroline Forget
  • Images de : Unsplash

Wireframes

J’ai réalisé des wireframes en version desktop pour optimiser l’expérience de l’utilisateur avec le site web en organisant et structurant les interfaces après avoir évaluer la pertinence et l'importance de chaque section d'information selon le but et le public cible.

Wireframes pour ordinateur

Intégration web

À l’aide de commits par VS Code vers GitHub, j’ai balisé et stylisée chaque page designée en HTML et SCSS. Ensuite, j’ai développé des composantes en JavaScript pour l’interactivité en faisant de la programmation orientée objet : carousel, formulaire, snackbar, fenêtre modale, etc.

Exemple de structure HTML

Exemple de structure HTML pour la snackbar

Exemple d'utilisation de SCSS

Exemple d'utilisation de SCSS pour la snackbar

Exemple de composante JavaScript

Exemple de JavaScript pour la composante Snackbar

Documentation

Pour faciliter l’intégration des nouvelles composantes dans mes futurs projets, j’ai fait une documentation technique et une documentation utilisateur pour expliquer le fonctionnement et l'utilisation de chaque composante créée.

Exemple de documentation pour la Composante Header