Skip to main content
UI - UX DESIGN & DEVELOPMENT
2 visualizzazioni

Creazione di una piattaforma di live streaming per corsi di yoga online

About

Yoga Om-line organizza corsi di yoga in live streaming per tutti gli appassionati che vogliono praticare l’attività comodamente da casa, offre spunti e approfondimenti per restare sempre sul pezzo.

Cliente

Associazione Terracielo

Cliente

Yoga Om-line è una delle 20 migliori scuole di yoga on-line italiane che dal 2002 si occupa di sviluppare corsi adatti a qualsiasi livello di esperienza.

L’azienda opera presso la sala Liberamente di Maniago (Pordenone). Tra i corsi proposti, Raja Yoga rappresenta un’esperienza unica anche a livello di insegnamento: i due coach Carlo e Claudia collaborano in totale sinergia creando un clima esclusivo di partecipazione e condivisione collettiva.

Richiesta

La sfida è stata quella di creare un sito contemporaneo ed affascinante, dando risalto alla forte identità del brand e condividendo tutti i suoi elementi chiave; il respiro attraverso gli effetti dello sfondo, il gesto attraverso il puntatore del mouse e le parole attraverso le interazioni.

Tutti gli elementi del sito cambiano da uno stato all’altro quando gli utenti interagiscono con essi, questo è stato voluto per trasmettere il concetto di armonia e trasformazione.

Tutte le transizioni sono ispirate al concetto di respiro e alla consapevolezza della relazione costante con il flusso vitale che scorre dentro e fuori noi.

La scheda del corso è pensata per avere il massimo impatto visivo e allo stesso tempo per offrire tutte le informazioni necessarie, anche grazie all’uso di immagini grandi e delle gallery suggestive pensate per permettere di mostrare per ogni prodotto il mood che lo caratterizza.

La soluzione

La principale difficoltà tecnica era determinare come posizionare una quantità impressionante di contenuti video e allo stesso tempo creare un’interfaccia utente fluida, garantendo un’elevata velocità di caricamento del sito. Per fare ciò, abbiamo creato uno script di elaborazione video ottimizzato, grazie al quale il sito non si “sdraia” sotto il peso del contenuto, i video di sfondo non interferiscono con il buon funzionamento dell’interfaccia e il passaggio da clip a la clip si verifica senza indugio.

Nella sezione “Opere” abbiamo aggiunto i filtri: per produzione, regista, agenzia. Questo aiuta a trovare rapidamente il video giusto. Il sito ha un menu ampio e intuitivo contenente tutti i contenuti. Le categorie opportunamente formate aiutano l’utente a trovare la pagina desiderata.

Versione mobile

Grazie ad un’attenta impaginazione dei contenuti, la navigazione da mobile risulta semplice, immediata e di facile lettura.

Hai trovato il progetto interessante? Condividilo!

Progetti correlati

Cerchiamo sempre di implementare le nostre idee creative al livello più alto.