Coolblue app.
Een onafhankelijk conceptontwerp voor de Coolblue-app, gebouwd als werkend prototype dat je zelf doorklikt in plaats van een video.
- Klant
- Coolblue (concept, geen opdracht)
- Jaar
- 2026
- Rol
- UX, UI, prototype
- Scope
- Mobiele app, 13 flows
- Stack
- HTML · CSS · JavaScript
01 / Het probleem
Een winkelapp staat of valt met de saaie momenten: het ding vinden, ervoor betalen, erop wachten.
Dit is een eigen concept, niet gemaakt voor of met Coolblue. De vraag was eenvoudig: hoe zou de app voelen als elke flow de belofte van een glimlach waarmaakt, van de eerste zoekopdracht tot een terugbetaling?
De scope was dus de hele reis, niet één mooi scherm: zoeken, productpagina, afrekenen, bezorging volgen, ophalen in de winkel, retour en terugbetaling, dertien flows in totaal.
02 / Het systeem
Het blauw en oranje van het merk, met regels.
Blauw draagt de navigatie en de links, marineblauw zet de grote titels, en oranje is voorbehouden aan de ene actie die je verder helpt. Strakke pilknoppen, rustige kaarten op een lichtgrijze pagina en een slab-serif voor de vriendelijke tussenzinnen. De merknamen in het assortiment zijn verzonnen en elke productafbeelding is met de hand getekend.
Kleur
- Blue#0090E3
- Navy#2A5CAD
- Orange#FF6501
- Page#F0F0F0
- Line#E3E3E3
- Text#0D1011
Typografie
- Display
- Nunito Sans
- Tekst
- Bitter
Hoeken
4–8 px, pills
03 / De bouw
Een prototype dat echt draait.
De app draait live in een telefoonkader van 390 × 844 naast de presentatie, zodat je meteen naar elke flow springt en hem doorklikt. Gebouwd in gewone HTML, CSS en JavaScript, zonder framework, zodat hij meteen laadt.
04 / Schermen
De presentatie en het startscherm van de app, desktop en telefoon.
05 / Het resultaat
Wat we zouden meten.
Dit is een conceptproject, dus er zijn geen klantresultaten. Dit zijn de cijfers die het ontwerp moest bewegen.
- 01
Van zoeken tot mandje
Tikken van de eerste zoekopdracht tot een product in het winkelmandje.
- 02
Afgeronde bestellingen
Aandeel gestarte bestellingen dat eindigt in een order.
- 03
Zelf geregeld
Bezorgingen en retouren die in de app geregeld worden, zonder te bellen.
Gratis · 30 minuten