Shake your glass

Arianna Mussato

Web Designer
Web Developer
Webflow Developer
Adobe Illustrator
University of Trento
Shake your glass è un progetto nato all'Università di Trento, durante la frequentazione del corso di Informatica ed elementi di programmazione II. In gruppo, abbiamo scelto il tema sul quale sviluppare un semplice sito web, che avrebbe dovuto comprendere almeno cinque meccaniche.
Il software utilizzato si chiama CodeSandbox e ci ha accompagnato con suggerimenti di codice durante il processo. L'ambito scelto dal gruppo è stato quello dei cocktail e in particolare avevamo previsto la funzionalità di scegliere un cocktail a random, da cui anche il nome del progetto, che invita a shakerare il proprio bicchiere, come si fa con i dadi per avere un risultato casuale. Questo perché sappiamo che capita spesso di non saper cosa scegliere, perciò, questa funzione permette di rendere le cose più semplici e da un lato anche giocose e interattive. Shake your glass presenta nella home page tre categorie di drink: alcolici, analcolici e caffetteria, insieme alla funzione random precedentemente spiegata. Vista dal pc, la home page presenta anche un'animazione on hovering delle categorie, che partono unite e al passaggio del mouse queste si "aprono" mostrando l'intera forma tonda dell'immagine. Queste portano a una lista di drink, importate nel codice da un database.
Il menù ad hamburger che si vede in alto a destra permette di accedere alle diverse categorie in qualsiasi momento, senza per forza dover tornare alla home page. Nel piano iniziale avremmo compreso altre funzionalità come profilo e impostazioni, ma non essendo necessario, il progetto è rimasto in una forma più semplice.
Elemento importante che è stato sviluppato su Adobe Illustrator è il logo di Shake your glass: all'interno di un cerchio viene inserito il nome, ma la S diventa un calice e glass "esce" ma un mixer. In questo modo, e con l'aggiunta in alcuni punti di altri archi, viene data l'idea di aver a che fare con un barista che crea dei mix a posta per te.
Partner With Arianna
View Services

More Projects by Arianna