3Bee
3Bee voleva rilanciare il sito web con un redesign delle sue parti principali, migliorandone User Experience e prestazioni.
Contesto
3Bee è una startup agri-tech nata nel 2017 con l’intenzione di tutelare, attraverso il supporto della tecnologia, la biodiversità e in particolare la salvaguardia delle api.
Unendo competenze di elettronica e biologia, 3Bee attraverso sistemi di monitoraggio IoT, consente agli apicoltori di controllare a distanza il proprio alveare: bilance e sensori inviano dati a un’app che permette di analizzare i relativi grafici da smartphone o PC e pianificare i lavori in apiario.
3Bee offre la possibilità alle persone di adottare un alveare, un gesto semplice, ma estremamente significativo per la salvaguardia del nostro pianeta.
Adottando un alveare a distanza è possibile seguirne gli sviluppi e ricevere a casa il miele prodotto.
In questo periodo 3Bee è particolarmente attiva nella promozione delle sue iniziative di Corporate Social Responsability. I canali maggiormente utilizzati sono quelli social come LinkedIn, Instagram e Facebook e iniziative offline molto creative come l’adv sul tram fiorito a Milano per sensibilizzare le persone ai cambiamenti climatici in atto.
Sfida
L’esigenza del cliente era di rilanciare il sito web con un redesign delle sue parti principali, migliorandone User Experience e prestazioni.
Design Process
Il nostro intervento ha avuto 3 focus principali:
Accessibilità
La brand identity di 3bee è forte e basata principalmente sui colori bianco, giallo e nero. Non abbiamo modificato questa scelta, ma siamo intervenuti partendo da test di leggibilità che hanno mostrato quali combinazioni di sfondo e colori risultino più visibili per l’utente a livello di contrasto. Anche la tipografia e le icone sono state oggetto di studio in questo senso.
Riduzione della curva di apprendimento
Abbiamo ripensato il layout delle pagine e l’architettura dell’informazione allo scopo di mantenere l’utente concentrato sui contenuti e sul suo obiettivo, sfruttando la sua memoria fotografica.
Contenuti
Abbiamo infine analizzato anche i contenuti, affinché potessero essere in linea con la brand identity di 3bee. L’attenzione non si è rivolta solo al Tone Of Voice e ai microcopy delle Call To Action, ma anche all’organizzazione dei contenuti, che espongono in maniera chiara i processi (ad esempio, di adozione di un alveare) e le informazioni statistiche, senza escludere il coinvolgimento emozionale dell’utente.
Tecnologie
La necessità di 3bee era quella di avere un sito-vetrina moderno, usabile e veloce.
Per questo la scelta tecnologica è caduta fin dall’inizio su Gatsby, framework Javascript open source basato su React.
L’obiettivo era quello di creare un sito prevalentemente statico e altamente performante, pertanto abbiamo confermato la scelta tecnologica del cliente, inserendo un plugin realizzato ad hoc per la gestione del multilingua e del data entry. In questo modo abbiamo potuto configurare lo sviluppo secondo le esigenze di 3bee, come ad esempio la gestione delle parti dinamiche e il collegamento con API per la verifica in tempo reale della disponibilità di alcuni prodotti.
Feedback
Il cliente è soddisfatto delle soluzioni proposte, che in più di un’occasione ha definito “geniali”!
