Abbiamo realizzato la prima social music APP in Italia per un artista professionista: Davide Van De Sfroos! Realizzata per iOS e Android è disponibile su APP Store e Play Store per il download gratuito.
Lo sviluppo dell’APP
Il progetto relativo all’APP di Davide Van De Sfroos è durato circa 12 mesi; le fasi di intervento sono state principalmente 5:
- Analisi e studio
- Concept grafico
- Fase di sviluppo
- Fase di testing
- Lancio dell’APP
Il core della App risiede in un sistema di CMS basato su WordPress il quale permette la gestione e l’inserimento di tutti i contenuti, come foto, video, musica, e-commerce in modo agevole, semplice e sicuro.
L’infrastruttura che gestisce tutti i contenuti risiede su diversi server EC2 di Amazon AWS. Abbiamo scelto questo tipo di tecnologia per la sua peculiarità di poter “seguire automaticamente l’ondata degli utenti”, in modo tale da poter fornire la potenza adeguata in relazione alla quantità di persone che ne usufruiscono istantaneamente. Le risorse multimediali sono ospitate mediante Cloudfront con Amazon S3 e sono disponibili in tutto il mondo.
Attraverso un sistema di API, i dati vengono interscambiati con le APP, realizzate in modalità nativa per iOS (Swift) che Android (Java).
Dal wireframing alla grafica
Abbiamo studiato a fondo la User Experience e la User Interaction dell’APP per garantire un’esperienza utente e di fruizione dei contenuti ottimale, prendendo spunto per alcune funzionalità da diverse APP/siti esistenti; in seguito alla definizione dei singoli wireframe, siamo passati alla realizzazione dei file grafici (.PSD) che sono stati poi convertiti in elementi di stile per le APP native.
Il video promozionale
Per il lancio dell’applicazione abbiamo realizzato un video che rappresenta tutte le funzionalità dell’APP.
Per realizzare questo video siamo partiti da uno storyboard, definendo tutte le sequenze che dovevano essere rappresentate all’interno del video; poi siamo passati a una fase di acquisizione degli screen dall’APP e li abbiamo assemblati all’interno di una sequenza video, con delle gesture (movimenti delle mani) che definissero le azioni compiute dall’utente.
Il video è stato ottimizzato nei formati utili per la promozione sui social network e sul canale youtube ufficiale di Davide Van De Sfroos.
La campagna promozionale
Abbiamo realizzato una landing page per promuovere l’APP di Davide, sviluppando un layout ad-hoc per mostrare tutte le funzionalità dell’applicazione. Esistono principalmente due branch del sito, mobile e desktop.
Entrambe sono dotate delle più moderne tecnologie di visualizzazione, la vera sfida è stata mantenere lo stesso sito per le due versioni, ci è venuto in aiuto il framework Tweenmax e Stripe.
Anche se Stripe viene utilizzato principalmente per i pagamenti, il suo motore javascript ci è utile per diversificare le piattaforme mobile, tablet e desktop.
In versione desktop abbiamo uno scroll diviso in 10 fasi, in cui le estremità sono occupate dalla presentazione e dalla chiusura dell’APP. Nel body troviamo il mockup di un iPhone 7 nel cui interno è inserito un video costruito con Adobe Premiere CC. Al singolo scroll della sezione della pagina, corrisponde una determinata sequenza del video.
In versione mobile è assente lo scroll verticale, è presente invece uno slide orizzontale per permettere alle persone di visionare i layout pur mantenendo la stessa posizione e agevolando quindi la consultazione.
La vera sfida è stata quella di avere due versioni asincrone embeded specifiche per i diversi device e orientamento.
Download dell’APP
