Soda - bij winkeldiefstal afhandeling

De Uitdaging & De Oplossing

Het bestaande formulier van bijwinkeldiefstal.nl werkte wel, maar het invulproces was niet altijd even logisch.

Op basis van een nieuw Figma-ontwerp heb ik het formulier omgezet naar een meerstapsformulier met Laravel, Inertia en (herbruikbare) Vue-componenten, om zo de UX te verbeteren. Daarbij heb ik onder andere de stappenflow, de formuliervalidatie en de conditionele logica tussen stappen gebouwd. Door met herbruikbare (Vue/Inertia) componenten te werken, ook per stap, blijft het formulier overzichtelijk en is makkelijk terug te vinden waar iets zit — handig voor latere aanpassingen.

Het invulproces is verbeterd door logischere stappen, illustraties en duidelijke toelichtingen toe te voegen, wat het indienen van een aangifte makkelijker maakt en zal leiden tot minder vragen aan de Soda-helpdesk.

OCR scanner

Om het makkelijker te maken zit er ook een OCR-scanner is, om tekst/data vanuit ID's en kassabonnetjes te kunnen krijgen vanuit een foto. Zo staan de gescande gegevens, zoals naam, leeftijd, prijzen en producten van een kassabon meteen ingevuld. De OCR-functie is gedaan met behulp van de AWS API.

Momenteel loopt er een pilot waarbij geselecteerde klanten het formulier testen. Op basis van hun feedback worden verbeteringen doorgevoerd.

Oude formulier

Nieuwe formulier