96 Bureau F
Kort fortalt: Et tysk designbyrå [bekreftes] der «BUREAU F——» står i spatiert mono-versal med to tegnede øyne, og venstre kolonne er filterknapper i rammer ved siden av et rutenett av prosjektbilder.
Hvorfor det virker
Filteret er både menyen og heroen. Tjenestene (Alles, Branding, Digital, Kampagne, Packaging, Print) er store, klikkbare kategorier, så besøkende kan gå rett til det de trenger. De to tegnede øynene øverst til høyre gir et lite blikk og personlighet uten å bli tegneserie. Prosjektbildene viser ekte, fotografert arbeid som emballasje, flasker og trykksaker i bruk. Siden ble kåret til Site of the Day på Best Website Gallery (10. april 2022).
Typografi
Monospace i versaler, spatiert, for ordmerket. Filterknappene er satt i samme mono i små bokstaver. Fontnavn ukjent [bekreftes].
Layout og grid
Tydelig tabell: ordmerket i en topprad med linjer, filterkolonnen til venstre (den aktive, «Alles», har en håndtegnet ring) og prosjekter i et rutenett med ulike størrelser til høyre.
Farge
Nesten hvit (#F8F8F8), mørk grå (#303430) og strektegninger. Fargen kommer bare fra prosjektene.
Bilder og illustrasjon
Redaksjonelle prosjektfoto og to små tegnede øyne.
Bevegelse og interaksjon
Filtrerbar indeks ifølge biblioteket.
Tekst og tone
Nesten ingen tekst, bare kategorinavn på tysk og engelsk.
Mobil
Filterknappene blir en smal, loddrett kolonne med rotert tekst til venstre, og prosjektene står til høyre. Det er en kreativ og funksjonell løsning.
Hva kunne vært bedre
Det er ingen setning om hvem byrået er eller hvor det holder til. Den roterte teksten på mobil er tyngre å lese.
Hva NESTE kan stjele
For NESTE sin portefølje, og for fotografer, trykkerier og håndverkere med flere fagfelt: gjør tjenestene til filterknapper i forsiden. Et lite håndtegnet element markerer aktivt valg.
Fra bibliotekets notat
Kurators observasjon da siden ble lagt inn (ikke verifisert på nytt): «BUREAU F——» i spatiert mono-versal med to tegnede øyne, venstre kolonne er filterknapper (Alles, Branding, Digital, Kampagne, Packaging, Print) i rammer, prosjektbilder i rutenett til høyre. Hvorfor den ikke er generisk: Filteret er menyen og heroen – tjenestene blir klikkbare kategorier, med et lite tegnet blikk som personlighet.
Designprinsipper
02 rutenett (Müller-Brockmann) (tabell og grid), 07 Laws of UX (Hick/Fitts) (få, store valg), 05 NN/g-heuristikker (gjenkjenning), 04 identitet (Scher/Bierut).