SmartGreen

Un gruppo di studenti, un laboratorio al Politecnico e una domanda semplice: si può coltivare bene senza suolo, in città, con quello che si trova in un laboratorio? Oggi il team porta avanti serre idroponiche e studia suolo marziano simulato. Il sito deve parlare a due pubblici insieme: gli studenti che potrebbero entrare, e le aziende che potrebbero costruire qualcosa con loro.

Sono partito dal brand book. SmartGreen è il marchio principale, con un simbolo dalle foglie arrotondate e un logotipo serif. Terra e Space sono le due unità di ricerca, ognuna con il suo fondo e il suo colore: muschio per la Terra, marrone e sabbia per Marte. Space ha persino una versione del simbolo a foglie appuntite. Sul sito le pagine di Space prendono tutto il documento, navbar e footer compresi, così i due simboli non sono mai sullo schermo insieme.

Niente fasce chiare e scure alternate. Tutto il sito sta su un unico fondo pallido, con foto, video e le due unità dentro pannelli arrotondati incastonati nella pagina, e una grana da pellicola su tutto. Il riferimento era la calma di Dia e Arc, applicata a un team che lavora con le mani: vasche, tende, fragole, quaderni.

Il sito di un team studentesco si riempie facilmente di numeri che nessuno può dimostrare. Allora la regola è diventata codice. La dashboard delle serre esce con dati di esempio e lo dice in una fascia in cima. Il dato sul risparmio d'acqua del brand book resta fuori dal sito: un controllo blocca la build se una pagina lo usa prima che il team dica rispetto a cosa è misurato.

Chi arriva viene da un link, dal telefono, con due minuti. L'hero porta un timelapse di crescita che si carica dopo la prima immagine, quindi la pagina misura uguale con e senza: 2,5 secondi all'immagine principale su mobile, punteggio performance 97. Il menu è un cassetto che segue il dito e si ferma con una molla.