SmartGreen er studenterteamet på Politecnico di Torino, der dyrker mad uden jord og undersøger, hvordan man dyrker den på Mars. Jeg tegnede brandbogen og derefter hjemmesiden, så de samme hænder tegnede logoet og skrev koden.
Teamet
En gruppe studerende, et laboratorium på Politecnico og et enkelt spørgsmål: kan man dyrke godt uden jord, i en by, med det man finder i et laboratorium? I dag driver teamet hydroponiske drivhuse og studerer simuleret marsjord. Hjemmesiden skal tale til to målgrupper på én gang: studerende, der måske vil være med, og virksomheder, der måske vil bygge noget sammen med dem.
Ét brand, tre mærker
Jeg startede med brandbogen. SmartGreen er hovedmærket, med et symbol med runde blade og et serif logo. Terra og Space er de to forskningsenheder, hver med sin egen baggrund og sin egen farve: mos for Jorden, brun og sand for Mars. Space har endda en version af symbolet med spidse blade. På hjemmesiden overtager Space siderne hele dokumentet, navbar og footer inklusive, så de to symboler er aldrig på skærmen samtidig.
Én lys verden
Ingen skiftende lyse og mørke bånd. Hele hjemmesiden ligger på én bleg baggrund, med fotos, video og de to enheder inde i afrundede paneler sat ind i siden, og en filmkornet tekstur over det hele. Referencen var roen i Dia og Arc, overført til et team, der arbejder med hænderne: kar, telte, jordbær, notesbøger.
Intet opfundet
Et studenterteams hjemmeside fyldes nemt med tal, som ingen kan bevise. Så reglen blev til kode. Drivhusenes dashboard udkommer med eksempeldata og siger det i et bånd øverst. Tallet for vandbesparelse fra brandbogen holdes ude af hjemmesiden: et tjek stopper build, hvis en side bruger det, før teamet har sagt, hvad det sammenlignes med.
Hurtig på telefonen
Besøgende kommer fra et link, på telefonen, med to minutter. Hero sektionen har en timelapse af vækst, der indlæses efter det første billede, så siden målte det samme med og uden: 2,5 sekunder til hovedbilledet på mobil og en performance score på 97. Menuen er en skuffe, der følger fingeren og lander med en fjeder.
Besøg smartgreen.to ↗Tilgang og håndværk
Brand designer og design engineer: brandbog, logoer, art direction og den tosprogede hjemmeside fra design til lancering.
Resultatet
- En brandbog på 27 sider og en hjemmeside bygget oven på den
- Tre mærker, der aldrig deler en flade
- Tosproget IT/EN med identiske nøgler, tjekket ved build
- En hero video, der ikke koster noget på indlæsningstiden