2026 · Utvikler — nettstedet, byggingen og publiseringen
Uretusjert
Et kampanjenettsted for Debio Marked, laget for at tjue PDF-er skulle kunne leses på mobil.
- Utvikling
- Design

Oppdraget
Debio sertifiserer økologisk produksjon i Norge og eier Ø-merket, som står på emballasjen. Selve kampanjen kommer fra Debio Marked, som er noe annet og lett å forveksle med Debio. Den spiller på regelen om at retusjert reklame skal merkes som retusjert: økologisk mat, er argumentet, er uretusjert. Plakatene har et stempel som sier akkurat det, og de peker til en nettadresse.
De hadde konseptet, det visuelle og tjue PDF-er klare. Det de trengte, var et sted der det kunne bo. Så det var omtrent så enkelt som et oppdrag kan bli. Jeg fikk tjue PDF-er og ble bedt om å gjøre dem om til en nettside.

Designet
Kampanjen var tegnet for papir og sosiale medier, så det meste av designarbeidet handlet om å bestemme hva de delene blir på en skjerm.
Det mest gjenkjennelige grepet er overskriftsfeltet: hvite versaler på en ensfarget blokk som ligger tett rundt teksten. På en plakat er det bare slik det er tegnet. På en nettside må det tåle et linjeskift hvor som helst og i hvilken som helst bredde, så det er bygget i CSS i stedet for å ligge som et bilde, og hver linje som brytes får sin egen blokk. Den behandlingen går igjen i alle overskriftene på nettstedet.
Fargepaletten kom fra selve plakatene, hentet ut fra overskriftsfeltene og Ø-merket. Hver produksjonstype får sin egen aksentfarge, knyttet til plakaten sin der det finnes en. Jeg sjekket kontrasten på alle sammen. Én av dem er en blek tone, så den brukes bare som aksent og ligger aldri bak hvit tekst.
Typografien er det ene stedet der jeg gikk imot kildematerialet. Trykksakene har overskriftene i Eames Century Modern, men plakatene folk faktisk så på gata er satt i Trebuchet, og det er plakatene nettstedet må føles som en fortsettelse av. Så nettstedet bruker Trebuchet hele veien. Da slapp vi også en fontlisens.

Byggingen
PDF-ene kommer i par for hver produksjonstype, én kort for forbrukere og et lengre teknisk notat: melk, egg, kylling, svin, korn, honning og så videre. Legger du dem ved siden av hverandre, er det det samme dokumentet ti ganger med ulikt innhold. Det gjorde nettstedet lett å forme: én side per produksjonstype, samme struktur hver gang, og den opprinnelige PDF-en ligger der fortsatt for dem som vil ha den.
Resten handlet om å få det til å fungere skikkelig på mobil. Noen som skanner en QR-kode på en plakat i en butikk, kommer ikke til å sitte og zoome seg gjennom en PDF.
Det er et statisk nettsted der innholdet ligger som Markdown i repoet i stedet for i et CMS. Ingenting endres etter at kampanjen er lansert, og et CMS ville bare vært én ting til for noen hos Debio Marked å holde øye med.


Min rolle
De kom med kampanjen, art direction og dokumentene. Jeg laget nettstedet: designvalgene over, byggingen og å få det ut på nett. Dette var et frilansoppdrag, så alt var mitt, fra første commit til domenet.
Resultatet
Det ligger ute på ømerket.no, som er dit plakatene peker.
Jeg har ikke tall på det. Besøksstatistikk er slått av på nettstedet, og jeg har ikke spurt Debio Marked hva de ser fra sin side.