Web shop · Front-end
GoedGeregeld
Compare and order partner services, from your phone if you like.
- Role
- front-end developer
- Period
- delivered April 2025
- Client
- ANWB
- Type
- web shop (public)
- Key technology
- Mendix 10 (React client), SCSS
About the project
GoedGeregeld is where you order services from ANWB's partners. Visitors browse by category and land on partner pages with reviews and a step-by-step guide. Ordering happens through a shopping cart and a checkout wizard. It's a public shop, running on Mendix's new React client.
What I built
On this one I only did the front-end, but I did all of it. The styling lives in a dedicated styling module I wrote, covering the homepage, the category and partner pages, the menu, footer and FAQ, right through to the shopping cart, the checkout wizard and the cookie banner. The shop was delivered in April 2025.
Key features
Three breakpoints
the layout adapts to the screen, and on mobile the order button stays in view the whole time.
Ordering in steps
a modal, a wizard and a confirmation, so you always know where you are.
Accessible:
if your settings ask for less motion (`prefers-reduced-motion`), the animations are switched off.
Tools used
- Front-end
- SCSSMendix AtlasReact client
- Mendix
- Mendix 10.24
What I learned
- 01
Front-end for a public channel: , where conversion and trust decide things.
- 02
Responsive work inside Mendix: , on the new React client.
- 03
Shaping a checkout flow: people get through without instructions.