Website-inspiration: Grilled Pixels

Farverne er næsten fraværende. Siden holder sig til en monokrom palet, og al personlighed ligger i bogstaverne. Typografien er monumental, og overskrifterne er sat i pixelbogstaver, så man næsten kan tælle de enkelte punkter. Det giver en håndlavet, teknisk følelse. Ovenpå ligger en kornet tekstur, der får de flade flader til at ligne trykt materiale mere end en skærm. Dertil kommer håndtegnede interface-diagrammer og skråtstillede kort, som får det hele til at se ud, som om nogen har siddet med blyant og tape.

Jeg læser valget sådan her: en begrænset palet tvinger designeren til at arbejde med kontrast, størrelse og rytme, og så er udtrykket umuligt at forveksle med en skabelon. Et bureau, der vil hjælpe kunder med at skille sig ud, skal selv se ud, som om det har truffet en beslutning.

Prisen for det rå udtryk er typisk læsbarhed. Pixelbogstaver er fine til få, store ord, men trættende i lange tekster. Det er værd at have i baghovedet, hvis du overvejer noget lignende.

Bureauets tidligere e-commerce-projekter vises i en tredimensionel scroll-sekvens. I stedet for et gitter med små billeder bliver du ført gennem casene som en slags rundtur, hvor hvert projekt får lidt plads for sig selv. Det giver en grund til at blive ved med at rulle, og det er en fin måde at vise et portfolio på.

For et bureau, der bygger webshops, er det samtidig en lille demonstration af, at visuelt tunge effekter kan have en plads på nettet.

Her er mit forbehold, og det er en vurdering, ikke en måling: 3D-effekter kræver generelt mere af browseren end almindelige sider. Det kan føles lækkert på en kraftig computer og tungt på en ældre telefon. Det er fint i et portfolio. I en webshop, hvor hastighed kan afgøre, om nogen når frem til kassen, skal du teste grundigt, før du kopierer det.

Under det rå look er budskabet praktisk. Bureauet fokuserer på tre ting, som afgør en webshops økonomi: at få besøgende til at købe, at få dem til at komme tilbage, og at få dem igennem checkout. Det er et tydeligt løfte, og det er svært ikke at bemærke, at designet er skruet sammen til at understøtte det.

Det er en god påmindelse om, at en webshops design ikke først og fremmest handler om pynt. Et tydeligt produktbillede, en overskuelig pris og en knap, der er til at finde, flytter ofte mere end en avanceret animation. Checkout er særlig følsom. Her forsvinder kunder over småting som uventede gebyrer, tvungen oprettelse af konto eller en formular, der driller på mobilen. Hvis du kun har tid til at rette én ting i din shop i dag, så gå din egen checkout igennem på telefonen og skriv ned, hvor du selv bliver irriteret.

Du behøver ikke et bureaubudget for at bruge ideerne. Her er de greb, der kan oversættes til en mindre shop:

- **Begræns paletten.** To eller tre farver, brugt konsekvent, giver ofte et mere professionelt indtryk end et bredt farvevalg. Lad en enkelt accentfarve markere knapper og tilbud. - **Brug karakterfuld typografi sparsomt.** En markant skrift til overskrifter og en rolig til brødtekst er nok. Test altid, at teksten kan læses på en mobilskærm. - **Tag animation med måde.** En blød overgang mellem sektioner kan løfte oplevelsen, men tunge 3D-effekter hører hjemme i et portfolio. På en produktside skal du måle, at siden stadig loader hurtigt. - **Sig det enkelt.** Fortæl, hvad du sælger, hvad det koster, og hvordan man køber. Det er det første, en besøgende leder efter.