Documentazione

Abstract

Shuffle è un sito che permette a gruppi di ragazzi di sfidarsi per vedere quanto conoscono i gusti musicali dei loro amici e, nel farlo, scoprire anche nuove canzoni. Inoltre, prevede la possibilità di salvare sul proprio profilo le playlist di ogni partita e riascoltarle ogni volta che si vuole. Il sito è pensato soprattutto per quei gruppi di amici che hanno gusti musicali molto diversi tra loro e quindi fanno fatica a scegliere la musica quando sono insieme, aggiungendo l’elemento della sfida e del gioco per essere più coinvolgente e divertente.

Project Managment Plan

Benchmarking

1. Obiettivo: intrattenere e far divertire gruppi di amici, anche appassionati di generi completamente diversi, con la musica.

2. Target: ragazzi tra i 14 e i 30 anni.

3. Competitors:
Spotify: piattaforma che da poco ha aggiunto una funzione per creare playlist condivise (playlist blend) con altri utenti, indicando anche il grado di compatibilità. Non c’è, però, la possibilità di scegliere la playlist che si vuole condividere, vengono semplicemente selezionate le canzoni più ascoltate in comune dai due utenti.
Kahoot!: permette di creare quiz personalizzati e di sottoporli ad altri utenti. Il problema è che le domande e le risposte vanno inserite manualmente da chi crea il test, il quale quindi non può poi giocare.
Photo roulette: è un’applicazione in cui gli utenti devono indovinare a chi appartenga la foto mostrata sullo schermo, selezionata a caso dalla galleria di uno dei partecipanti. Il gioco è lo stesso di Shuffle, ma solo per foto e video.

Struttura del sito

1. Architettura del sito:
architettura del sito

2. Wireframe

home
template pagina home
gioca ora/crea nuova partita
template pagine gioca ora e crea nuova partita
pagina della partita
template pagina della partita
come si gioca/documentazione
template pagine come si gioca e documentazione
le mie playlist
template pagina le mie playlist
login
template pagina login
registrazione
template pagina registrazione

3. Look and Feel:
Il sito ha un’impostazione minimale, senza immagini o foto, in modo che i pochi elementi presenti nelle pagine risultino d’impatto. I colori principali sono il grigio scuro (#1B1B1B) il viola (#AC1593) e il bianco per testi e footer. Il grigio riprende il colore usato da altri player musicali per gli sfondi (es. Spotify e Amazon Music) mentre il viola è utilizzato per il resto degli elementi (menù, bottoni, box) per farli risaltare sullo sfondo scuro.
Il font Righteous è utilizzato esclusivamente per i titoli per dare un senso di continuità e di identità al sito. Gli altri font sono Roboto Condensed (sans serif) per gli elementi interattivi e Roboto Slab (serif) per i testi.
Il logo è stato realizzato con Illustrator aggiungendo alla ‘S’ del font due frecce in direzioni opposte, per richiamare il nome del sito (shuffle = rimescolare, mischiare).

Linguaggi e strumenti

Linguaggi: HTML, CSS, JavaScript

Altri strumenti: Google fonts (per i font), Font Awesome (per le icone), Coolors (per la scelta dei colori e per la funzione 'contrast checker'), Bootstrap, w3schools e uiverse.io (per la grafica), Github (per la pubblicazione), Google Analytics (per la valutazione dei risultati) e Illustrator (per il logo, il qr code e le immagini).

Communication Strategy

Background

Sono state riprese le strategie comunicative dei competitors: Spotify per quanto riguarda le scelte grafiche del sito e Photo Roulette per la struttura del percorso utente, cercando di renderle coerenti tra loro e adattarle allo scopo e alle esigenze del sito e del servizio offerto, non presente nei competitors.
Proprio per l’efficacia comunicativa e la popolarità di Spotify, è stato scelto di riprendere l’idea dei due colori identitari del brand (sostituendo il verde con il viola) e del linguaggio informale e amichevole. Questa scelta favorisce anche la coerenza e l’armonia visiva nelle pagine in cui sono presenti le playlist importate dal player musicale, che in questo modo si integrano bene con il resto dei contenuti, senza creare discontinuità.

Obiettivi comunicativi

L’obiettivo del sito è farsi conoscere tra gruppi di amici come uno spazio in cui possano passare tempo insieme ascoltando musica che già gli piace e scoprendone di nuova in un modo interattivo e che richieda una partecipazione attiva dei giocatori. Il sito è sviluppato per essere semplice e minimale, per non identificarsi eccessivamente con un certo genere musicale e permettere a utenti diversi di apprezzarlo, visto anche che lo scopo principale è di essere utilizzato in gruppo.

In particolare, gli obiettivi di comunicazione web sono:
- 100 visite da parte di utenti unici
- 50 visualizzazioni della pagina della partita
- 30 like ai post instagram
- 30 follower del profilo instagram

Target audience

Il target primario è costituito dai ragazzi tra i 14 e i 30 anni, ovvero la fascia d’età in cui è abituale uscire e passare tempo con gruppi di amici, anche ascoltando musica o confrontandosi sui generi che si preferiscono. In particolare, il sito cerca di attrarre i gruppi di amici che, tra loro, non condividono la passione per un certo genere musicale, fornendo un modo per sfruttare questa diversità e divertirsi insieme.
Per raggiungerli, quindi, verrà utilizzato soprattutto l’account Instagram del sito (Shuffle2.0) e, in maniera minore, l’accont TikTok (Shuffle2.0_tiktok), per rivolgersi ai più giovani del target. In più, verranno prodotti volantini pubblicitari del sito da lasciare nei luoghi più frequentati dal target, come bar e bacheche universitarie.

Promozione

La promozione di Shuffle sarà fatta attraverso due canali principali:
Social: utilizzando gli account Instagram e Tiktok, in cui è presente l’URL del sito e post che lo pubblicizzano. Verrà usato anche whatsapp: dalla pagina LE MIE PLAYLIST si potranno condividere le playlist create durante le partite con un semplice pulsante che invia un messaggio preimpostato e il link alla playlist stessa.
Stampa: verranno appesi nei bar e nei luoghi di ritrovo delle compagnie di ragazzi dei volantini con il codice QR del sito in cui si invitano i possibili utenti a scannerizzare il codice e iniziare un nuova partita. Inoltre, si conta sul passaparola per far conoscere il sito a sempre più utenti.

Immagine del colantino con QR code

Valutazione dei risultati

Gli obiettivi previsti sono stati raggiunti.

utenti del sito
visualizzazioni del sito google analytics
visite alla pagina della partita
visualizzazioni pagina partita google analytics
follower profilo Instagram
follower profilo instagram
like post 1
like post 1
like post 2
like post 2