Produkteksempel · Dagligvarer
Nemlig.com
Danmarks største online-only dagligvarehandel — et lager-drevet katalog på 9.000+ varer med tidsbestemt levering året rundt, grundlagt i 2010. Kategoristrukturen og den faceterede filtrering er stærke, og leveringsslot-først matcher ferskvarer. Men den tunge SPA gør performance til den store akilleshæl.
- Navigation8.3
- Visuelt design7.8
- Performance6.0
- Onboarding8.0
- Tilgængelighed7.0
Executive summary
Nemlig.com scorer 7,5 for referencecasen inden for ren dansk online-dagligvarehandel: en dyb, søgbar kategoristruktur på over 9.000 varer og faceteret filtrering med live-optalte resultater, der matcher etableret best practice for e-handels-produktlister.14
Onboardingen er rigtigt tænkt for ferskvarer: postnummer og leveringsslot gates først, fordi tilgængelighed driver hele ordren, og to leveringstyper giver fleksibilitet. Tillidssignalerne er konkrete og specifikke — Friskhedsgaranti, live-optalt prismatch mod REMA 1000 og gratis levering fra 0 kr. Nemlig.com er efter eget udsagn og branchekonsensus Danmarks største onlinesupermarked.12
Den store ridse er performance. Reelle brugertal viser dårlige Core Web Vitals (LCP ~4,2 s, INP 232 ms, CLS 0,25), fordi siden er en tung SPA, der næsten intet renderer uden JavaScript. Dertil kommer konkrete tilgængelighedsfejl — en zoom-låst viewport (i strid med WCAG 1.4.4), ikon-knapper uden navn og et manglende skip-link. For et stort katalog på mobil trækker det helheden mærkbart ned.5
Kort fortalt
- Dyb, søgbar kategoristruktur på 9.000+ varer med faceteret filtrering og live-optalte resultater.
- Leveringsslot-først (postnummer + slot før kurv) er den rigtige model for ferskvarer.
- Konkrete tillidssignaler: Friskhedsgaranti, live prismatch mod REMA 1000, levering fra 0 kr.
- Performance er svag: reelle Core Web Vitals i »dårlig«-intervallet (LCP ~4,2 s, INP 232 ms, CLS 0,25).
- Tilgængelighedsfejl: zoom-låst viewport (WCAG 1.4.4), ikon-knapper uden navn, intet skip-link.
Hvad gør siden rigtig godt?
Dyb, søgbar kategoristruktur
En velstruktureret dagligvare-taksonomi kombineret med et fremtrædende søgefelt gør det muligt at finde vej i 9.000+ varer — søgning og filtrering er det bærende opdagelsesspor i et stort katalog.1
Leveringsslot-først onboarding
At gate postnummer og leveringsslot før kurven er den korrekte mentale model for ferske varer: tilgængeligheden af et slot styrer hele ordren, så den beslutning hører hjemme først.1
Konkrete, specifikke tillidssignaler
Friskhedsgaranti med konkrete dags-løfter, et live-optalt prismatch mod REMA 1000 og gratis levering fra 0 kr. er specifikke, verificerbare signaler frem for abstrakte løfter.1
Forbedringsmuligheder
Løft de dårlige Core Web Vitals
Reelle brugertal viser LCP ~4,2 s, INP 232 ms og CLS 0,25 — alle i »dårlig«-intervallet. Reducér JavaScript-afhængigheden og katalogets klient-render-vægt, så siden bliver brugbar på mobil og svage forbindelser.5
Fjern zoom-låsen og navngiv ikon-knapper
Fjern maximum-scale/user-scalable=no fra viewporten (i strid med WCAG 1.4.4), giv ikon-knapper (kurv, leveringsbil, konto) tilgængelige navne, og tilføj et spring-til-indhold-link — hurtige WCAG-gevinster.5
Rebalancér de sponsorerede blokke
Reklame- og sponsorblokke flettet ind i kategori-taksonomien udvander informationssporet på listesiderne. En klarere adskillelse holder scent-of-information ren.1
Gennemgang af hver kategori
Navigation
8.3En dyb, velstruktureret dagligvare-taksonomi (Frugt og grønt, Kød og fisk, Mejeri, Frost, Kolonial, Drikkevarer m.fl.) og et fremtrædende søgefelt (»Søg blandt mere end 9.000 varer og opskrifter«). Kategorisiderne eksponerer facetfiltre med live-optalte resultater (Prismatch, Økologisk, Tilbud, Mærke) og sortering — helt på linje med Baymard/NN-g-best practice for produktlister.134
Visuelt design
7.8Et rent, konverteringsorienteret dagligvare-layout med stærke tillidssignaler over folden (Friskhedsgaranti, prismatch mod REMA 1000, Trustpilot-badge, »Måltider fra kun 28 kr.«). Tætheden er høj, men typisk for et fuldt dagligvarekatalog. Sponsorerede blokke flettet ind i kategori-taksonomien kan dog udvande informationssporet.1
Performance
6.0Den store svaghed. Reelle brugertal (CrUX) er i »dårlig«-intervallet: LCP omkring 4,2 sekunder (p75), INP 232 ms og et layout-skift (CLS) på 0,25. Siden er en tung JavaScript-SPA, der reelt renderer intet uden JS — i tråd med anekdotiske brugerklager over langsom indlæsning. For et stort katalog på mobil er det et markant problem.5
Onboarding
8.0Første ordre gates fornuftigt på postnummer og leveringsslot først (»tryk på bilen, tast dit postnummer, se hvornår du hurtigst kan modtage levering«). Slot-før-kurv er den rigtige mentale model for ferske varer, hvor tilgængelighed styrer hele ordren. To leveringstyper (Personlig og Fleksibel) giver fleksibilitet.1
Tilgængelighed
7.0Fundamentet er delvist sundt: korrekt sprogangivelse (lang=da), præcis én H1 og mærkede formularfelter. Men en egen scanning (74/100) og en gennemgang afdækker konkrete fejl: en viewport, der slår pinch-zoom fra (maximum-scale/user-scalable=no, i strid med WCAG 1.4.4), ikon-knapper uden tilgængeligt navn og et manglende spring-til-indhold-link.5
Top 5 anbefalinger
Gør performance til førsteprioritet
Skær JavaScript-vægten ned, server-render nøgleindhold og prioritér LCP-elementet. På et stort dagligvarekatalog er hastighed på mobil direkte koblet til konvertering.
Lav de hurtige tilgængelighedsrettelser
Fjern zoom-låsen, navngiv ikon-knapperne og tilføj et skip-link. Det er lav-indsats, høj-effekt-forbedringer for tastatur- og skærmlæserbrugere.
Hold listesiderne rene
Adskil sponsoreret indhold tydeligt fra kategori-taksonomien, så brugerens informationsspor gennem et stort katalog ikke brydes.
Bevar slot-først-flowet
Leveringsslot-før-kurv er en styrke, der er værd at beskytte i enhver redesign — det matcher ferskvarernes virkelighed og sætter forventningen tidligt.
Hvad kan andre lære?
Filtrering med tal gør omfang synligt
Facetfiltre, der viser antal resultater, hjælper brugeren med at forstå katalogets omfang før klikket — et af de mest værdifulde mønstre for store produktlister.4
Match onboarding-rækkefølgen til virkeligheden
For ferskvarer styrer leveringsslottet hele ordren, så slot-før-kurv er den rigtige rækkefølge. Lad domænets virkelighed bestemme, hvad brugeren skal beslutte først.
Et stærkt katalog kan ikke redde en langsom side
Nemlig.coms IA og filtrering er blandt de bedste i dansk e-handel, men dårlige Core Web Vitals på mobil koster alligevel — hastighed er en forudsætning, ikke en detalje.5
Afslutning
Nemlig.com er referencecasen for ren online-dagligvarehandel i Danmark: en dyb, søgbar kategoristruktur, faceteret filtrering med live-tal og et leveringsslot-først-flow, der matcher ferskvarernes virkelighed.
De 7,5 point trækkes ned af to konkrete ting: dårlige Core Web Vitals fra en tung SPA og en håndfuld fikserbare tilgængelighedsfejl (zoom-lås, unavngivne ikon-knapper, manglende skip-link). Fundamentet i informationsarkitekturen er stærkt — det er leveringen af det til brugerens skærm, der halter.
Ofte stillede spørgsmål
Hvor stort er Nemlig.com?
Nemlig.com er efter eget udsagn og branchekonsensus Danmarks største online-only supermarked, med et katalog på over 9.000 varer og levering året rundt. I regnskabsåret 2022/23 var omsætningen 2,51 mia. kr. med et underskud efter skat på 195 mio. kr.
Hvordan fungerer levering hos Nemlig.com?
Man starter med at taste sit postnummer og vælge et leveringsslot, før man handler — leveringsslottet gates altså først, fordi det for ferske varer styrer hele ordren. Der findes to leveringstyper (Personlig og Fleksibel), og levering tilbydes fra 0 kr. i fragt.
Hvorfor får Nemlig.com ikke en højere score?
Informationsarkitektur, filtrering og onboarding er stærke, men to ting trækker ned: reelle Core Web Vitals er i »dårlig«-intervallet (LCP ~4,2 s, INP 232 ms, CLS 0,25) på grund af en tung SPA, og der er konkrete tilgængelighedsfejl (en zoom-låst viewport i strid med WCAG 1.4.4, ikon-knapper uden navn og et manglende spring-til-indhold-link).
Anvendte principper
- Faceteret filtrering
- Opgave-rækkefølge efter domæne
- Konkrete tillidssignaler
- Performance som forudsætning
Relaterede mønstre
Kilder
Flere eksempler
