Da più di un anno collaboriamo in maniera costante con IT Impresa, una azienda di consulenza informatica di Cremona. Proprio grazie a questa collaborazione abbiamo avuto l’occasione di poter sviluppare l’app ufficiale della US Cremonese, la squadra di calcio della nostra città che attualmente milita in serie B. L’app è già stata pubblicata e la potete trovare su Play Store e App Store.

Le funzionalità

L’idea di base è stata quella di realizzare una app molto semplice, che permettesse ai tifosi di avere sempre a portata di mano le news e gli eventi della propria squadra del cuore. Il vero fulcro dell’app sono le notifiche push: gli utenti possono selezionare le categorie per cui desiderano ricevere una notifica ad ogni articolo pubblicato. L’app include inoltre una sezione di promozioni ed offerte riservate agli utenti dell’app.

UI e UX

Ci siamo concentrati molto sullo studio ed il design della UI: il nostro obiettivo è stato quello di realizzare un’ interfaccia gradevole, allo stesso tempo intuitiva e funzionale, aderente al brand della squadra ma allo stesso tempo in linea con le guidelines e le best practices di iOS e Android.

Siamo partiti da uno scaffold di forte impronta Material Design che abbiamo poi progressivamente adattato e personalizzato andando a modificare forme, font e colori.

Elenco news
Dettaglio news

Per quanto riguarda l’usabilità, abbiamo implementato tutti i classici pattern che ormai gli utenti si “aspettano” di trovare in una app:

  • Logo animation all’avvio dell’app
  • Drawer con la navigazione principale dell’app
  • Elenchi con pull to refresh e infinite scroll
  • Pagine di dettaglio con swipe to go back e action bar dinamica
Logo animation
Action bar dinamica

Abbiamo implementato inoltre un flusso di on boarding, per guidare gli utenti al primo avvio dell’app e migliorare ulteriormente l’esperienza.

On boarding step 1
On boarding step 2

Backend e API

Non abbiamo dovuto implementare alcun backend per far funzionare l’app in quanto abbiamo sfruttato le API JSON esposte dal sito della squadra, sviluppato in WordPress. Tramite un plugin custom abbiamo aggiunto alcuni campi a quelli esposti di default dalle API in modo da avere tutte le informazioni di cui avevamo bisogno.

Anche il flusso di invio delle notifiche push è stato integrato in WordPress tramite un plugin, così che la redazione che quotidianamente pubblica nuovi articoli sul sito non ha dovuto modificare in alcun modo il proprio flusso di lavoro. Anche in questo caso abbiamo dovuto modificare il comportamento di default del plugin, il quale non prevedeva l’invio delle notifiche ai soli utenti interessati alle categorie dell’articolo appena pubblicato.

Questo approccio ci ha permesso di sfruttare al massimo l’infrastruttura già presente (il sito in WordPress) e ridurre a zero l’overhead per chi aggiorna i contenuti del sito.

Tecnologie ibride

L’app è stata realizzata usando il framework Ionic, che ormai ha raggiunto la versione 4 e rappresenta uno standard de facto per quanto riguarda lo sviluppo di applicazioni ibride. Ma voi lo sapete cos’è un app ibrida, vero?

Analytics

Capire come gli utenti interagiscono con l’app è fondamentale e, fortunatamente, al giorno d’oggi esistono moltissimi tool per raggiungere lo scopo. Noi abbiamo scelto di utilizzare Firebase Analytics, strumento realizzato da Google che fa parte della suite Firebase. Anche in questo caso la scelta è stata facile in quanto è uno strumento usatissimo e semplice da configurare.

Conclusioni

Che dire? Realizzare questa app è stata una esperienza sicuramente stimolante e divertente. Non capita tutti i giorni di poter realizzare una app per una squadra di serie B, tantomeno se si tratta della squadra della propria città!

Avete scaricato l’app? Fateci sapere cosa ne pensate! 🙂