Animality
Implementazione di una piattaforma di videostreaming a portata globale
Sul progetto Animality
Animality è uno dei progetti della Fondazione Centaurus che abbiamo seguito dall’ideazione fino alla realizzazione del prodotto digitale completo. L’obiettivo del progetto era creare una piattaforma video internazionale, educativa e coinvolgente, che mostrasse le attività a favore degli animali svolte in diverse parti del mondo. Si tratta di uno spazio virtuale che connette organizzazioni, volontari e persone sensibili al destino degli animali.
Ambito dei lavori sulla documentazione
Il nostro compito era sviluppare una documentazione completa per l’implementazione e la grafica per la piattaforma di streaming video Animality, utilizzando la tecnologia JAVA e un’app mobile (iOS e Android). L’obiettivo era portare l’esperienza Animality sui dispositivi mobili, semplificando la visualizzazione dei video (simile, ad esempio, all’app Netflix). Data la portata globale del progetto, il lavoro di pre-implementazione ha incluso la gestione delle versioni linguistiche delle visualizzazioni per gli abbonati donatori, nonché dei pannelli di gestione dei contenuti e della piattaforma in un modello distribuito per i creatori di contenuti in tutto il mondo.
Analisi dei ruoli degli utenti e dell’architettura del sistema
In collaborazione con il team di sviluppo eFresh, abbiamo analizzato i ruoli degli utenti, definito i requisiti funzionali e tradotto queste informazioni in descrizioni dei view chiave, user flow e struttura dell’interfaccia. La documentazione risultante è stata la base per la creazione dei mockup low-fidelity, che hanno organizzato l’intero sistema e facilitato il passaggio alla progettazione dei layout finali.
Ruoli chiave definiti sulla piattaforma:
Gruppo A: Donatori/Abbonati (Visualizzatori) – persone che supportano il progetto, adulti e bambini, fruitori dei contenuti.
Gruppo B: Centri / Creatori di contenuti – custodi degli animali che mostrano il loro lavoro quotidiano e condividono esperienze di cura degli animali da tutto il mondo
Gruppo C: Team Animality – sceneggiatori, montatori video, responsabili dei Centri, cioè tutte le persone che elaborano i contenuti e gestiscono la piattaforma
Gruppo D: Manager Animality – team che gestisce i processi sulla piattaforma e prende decisioni chiave
Durante l’analisi abbiamo prestato particolare attenzione alla definizione dell’architettura del sistema, inclusi i principi di comunicazione tra i diversi moduli, considerando le esigenze di ciascun gruppo di utenti.
Elenco dei view e delle funzionalità
Il risultato delle analisi e dei lavori concettuali è stato un documento di userflow, in cui abbiamo descritto i processi sulla piattaforma, gli algoritmi di registrazione e login degli utenti e le logiche di funzionamento dei singoli view. Per la piattaforma di videostreaming è stato realizzato un documento di oltre 600 pagine, che ha costituito la base per la fase di progettazione e la creazione dei mockup cliccabili.
Per organizzare le attività successive, abbiamo creato su Monday.com una lista dei view (unici e complementari) con le relative linee guida per i designer. Con un numero così elevato di view, era fondamentale pianificare con precisione il lavoro per evitare lacune o incongruenze.
In questa fase è stato definito lo scheletro dell’intera piattaforma: dagli schermi di registrazione e login, passando per l’onboarding e le schermate iniziali, fino agli scenari degli utenti di ritorno e alle viste dettagliate dei contenuti video e delle impostazioni dell’account. Ogni schermata aveva un ruolo preciso e un posto definito nell’architettura dell’applicazione: nulla era lasciato al caso.
Progetti concettuali dei view chiave
Dopo aver completato il lavoro di UX, il nostro team di progettazione ha preso in carico il compito e ha preparato i primi progetti concettuali delle viste più importanti, dal punto di vista del proprietario del progetto. In questa fase, abbiamo presentato esempi di viste homepage (che illustravano, tra le altre cose, i principi di filtraggio e tagging video), viste di resort (che funzionavano in modo simile ai canali YouTube), viste di video selezionati ed esempi di semplici viste supplementari, come messaggi speciali.
Sviluppo del design system per la piattaforma
Un elemento cruciale del nostro lavoro, soprattutto nei progetti complessi, è lo sviluppo di un Design System coerente, ovvero i principi per la creazione di griglie (la disposizione delle singole viste), la progettazione e l’utilizzo dei pulsanti, la creazione di sezioni e la creazione di illustrazioni. Un Design System ben progettato semplifica notevolmente il lavoro del team di sviluppo e aiuta a evitare molti errori durante la fase di implementazione.
Prototipazione dei mockup per la versione web desktop del Donatore/Abbonato
In questa fase, abbiamo trasformato funzionalità e visualizzazioni precedentemente definite in mockup interattivi specifici per la versione desktop della piattaforma, dal punto di vista del Donor_Subscriber (noto anche come Viewer). Ci siamo concentrati su ergonomia, navigazione intuitiva e layout chiaro per offrire agli utenti la migliore esperienza possibile durante l’utilizzo della piattaforma. Il nostro design si è ispirato alle best practice di piattaforme come Netflix, HBO Max e ShowTime.
Versione desktop dark per il Donatore/Abbonato
Oltre ai lavori standard, i view desktop sono stati ottimizzati per le esigenze degli utenti e per le tendenze attuali, dando origine alla versione dark dell’interfaccia. Questa offre comfort durante l’uso in condizioni di scarsa illuminazione e sottolinea il carattere moderno della piattaforma. Inoltre, sulla piattaforma è stato progettato un sistema di adattamento delle dimensioni dei font per utenti con problemi di vista.
Donatore/Abbonato – versione mobile - design responsive della piattaforma
Nella progettazione della versione mobile della piattaforma, abbiamo curato un layout intuitivo e chiaro, garantendo un’esperienza confortevole su schermi di diverse dimensioni. L’attenzione è stata posta su un accesso fluido alle funzionalità principali e su una navigazione agevole, affinché l’esperienza utente fosse coerente con quella della versione desktop.
Donatore/Abbonato – versione mobile dark della piattaforma
Abbiamo adattato il tema scuro alle specificità dei dispositivi mobili, curando contrasti ottimali e comfort d’uso in movimento. In questo modo, l’utilizzo della piattaforma su smartphone e tablet risulta piacevole indipendentemente dalle condizioni di illuminazione.
Donatore/Abbonato applicazione mobile
Sebbene l’app mobile di Animality sia funzionalmente molto simile alla versione web per dispositivi mobili, i suoi mockup hanno richiesto un approccio separato. Questo ci ha permesso di sfruttare al meglio le funzionalità dell’app nativa, come le notifiche push, l’accesso rapido dalla schermata iniziale e la funzionalità offline. I nostri mockup si sono concentrati sulla facilità d’uso e sulla navigazione intuitiva, adattando il layout e gli elementi dell’interfaccia alle esigenze specifiche dei dispositivi mobili Android e iOS.
Abbiamo progettato le visualizzazioni dell’app mobile in modalità chiara e scura per la comodità dell’utente. Il lavoro di progettazione grafica per i layout dell’app mobile ha incluso la creazione di tutte le visualizzazioni necessarie: quelle essenziali per il corretto funzionamento e utilizzo dell’app mobile, nonché visualizzazioni ausiliarie e aggiuntive.
Pannello avanzato di gestione dei processi del Team Animality
Un elemento importante della piattaforma è stato l’ampio sistema ERP da noi sviluppato e progettato, che supporta i processi sulla piattaforma suddivisi nei singoli dipartimenti: Marketing (attività promozionali, mailing, controllo del traffico, contatto con le celebrità), BOK (Ufficio Servizio Clienti-Abbonati), Contenuti (creazione e pubblicazione di video), Raccolta fondi, IT e contabilità.
Il sistema sviluppato ha consentito una pianificazione del lavoro intuitiva e semplice, il controllo delle attività, lo scambio di informazioni tra i reparti e il controllo, ad esempio, di come venivano risolti i problemi segnalati dagli abbonati.
Centri e Creatori: gestione dei contenuti
Dal punto di vista dell’alimentazione della piattaforma con i contenuti, abbiamo sviluppato un intero sistema, accessibile dopo l’accesso, che consente di monitorare l’avanzamento dei lavori su un determinato episodio video. A causa dell’ampiezza dei piani, che prevedevano la collaborazione con 200 centri e la produzione di oltre 800 episodi a settimana, la gestione di questo processo è stata fondamentale per il corretto funzionamento di Animality. Abbiamo suddiviso il processo in: attività preparatorie (il cosiddetto piano di attività), ovvero il lavoro sulla sceneggiatura e sul concept; lavoro sugli episodi in preparazione (il cosiddetto piano di pubblicazione); e il database degli episodi pubblicati. Abbiamo adattato di conseguenza la gestione delle attività e dei file nel sistema progettato.
Funzionalità per i Centri e per il team Animality
Il sistema progettato ha consentito un facile controllo non solo del processo di creazione degli episodi (dalla sceneggiatura e dall’ispirazione preparate dagli autori di Animality, passando per il controllo delle materie prime registrate dai Creators presso i Centri, fino alla supervisione delle fasi di montaggio), ma anche di praticamente tutti i processi organizzativi. Il nostro obiettivo era creare un ambiente di lavoro che semplificasse il più possibile il lavoro dell’intero team (da qui, ad esempio, i sistemi di avviso delle attività e la possibilità di commentare ogni episodio).
Modulo di reportistica dei risultati della piattaforma
Un modulo chiave che abbiamo sviluppato per Animality è un sistema di reporting avanzato suddiviso in diverse viste: il Report Generale (risultati chiave della piattaforma, disponibili al team di Animality), il Report del Centro (risultati selezionati della piattaforma in termini di fatturazione e donazioni al Centro che crea contenuti per la piattaforma, incluse informazioni sullo stato di fatturazione), il Report di Gestione (incentrato sui risultati finanziari della piattaforma) e il Report delle Celebrità (un report semplificato che consente una facile verifica della fatturazione con la Celebrità, il marchio del progetto). Per ottenere risultati affidabili in questi report è stato necessario progettare algoritmi dettagliati che consentissero il recupero dei dati in tempo reale dalla piattaforma.
Funzionalità in fase di sviluppo
Il processo di documentazione genera sempre numerose idee e miglioramenti in diverse fasi di sviluppo. Sappiamo per esperienza che, affinché un progetto venga implementato entro tempi e costi ragionevoli, alcuni di questi miglioramenti devono essere rinviati a funzionalità di sviluppo. Nel progetto Animality, abbiamo rinviato a questa fase, tra gli altri, il modulo di e-learning estremamente promettente e la cura degli animali dal vivo.
Hai una visione che vuoi realizzare?
Contattaci e ti aiuteremo a costruire un marchio che conquisterà il mercato.