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.

Hinto - 3bee

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.

Hinto-3bee

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.

 

Gatsby
React
Javascript
Hinto-3bee

Realizziamo qualcosa di straordinario insieme!

Siamo consulenti prima che partner, scrivici per sapere quale soluzione si adatta meglio alle tue esigenze. Potremo trovare insieme la soluzione migliore per dare vita ai tuoi progetti.