Prima e dopo

Una domanda prima di tutte le altre

Sono partita da una domanda: chi apre la home capisce subito che cosa offre l’azienda e a chi si rivolge? Ho guardato che cosa si capiva dalla prima schermata e che cosa si scopriva solo scorrendo.

Ho scelto due servizi per aziende. Su 3Bee la spiegazione più chiara era in fondo alla home. Su Up2You bisognava orientarsi fra le sigle prima di capire cosa si poteva ottenere.

La grafica resta la loro

Ho ripreso colori e bottoni dai loro fogli di stile. Su Up2You ho usato Inter Tight al posto di GT Standard. Ho riorganizzato le pagine e riscritto i testi che servivano a capire il servizio.

Tenere la grafica riconoscibile mi ha permesso di concentrare il confronto su cosa si legge per primo, quali parole aiutano a capire e dove si va dopo.

Ogni blocco della home nuova parte da contenuti che c'erano già. Li ho rimessi nell'ordine in cui servono a chi arriva.

3Bee: la frase più chiara stava in fondo

3Bee rigenera aree spoglie per le aziende e ne misura il risultato con sensori che riconoscono gli impollinatori dal suono del volo. Sul loro sito, la frase che teneva insieme le due cose stava nell’ultimo blocco, sopra il modulo di contatto.

Ho portato in apertura gli habitat e i sensori, con Spectrum sul suo palo. Il titolo, «Ascoltiamo le api. E lo mettiamo a bilancio», lega le api al bilancio. La riga sotto dice che il servizio è per le aziende e spiega cosa fa. Nel menu si vedono subito gli ingressi per aziende, privati e chi gestisce molti siti.

14 → 8 blocchi. I due «come funziona» diventano uno, in tre passi con titoli che dicono il fatto: rigeneriamo, ascoltiamo, certifichiamo. I contatori scendono da quattordici a tre, quelli che seguono il racconto.

Spectrum non aveva una foto da usare in movimento, così l'ho rifatto in 3D sulle foto del prodotto: proporzioni misurate, colori campionati al sole, griglia del microfono, staffa e palo di legno. In apertura sta sul suo palo, come nel prato vero; più sotto gira mentre la pagina spiega cosa fa.

Up2You: le parole di un loro cliente

Up2You unisce consulenti e piattaforma: prende i dati di un'azienda e li trasforma nei documenti che le chiedono la banca, i grandi clienti o la legge. Un loro cliente lo racconta meglio di chiunque: li ha scelti perché lo hanno aiutato «a rendere comprensibili e condivisibili tematiche complesse».

Ho riscritto la home perché faccia la stessa cosa. Il titolo dice cosa dai e cosa ricevi: «Ci dai le bollette. Ti restituiamo il bilancio di sostenibilità.» Subito dopo si entra da chi te lo sta chiedendo: la banca, un grande cliente, la legge. Era il motivo vero per cui una PMI li cerca, ed era già scritto nel loro sito.

17 → 0 sigle senza spiegazione. Ogni sigla, la prima volta che compare, dice in una riga cos'è. Il loro glossario esisteva già: l'ho portato dove serve.

Se scelgo «Rispondi al tuo cliente», il modulo si apre con «Un grande cliente» già selezionato. Ho verificato lo stesso passaggio per banca e legge, su desktop e su telefono.

Consulenza e software erano due schede separate. Ora si vedono lavorare insieme: sullo schermo vero della loro piattaforma compare la nota del consulente che corregge un dato.

Il movimento mostra come funziona

Ho usato il movimento per mostrare cosa succede nei due servizi. Su 3Bee la terra spoglia fiorisce, il sensore registra il volo degli impollinatori e il dato diventa un report. Su Up2You i documenti dell'azienda entrano nella piattaforma ed escono quelli che le hanno chiesto.

I tre passi si scorrono, si cliccano o si toccano, e si capiscono anche a pagina ferma. Chi ha chiesto al proprio telefono meno movimento non vede animazioni che partono da sole.

Cosa ho controllato

Ho chiesto a quattro persone che non conoscevano 3Bee di guardare una schermata per cinque secondi e dirmi che cosa offre l’azienda e a chi. Due hanno visto l’originale e due il mio primo redesign.

Nell’originale il servizio è stato scambiato per un vivaio o per un’offerta di pannelli solari. Nel redesign una persona ha colto le api, l’altra ha riconosciuto che si rivolgeva alle aziende. Nessuna ha ricostruito insieme servizio e destinatario. Ho riscritto la riga sotto il titolo per dirli entrambi.

Nel secondo giro, due persone hanno visto la versione precedente e due quella aggiornata. Nella precedente entrambe hanno riconosciuto il pubblico aziendale, ma il servizio è rimasto vago. Con la riga nuova, una persona ha collegato il lavoro sugli habitat alle aziende. L’altra ha colto il monitoraggio delle api. Ho tenuto la nuova riga perché rende espliciti il servizio e il destinatario.

Ho controllato che le due home si possano usare da tastiera e che i testi sui fondi pieni rispettino il contrasto AA. Il modello 3D di 3Bee si carica quando ci si avvicina alla sezione che lo usa.

Il metodo

Ho lavorato con Claude Code per costruire le pagine in codice e il sensore in Blender. Ho guidato la diagnosi, la domanda da misurare, l'ordine dei blocchi, le parole e i titoli, e ho valutato ogni prova su computer e telefono.

Quando dipingo, una composizione regge se l'occhio sa dove andare per primo. Una home funziona allo stesso modo: prima cosa vendi, poi come, poi perché fidarsi. Il resto può aspettare.

Concept personale non commissionato, ottobre 2026. Marchi, foto, testi originali e dati sono di 3Bee e Up2You. Struttura, testi e direzione di Fiorella Valeria Paolini.