winxclub: nuovo cms e restyling del sito "a misura di" bambine

user interface design interaction design responsive web analytics SEO drupal angularjs cloud server

www.winxclub.com

2012

per Rainbow abbiamo realizzato il nuovo sito winxclub, dedicato alle Winx, protagoniste della serie animata trasmessa in oltre 130 paesi. due gli obiettivi principali che hanno guidato questo progetto: revisione della navigazione del sito e della creatività da un lato e libertà nella gestione dei contenuti tramite cms dall’altro.

il progetto viene sviluppato secondo il nostro metodo, in collaborazione continua e costante con il team Rainbow. la prima versione del nuovo web site è andata online nell'ottobre 2012 dopo 11 settimane di lavoro, fatte di ideazione, sviluppo e confronti costanti.

la user experience del sito è stata riprogettata per permettere al target – da 4 a 12 anni, prevalentemente femminile – di fruire i contenuti in modo semplice e intuitivo attraverso la loro rappresentazione per immagini/icone e una navigazione poco annidata. la revisione dell’usabilità inoltre ha generato una fruizione ad hoc per ogni tipologia di contenuto (articoli, news, giochi, video, scheda delle fate, winx story). dal lato della creatività il web site accoglie gli utenti facendo in modo che le winx li accompagnino durante tutta la navigazione, utilizzando effetti, font, colori e immagini di forte richiamo e appeal per il target. inoltre i layout funzionano in modo adattivo per garantire agli utenti una gradevole esperienza d'uso su ogni dispositivo (desktop, laptop, tablet).

il successo del forum winxclub (presente nelle versioni precedenti del sito) lo rende da tempo il punto di incontro di tutti i simpatizzanti del mondo winx (registra circa 10 mila messaggi ogni giorno). per questo il nuovo web site si apre alla conversazione, con la possibilità di commentare articoli e news, con uno sguardo ai social media che abbiamo cominciato ad integrare.

per quanto riguarda il content management system, è basato su drupal e gestisce più profili utenti che possono amministrare diverse tipologie di contenuti. per garantire una separazione completa dei contenuti a seconda del paese a cui ci si rivolge, ogni lingua (attualmente ne vengono gestite 10) è aggiornabile in maniera indipendente dalle altre.

per l’infrastruttura tecnologica del web site è stato scelto un partner italiano, con una soluzione cloud-server che ha permesso di attivare più macchine in base alle tipologie di servizio (dbms, web). il web accelerator permette invece di servire più velocemente le pagine web rispetto al paese di provenienza e alla mole di visitatori.

infine il progetto SEO sta operando per ottimizzare – on site e off site - i contenuti nei motori di ricerca con l'obiettivo di ottenere una transizione efficace dai vecchi siti al nuovo. a questa attività si è affiancato il monitoring degli accessi per il mantenimento del traffico precedente durante il periodo di transizione. la web analytics ricopre un ruolo fondamentale: dai dati raccolti e analizzati si possono valutare il comportamento degli utenti, i contenuti più richiesti e tutto quanto necessario per permettere all'azienda di raccogliere feedback preziosi e prendere decisioni.

tutte le attività sono guidate e coordinate dalla digital strategy, con un team e-xtrategy/Rainbow che guida il progetto e mette a fattor comune le strategie dell'azienda e gli strumenti che internet e la tecnologia mettono a disposizione.

nuova navigazione, creatività e contenuti per il sito winxclub
nuova navigazione, creatività e contenuti per il sito winxclub

2014

le novità principali del 2014 per gli utenti che si registrano al sito abbiamo creato la MyPage, una pagina dove possono personalizzare il proprio web avatar, e in cui sono visibili punti, badge conquistati e contenuti top secret che hanno sbloccato navigando nel sito. gli utenti registrati possono vedere anche le MyPage degli altri, cliccando nei commenti degli utenti a articoli e news e dalla classifica punti.

ecco nel dettaglio cosa abbiamo realizzato:

- gamification: gli utenti possono guadagnare punti e badge, dopo essersi loggati. il sistema traccia delle azioni specifiche fatte dagli utenti (configurabili da backend, ad esempio leggere una news, loggarsi nel sito, ...) e permette loro di guadagnare punti - stelle e cuori - o badge. cosa sono stelle e cuori? le stelle sono punti virtuali che permettono agli utenti di far parte di una classifica. si conquistano navigando nel sito, fruendo i contenuti. inoltre servono a ottenere i badge, i trofei che gli utenti possono conquistare. i cuori sono la valuta virtuale, si guadagnano fruendo il sito, e servono ad acquistare dei contenuti riservati, che altrimenti sarebbero bloccati all'utente. ogni contenuto top secret ha un valore in cuori: per questo, quando un utente ne sblocca uno, gli verranno scalati dal totale. da backend il team Rainbow ha la possibilità di specificare quali contenuti sono riservati (dando quindi la possibilità agli utenti di sbloccarli e fruirli grazie ai cuori).

- web avatar: gli utenti che si registrano nel sito possono personalizzare il proprio web avatar nella pagina del profilo. possono scegliere il proprio look selezionando singoli oggetti dal guardaroba, o da un set, o di indossare un look a sorpresa, ovvero un cambio d'abito che sostituisce uno o più elementi attingendo dal guardaroba dell'utente. dal backend il team Rainbow ha la possibilità di gestire e configurare il web avatar: può decidere quali dei vestiti e accessori (e relative categorie e set in cui sono organizzati) far utilizzare agli utenti a seconda del Paese di provenienza. il web avatar è stato sviluppato utilizzando il framework angularJS.

Team