Vinoble

2024
6 teknologier
Fremhævet

Jeg har udviklet Vinobles nye webshop med et stilrent og moderne design, hvor der er fokus på brugervenlighed, hurtig navigation og en intuitiv købsoplevelse. Webshoppen er skabt for at gøre det nemt for kunderne at udforske og finde det rette produkt i et visuelt indbydende og responsivt layout.

Min rolle: Udvikling — i samarbejde med kolleger hos Brand by Hand
Produkter: 2.561
Butikker: 46
Producenter: 342
Kategorier: 62

Kategorisiden: genveje til kategorier, filterpanel og sortering.

Opgaven

Udfordringen

Vinoble sælger vin og spiritus ud over det sædvanlige — gennem en webshop og et landsdækkende netværk af selvstændige butikker.

Med over 2.500 varer skal kunden kunne finde den rigtige flaske hurtigt, også uden at kende navnet på den. Og salg af alkohol på nettet kræver en alderskontrol, der ikke vælter købet.

Sådan blev det løst

Løsningen

Webshoppen er bygget i WooCommerce og Elementor på et eget tema. Filtreringen er skrevet til formålet: et REST-endpoint leverer de færdige produktkort, så filtre på pris, land, producent, type og madforslag skifter uden genindlæsning, og adressen følger valget.

Produktdata er udvidet med producenter og distrikter som egne taksonomier, så en vin kan fortælle, hvor den kommer fra, og linke til resten af producentens sortiment. Butikkerne har deres egen indholdstype med regioner og åbningstider, og alderskontrollen med MitID ligger i checkout, hvor den hører hjemme.

I praksis

Løsningen i punkter

Produktfilter med prisslider, land, producent, produkttype og "anbefales til" — plus økologisk, biodynamisk, vegansk og alkoholfri
Eget REST-endpoint til filteret, adresser der følger valget, og "indlæs flere" i stedet for sideskift
Syv sorteringer, blandt andet årgang, flaskestørrelse og lager
Produktsider med specifikationer, druesammensætning, madforslag, anmeldelser, tekst om producent og distrikt og produktark som PDF
360°-visning af flasken
Læg i kurv direkte fra produktlisten
Butiksoversigt med 46 butikker, filter på region, åbningstider og en side pr. butik
Live-søgning med billede og varenummer i forslagene
Alderskontrol med MitID i checkout