Pixel Perfect LogoPixel Perfect
Contact

Wat doe je als je een bestaande webshop hebt die erg traag is en niet meer voldoet aan je wensen?

Met dat probleem kwam William van WK Machines naar ons toe. De bestaande webshop was door de jaren heen niet meer toereikend voor de groei en wensen van klanten. De laadtijd op sommige pagina’s in het assortiment was soms 10+ seconden.

Maatwerk ecommerce voor WK Machines
ServicesFrontend Development / Backend Development / UI-UX Design
TechNext.js / Tailwind CSS / Typescript / Laravel / Vercel / AWS
DatumJuli 2024

De bestaande webshop van WK Machines was niet meer toereikend voor de groei en toekomstplannen. Op diverse plekken waren er problemen met performance en de weergave van productinformatie. In een webshop waarbij het cruciaal is dat er snel en efficiënt gefiltert kan worden was er veel ruimte voor vooruitgang. Na verschillende brainstorm sessies begrepen we al snel in welke richting we wilden.

Met een groot assortiment aan verschillende aanbouwdelen en ambitie om door te groeien was een maatwerk oplossing de ideale keuze. Op basis van onze digitale foundation gingen we aan de slag.

Ontwerp en ontwikkeling

Nadat we alle wensen voor het nieuwe platform in kaart hadden gebracht gingen we aan de slag met het ontwerpen van een schaalbaar en robuust datamodel voor het assortiment van WK Machines. Zo deelden we alle producten en varianten in op een logische manier zodat de webshop logisch en snel navigeerbaar is. Frans, onze backend developer, kon hiermee aan de slag om een API te ontwikkelen in Laravel die de webshop en admin omgeving van data voorziet.

WK Machines dashboard

Dashboard

Met ons designsystem en bestaande software foundation ontwikkelden we een efficiënte admin omgeving met beheer voor categorieën, producten, bestellingen, debiteuren en diverse configuraties. Joan, onze designer, maakte diverse prototypes voor de complexere flows zoals het beheer van bestellingen. Voor WK Machines is het essentieel dat deze optimaal werkt zodat ze snel en efficient kunnen leveren aan hun klanten.

We bouwden een koppeling met het bestaande administratie pakket Wefact en synchroniseren de debiteuren om een naadloze overgang te garanderen. Op deze manier werkt onze software slim samen met de debiteuren- en facturatiemodules van Wefact.

WK Machines dashboard

Voor betalingen integreren we met Mollie en zorgen we voor een veilige en snelle afhandeling van betalingen.

Voor het assortiment maakten we beheer voor categorieen met eigenschappen en producten met varianten, afbeeldingen, contentbeheer en meer.

WK Machines dashboard

Webshop

Naast de admin omgeving voor medewerkers gingen we ook aan de slag met de webshop. Met de huisstijl van WK Machines en onze eigen moderne stijl maakten we een design voor de webshop. Van kleine interacties tot categorie pagina’s met filtering, alles werd uitgewerkt tot een samenhangend geheel en met responsive design in gedachten.

Op basis van dit design en de data uit de Laravel API ontwikkelde Willem-Jaap, onze developer met de focus op frontend een dynamische webshop die goed werkt op alle apparaten. De slimme caching technieken die hierbij geimplementeerd zijn maken de webshop razendsnel.

WK Machines dashboard

De zoekbalk die fungeert als de primaire navigatie voor de webshop geeft snel relevante resultaten weer zodat de klant snel kan vinden wat hij zoekt. In combinatie met de filtering die beschikbaar is op categoriepagina’s is het gehele aanbod overzichtelijk ingedeeld en goed doorzoekbaar.

De productpagina’s geven duidelijk weer welke eigenschappen en opties aanwezig zijn op het product.

WK Machines dashboard

De nieuwe webshop van WK Machines lost alle problemen op die ontstaan waren met de oude omgeving, en brengt daarnaast ook nog veel verbeteringen met zich mee. WK Machines is klaar voor groei, kunnen we jouw bedrijf ook ondersteunen met software, of wil je gewoon eens brainstormen? Neem contact met ons op!

Willem-Jaap Klepper

Word jij onze volgende case?

Eens praten over de mogelijkheden of gewoon benieuwd naar wat we voor jou kunnen betekenen? Neem contact op voor een gratis brainstormsessie.

Neem contact op
We gebruiken cookies om jouw ervaring te verbeteren.

Je kunt hier meer over lezen in ons privacybeleid.