SPAR

SPAR header

2023

Developer

Voor SPAR is als MVP een gedeelte van de website vervangen. In het specifiek de online omgevingen van de Buurt, City en Enjoy ketens van het supermarktconcern. Het gaat hierbij in totaal om ongeveer 80% van het online verkeer.De nieuwe website is headless opgezet, wat voor veel flexibiliteit zorgt bij de klant. De pagina's zijn ook qua content opgezet met Contentstack als CMS, waardoor de klant makkelijk zelf de content kan aanpassen. Ook kunnen er aanbiedingen en eventuele recalls snel toegevoegd worden indien nodig.

spar mobile homepage
Spar desktop homepage
01

Homepage

De homepage was een essentieel onderdeel van de MVP. Dit is de plek om interessante en relevante informatie naar te gebruiker te communiceren, zoals aanbiedingen en spaaracties. Naast verschillende banners met daarin de aanbiedingen, waren er ook verschillende ingangen naar de product categorieën en productpagina's zelf. De content werd ingeladen vanuit een centraal JSON bestand, om zo makkelijk in een latere fase een CMS te implementeren.

spar multi phone PLP page
02

PLP Page

De product overzicht pagina's waren ook onderdeel van de MVP. Hier worden dynamisch producten ingeladen die ontvangen worden vanuit een API. Aangezien verschillende type SPAR winkels verschillende assortimenten hebben met ook nog eens andere prijzen per product, wordt dit per SPAR vanuit de API opgevraagd. De pagina is dus volledig dynamisch, ook de quickfilters zijn eventueel per assortiment verschillend.

03Meer projecten