La richiesta del progetto è quella di riprodurre nel miglior modo il layout richiesto nel brief.
Il brief contiene al suo interno una palette colori da utilizzare, la guida dei contrasti da usare, e una lista di effetti in hover che sono stati scelti. La pagina web è composta da 3 macro-componenti principali, (AppHeader, AppMain, AppFooter), e dei altri macro-componenti che compongono ogni sezione della pagina web.
Il processo di progettazione è stato quello di iniziare con la visione e la soddivisione utilizzando un diagramma, la produzione di una sezione per volta in #Html e #Css, e in fine l'aggiunta di funzioni in Javascript - Vue.js. Grazie a tutto cio, è stato possibile realizzare dei micro-componenti utilizzabbili per tutte le sezioni che compongono la pagina , ad esempio i titoli, e i button.. Una parte fondamentale di funzionalità in questa pagina web, pè stata quella dei numerevoli slider (carousel) all'interno delle sezioni, e questo ha portato alla possibilità di riutilizzare le stesse funzioni cosi che anche la futura manutibilità è migliorata in molti casi.
Durante il processo di progettazione sono arrivate moltissime idee, ad esempio far prendere vita ha tutti i carousel in modalità tempo-automatica; La possibilità di aggiungere il responsive per mobile, in quanto non è stato predisposto durante il brief; Intercettare la viewport dell'utente, con la possibilità di far partire alcune animazioni solo quando l'utente si trova davanti alla sezione specifica;
Il diagramma del progetto si trova in questo percorso: src/assets/Diagrams