Lantmännen Designsystem & Webb
Lantmännen är inget vanligt företag. Det är ett lantbrukskooperativ som ägs av 17 000 svenska bönder, med verksamhet i hela värdekedjan – från jord till bord. Lantbruk, maskin, energi, livsmedel: ett och samma Lantmännen, men med många verksamheter, varumärken och digitala ytor. Och där ligger utmaningen. Ju bredare en organisation är, desto svårare blir det att få allt att kännas som en avsändare. Hoy fick uppdraget att designa en ny webb och skapa Harvest, designsystemet som håller ihop uttrycket, hela vägen från jord till bord.
Ett Lantmännen, oavsett var man möter det
Grunden som allt vilar på
Hjärtat i projektet är Harvest, designsystemet som samlar Lantmännens byggstenar på ett ställe: färger, typografi, ikoner, piktogram, knappar och kort. Komplett med alla sina tillstånd och varianter. Komponenterna formges i Figma, dokumenteras i zeroheight och kopplas mot kod via Storybook, så att det utvecklarna bygger utgår från exakt samma underlag som designen. En gemensam källa till sanning, helt enkelt.
I dokumentationen finns beskrivningar av varje komponent, best practices, exempel och tydliga riktlinjer för tillgänglighet. Så blir tillgänglighet en del av hur saker byggs från början, inte ett efterhandsarbete. Och eftersom Harvest är frikopplat från en enskild lösning lever systemet lika gärna på en stor skärm som på en mobil.
Den nya webben är beviset på att systemet håller. Hoy stod för designen och komponenterna och utifrån den grunden bygger utvecklarna vidare. Eftersom varje sida sätts samman av samma byggstenar hänger uttrycket ihop hela vägen. Nytt innehåll kan produceras snabbare och tryggare, utan att någon behöver gissa hur en knapp eller ett kort ska se ut.
