Van ‘In winkelwagen’ tot het pakket aan de deur — en weer terug.
Webshop-backoffice met een werkende demowinkel: producten in maten en kleuren, afrekenen met kortingscodes, verzending met track-and-trace, retouren, klanten en verlaten winkelwagens.
Een e-commerceprototype voor merken en retailers die online verkopen. Klanten bladeren door de webwinkel, kiezen maat en kleur, vullen een kortingscode in en rekenen af; de bestelling komt binnen in de backoffice, waar het team haar inpakt, met een trackingnummer verzendt en als bezorgd markeert — of annuleert of terugneemt met terugbetaling. Voorraad, klanten, kortingscodes, verlaten winkelwagens en verkooprapporten volgen uit dezelfde bestellingen.
Dit is een interactief prototype om te evalueren – geen gehost product waarop je een abonnement neemt. Een productieversie wordt op aanvraag voor jouw organisatie gebouwd en aangepast.
Categorieën, zoeken en producten in maten en kleuren, met actieprijzen en voorraad per variant. Uitverkochte varianten kunnen niet in de winkelwagen.
Aantallen worden gecontroleerd tegen de voorraad, kortingscodes tegen hun voorwaarden; gratis verzending vanaf een drempel en de inbegrepen btw zijn direct zichtbaar. Bij het afrekenen worden prijzen, voorraad en code opnieuw gecontroleerd.
Elke bestelling met de regels zoals verkocht, de klant, het afleveradres, de totalen en een tijdlijn. Filter op wat er moet gebeuren, zoek op nummer, klant, e-mail of trackingnummer.
Inpakken, verzenden met verzendmethode en trackingnummer, als bezorgd markeren. Elke stap krijgt een tijdstempel; een afdrukbare pakbon toont wat er in de doos gaat.
Nog niet verzonden bestellingen kunnen worden geannuleerd — terugbetaald en terug op voorraad. Bezorgde bestellingen kunnen retour komen, met of zonder terugboeking op voorraad.
Tot 30 varianten per product, elk met eigen artikelnummer, prijs, van-prijs en voorraad. Concepten blijven uit de winkel; gearchiveerde producten houden hun bestelhistorie.
Percentage, vast bedrag of gratis verzending, met minimumbedrag, begin- en einddatum en gebruikslimiet — en hoe vaak elke code is gebruikt en wat hij opbracht.
Winkelwagens met een e-mailadres die al meer dan een uur verlaten zijn, hun waarde, de verstuurde herinneringen en hoeveel herinnerde winkelwagens alsnog een bestelling werden.
Omzet per week, gemiddelde bestelling, terugkerende klanten, retourpercentage, mediane tijd tot verzending, bestsellers, categorieën en kortingscodes over 30, 90 of 180 dagen.
Open de webwinkel, kies maat en kleur, vul WELCOME10 in en reken af.
Open de nieuwe bestelling, markeer haar als ingepakt, verzend haar met een trackingnummer en markeer haar als bezorgd.
Registreer een retour voor een bezorgde bestelling en bepaal of de artikelen terug op voorraad gaan.
Vind de varianten die bijna op zijn op het overzicht en vul hun nieuwe voorraad in.
Maak een code met minimumbedrag en einddatum en probeer hem uit in de webwinkel.
Stuur een herinnering voor een verlaten winkelwagen en volg teruggewonnen winkelwagens in de cijfers.
Vastgelegd in de huidige versie van het prototype.
01Maak een account aan of log in met Google — geen betaalgegevens nodig.
02Binnen enkele seconden krijg je een privé werkruimte met fictieve voorbeelddata.
03Doorloop de workflows en wissel in de zijbalk van demorol om te zien wat elke rol mag.
04Klik op ‘Mijn versie laten bouwen’ – je aanvraag bevat de demo en de functies die je hebt geprobeerd.
Na 72 uur worden de werkruimte en alle records die je hebt aangemaakt definitief verwijderd. Je account blijft actief en je kunt op elk moment een aangepaste versie aanvragen.
Het regelt de backoffice van een webwinkel: de catalogus met varianten en voorraad, de bestellingen uit de winkel, hun verzending en retouren, klanten en acties. Deze demo bevat een werkende webwinkel, zodat u een bestelling kunt plaatsen en helemaal kunt volgen.
Nee. Afrekenen is gesimuleerd: de bestelling wordt als betaald aangemaakt, er wordt geen kaart belast, niets verzonden en geen e-mail verstuurd.
De voorraad wordt gecontroleerd bij het toevoegen aan de winkelwagen en opnieuw bij het afrekenen, waarbij bestellingen één voor één worden verwerkt — zo kunnen twee klanten niet allebei het laatste stuk kopen. Annuleringen gaan automatisch terug op voorraad, retouren als u dat kiest.
Een code geeft een percentage, een vast bedrag of gratis verzending, eventueel met minimumbedrag, geldigheidsperiode en gebruikslimiet. De winkel vertelt precies waarom een code niet werkt — verlopen, nog niet geldig, opgebruikt of onder het minimumbedrag.
Als iemand een e-mailadres invulde maar niet binnen een uur bestelde. Per winkelwagen kan één herinnering worden vastgelegd; bestelt de klant daarna, dan telt de winkelwagen als teruggewonnen.
De kassademo is voor verkopen in de winkel, de voorraaddemo beheert voorraad over magazijnen en leveranciers heen. E-commerce verkoopt online en voegt de webwinkel, verzending met track-and-trace, retouren, kortingscodes en verlaten winkelwagens toe.
Een kassa in de browser voor kleine winkels: snel afrekenen, contant, pin of beide, bonnen, terugbetalingen en dagafsluiting met Z-rapport.
Gebouwd met: Next.js · TypeScript · PostgreSQL · Prisma
Projecten met mijlpalen, een kanbanbord, opmerkingen, urenregistratie op taken, budget versus werkelijk in uren en geld, en een alleen-lezen klantweergave.
Gebouwd met: Next.js · TypeScript · PostgreSQL · Prisma
Panden, eenheden, huurcontracten en huurders met een maandelijks huuroverzicht, deelbetalingen, ouderdom van achterstanden en onderhoudsverzoeken – voor verhuurders en beheerders.
Gebouwd met: Next.js · TypeScript · PostgreSQL · Prisma
Vraag een aangepaste versie aan. Vermeld wat je in de demo hebt geprobeerd en wat er anders moet.
