Fjern navnet fra Netto.dk, og hjemmesiden vil sandsynligvis stadig være genkendelig. Den varme gule farve, den tunge sorte typografi og de markante prisfelter er så tæt forbundet med Netto, at farverne næsten kan stå alene.
På forsiden bruges den velkendte kombination af gul og sort til langt mere end logoet. Farverne fremhæver tilbud, åbningstider, knapper og fordele i Netto+ appen. Samtidig sørger store hvide områder for, at siden ikke ender som én lang tilbudsavis.
Resultatet er en hjemmeside, der føles billig, direkte og handlekraftig uden at virke uorganiseret. Farverne fortæller hurtigt, hvad Netto er: en discountbutik, hvor priser og tilbud skal kunne aflæses med det samme.
En gul hjemmeside, der egentlig er mest sort og hvid
Netto forbindes først og fremmest med gul, men den gule farve fylder ikke hele Netto.dk.
Den aktuelle brugerflade er hovedsageligt bygget op omkring en mørk koksgrå nuance tæt på #242424, en varm gul nuance omkring #FAD85B og store hvide eller meget lyse flader.
Det er en vigtig forskel. Hvis hele hjemmesiden var gul, ville farven hurtigt miste sin evne til at tiltrække opmærksomhed. I stedet bruges den på udvalgte elementer, hvor Netto ønsker, at den besøgende skal kigge eller handle.
Logoet står gult mod den mørke topbjælke. Overskrifter og knapper bliver gule i mørke felter, mens tilbud, mærkater og kampagneområder bruger gul som et visuelt signal.
Netto.dk er derfor ikke blot gul. Hjemmesiden er designet, så den gule farve hele tiden får noget mørkt eller neutralt at spille op imod.
Gul gør tilbuddene svære at overse
Gul forbindes ofte med optimisme, energi og opmærksomhed. Det er en lys farve, som hurtigt skiller sig ud fra sine omgivelser.
På Netto.dk bruges gul især dér, hvor noget skal føles aktuelt eller fordelagtigt. Ugens tilbudsaviser præsenteres med store gule flader, og fordelene i Netto+ markeres med gule mærkater og kampagneområder.
Farven fungerer næsten som en digital overstregning. Den fortæller den besøgende, at dette element er værd at se nærmere på.
Den varme nuance gør samtidig udtrykket mere venligt end en skarp neongul. Netto ønsker opmærksomhed, men hjemmesiden skal stadig føles tilgængelig og hverdagslig.
Gul passer derfor godt til et discountbrand. Den er synlig, umiddelbar og energisk, men behøver ikke i sig selv at virke eksklusiv eller højtidelig. Opmærksomheden ligger på varen og prisen.
Sort giver priserne tyngde
Over for den gule farve står en næsten sort koksgrå. Den bruges blandt andet i topbjælken, typografien, knapperne og flere større informationsfelter.
Sort forbindes ofte med autoritet, styrke og tydelighed. På Netto.dk tilfører farven den struktur, som den energiske gule ellers kunne mangle.
De store sorte bogstaver er lette at læse, også når priser og budskaber skal afkodes hurtigt. Samtidig giver den mørke farve tilbuddene mere visuel vægt.
Det er vigtigt, fordi en lav pris ikke nødvendigvis skal præsenteres som noget svagt eller tilfældigt. Den mørke typografi får kommunikationen til at virke sikker og direkte: Dette er prisen, og den behøver ikke en lang forklaring.
Sort sørger også for, at Netto ikke fremstår alt for lyst og muntert. Farven giver brandet en robusthed, der passer til varer, indkøbsvogne, butiksskilte og hverdagens praktiske indkøb.
Kontrasten fungerer næsten som et skilt
Gul og sort danner en af de tydeligste farvekontraster, vi kender. Kombinationen findes blandt andet på advarsler, vejskilte og andre steder, hvor information skal opdages hurtigt.
På Netto.dk bruges den samme synlighed i en mindre alvorlig sammenhæng. Den besøgende skal kunne finde tilbud, åbningstider, butikssøgning og appfordele uden først at studere hele siden.
Et tydeligt eksempel er feltet med butikkens åbningstider. Her står den gule overskrift på en mørk baggrund, mens søgefeltet er hvidt. De tre farver opdeler straks området i information, handling og baggrund.
Det samme princip gentages i knapper og tilbudsmærkater. Gul viser, hvad der fortjener opmærksomhed. Sort skaber kontrast og retning, mens hvid giver plads til selve handlingen.
Farverne bliver dermed en del af navigationen og ikke kun af Nettos branding.
Hvid skaber afstand til tilbudsavisen
Selvom gul og sort skaber identiteten, er hvid en afgørende del af Netto.dk.
Hvid forbindes ofte med enkelhed, klarhed og plads. På hjemmesiden bruges den mellem kampagnerne og som baggrund for kort, søgefelter, produktbilleder og artikler.
Det forhindrer de mange tilbud i at flyde sammen.
Netto.dk indeholder tilbudsaviser, apppriser, nyheder, opskrifter og information om butikker. Mange af elementerne har deres egne billeder og produktfarver. Uden de lyse mellemrum ville forsiden hurtigt blive tæt og vanskelig at overskue.
De hvide flader fungerer som pauser. De giver øjet mulighed for at skelne mellem ugens tilbud, Netto+ og hjemmesidens øvrige indhold.
Det viser, at en stærk brandfarve ikke behøver dominere hvert eneste område. Den kan tværtimod virke stærkere, når den får lov til at stå mod en rolig baggrund.
Tilbudsavisen bliver en del af brugerfladen
Netto.dk forsøger ikke at skjule sin forbindelse til den klassiske tilbudsavis. De gule flader, store sorte priser og kompakte produktopstillinger er tydelige referencer til den trykte reklame.
Det interessante er, at dette udtryk fortsætter uden for selve tilbudsavisen.
Den samme gule farve bruges på knapper, overskrifter, appmærkater og informationsfelter. Den mørke typografi går igen i navigationen og på nyhedskortene. Derfor føles tilbudsavisen ikke som et fremmed dokument, der blot er blevet placeret på hjemmesiden.
Den bliver en naturlig del af det digitale design.
Det skaber sammenhæng mellem forskellige handlinger. Uanset om den besøgende leder efter ugens pris, en lokal butik eller fordelene ved Netto+, mødes vedkommende af det samme visuelle sprog.
Det er et godt eksempel på, hvordan farvevalg i webdesign kan forbinde branding og funktion.
Produkterne leverer resten af farverne
Netto sælger varer i stort set alle tænkelige farver. Emballage, madvarer, kampagnefotografier og opskrifter tilfører derfor automatisk røde, grønne, blå og brune nuancer til hjemmesiden.
Designet forsøger ikke at kontrollere denne variation ved at gøre alt gult.
I stedet placeres produktbillederne i hvide kort eller inden for tydelige kampagnefelter. Den faste kombination af gul, sort og hvid fungerer som en ramme omkring de skiftende farver.
Det giver Netto mulighed for at vise alt fra kylling og ost til rengøringsmidler og boligvarer uden at miste sin identitet.
Selvom indholdet ændrer sig fra uge til uge, forbliver farvernes roller de samme. Derfor kan hjemmesiden rumme mange kampagner og stadig føles som Netto.
Runde former gør kontrasten mindre hård
Gul og sort kan være en hård og næsten advarende kombination. Netto.dk bløder den op gennem afrundede knapper, søgefelter, bannere og kort.
Formerne ændrer ikke farvernes betydning, men de påvirker, hvordan farverne opleves.
En sort firkant med skarpe hjørner kan virke streng. En sort, afrundet knap med hvid tekst føles mere imødekommende og nem at aktivere. På samme måde gør de runde gule mærkater tilbuddene venligere og mere tilgængelige.
Det er samspillet mellem farve og form, der får designet til at fungere. Farverne skaber opmærksomhed, mens de bløde former sørger for, at oplevelsen ikke bliver aggressiv.
Netto.dk viser dermed, at man ikke kan vurdere en farvepalette helt isoleret. Typografi, former og afstand har stor betydning for, hvordan farverne bliver opfattet.
Farverne forbinder hjemmesiden med butikken
Når en kunde går forbi en Netto-butik, er den gule og sorte identitet synlig på lang afstand. Den samme genkendelighed fortsætter på Netto.dk.
Det er værdifuldt, fordi hjemmesiden ikke skal introducere et helt nyt visuelt univers. Den skal føles som en digital forlængelse af den butik, kunden allerede kender.
Den mørke topbjælke minder om et butiksskilt. De gule tilbudsfelter ligner ugens avis, og den kraftige typografi har samme direkte karakter som prisskiltene i butikken.
Farverne mindsker dermed afstanden mellem den fysiske og digitale oplevelse. Brugeren behøver ikke lære et nyt designsprog for at finde tilbud eller søge efter en butik.
Genkendelsen er næsten øjeblikkelig.
Det viser Netto.dk om stærke brandfarver
Netto.dk illustrerer flere nyttige principper for brugen af farver på en hjemmeside:
- En brandfarve behøver ikke fylde hele siden for at dominere oplevelsen.
- Stærke farver virker bedst, når de får en neutral modvægt.
- Brug farver konsekvent på tværs af branding, navigation og handlinger.
- Lad produktbilleder skabe variation inden for en stabil farveramme.
- Brug kontrast til at gøre information hurtig at afkode.
- Kombinér kraftige farver med former, der passer til den ønskede personlighed.
- Sørg for, at knapper og funktioner også kan forstås gennem tekst og placering.
- Lad det digitale design bygge videre på den fysiske identitet.
Det mest interessante ved Netto.dk er derfor ikke blot, at hjemmesiden er gul og sort. Det er måden, farverne får faste opgaver på.
Gul skaber opmærksomhed og signalerer tilbud. Sort giver struktur og tyngde, mens hvid skaber den nødvendige ro omkring varer og kampagner.
Sammen gør farverne discount til en genkendelig identitet frem for blot en lav pris.
Ville du stadig genkende siden uden logoet? Prøv selv på Netto.dk.
