07 / 07TWEEDEHANDS · WEB & APPBinnenkort
Marktgeluk
Een tweedehands advertentieplatform voor Nederland, op het web en als app voor iOS en Android: zoeken op categorie en afstand, in zes stappen een advertentie plaatsen, chatten en bieden, en kopen met kopersbescherming.
- Wat we deden
- Product- & UX-design
- Interactief webprototype
- App voor iOS & Android
- Drie talen
- Technologieën
- React 19TypeScriptTailwind CSS 4ViteReact NativeExpoTanStack QueryZustand
- Type
- E-commerce · Eigen product
01Over het project
De vraag
Op een tweedehandsplatform kennen koper en verkoper elkaar niet. Vertrouwen ontstaat door duidelijke advertenties, makkelijk bieden en chatten, beschermd betalen en een retour- en geschillenproces dat werkt als er iets misgaat. Marktgeluk moest dat allemaal bieden, op het web én op de telefoon, in een flow die voor Nederlandse gebruikers vertrouwd voelt.
Onze aanpak
We ontwierpen eerst het hele platform als interactief webprototype: home, categorieën, advertenties, advertentie plaatsen, berichten, afrekenen, bestellingen, profiel en advertentiebeheer. Bestelstatussen, de vergoeding voor kopersbescherming en retourregels zijn in de code gemodelleerd en worden met automatische tests gecontroleerd; geld, verzending en deadlines laten we bewust aan de server over. De app voor iOS en Android gebruikt hetzelfde datamodel en dezelfde paginanamen en draait voorlopig op voorbeelddata, zodat bij de keuze voor een backend alleen de servicelaag verandert. Het project is in ontwikkeling.
02Belangrijkste functies
- 01
Zoeken en categorieën
Eén zoekbalk voor tekst, categorie, plaats en afstand, van 5 km tot heel Nederland. Twintig hoofdcategorieën op basis van een uitgebreide producttaxonomie, met filters, sortering, bewaarde zoekopdrachten en favorieten.
- 02
In zes stappen een advertentie
Categorie, foto's en video, productdetails, prijs en verkoopvorm (direct kopen, bieden of veiling), levering en locatie, en een laatste controle. Particulier of zakelijk, en je exacte adres blijft privé. Via Mijn advertenties pas je een advertentie later aan, reserveer je hem, markeer je hem als verkocht of haal je hem offline.
- 03
Advertentiepagina
Kopen met kopersbescherming, bieden met voorgestelde bedragen of de verkoper een bericht sturen. Kies ophalen of verzenden, en meld een advertentie bij misleidende informatie, een verboden product of een verdacht betaalverzoek.
- 04
Berichten en biedingen
Elk gesprek hoort bij een advertentie. Bieden in de chat, foto's als bijlage met controle op type en grootte, archiveren en gelezen-status, en een verkoperspaneel dat meebeweegt met het gekozen gesprek.
- 05
Bestellingen, retouren en geschillen
Een tijdlijn van acceptatie door de verkoper tot levering. De koper bevestigt de ontvangst los van de bezorgstatus van de vervoerder, ophalen gaat met een tijdelijke code, een retour gaat eerst naar de verkoper en problemen meld je met foto's of video.
- 06
App voor iOS en Android
Een native tabbalk met glaslook op iOS, spraakzoeken in de gekozen taal, recente zoekopdrachten, een inbox met filters en instellingen voor taal, licht of donker thema, meldingen en privacy. De app gebruikt hetzelfde datamodel als de website.
03Schermen
04Technologie
Web
- React 19 & Vinext
- Pagina's en routing, op Vite
- Tailwind CSS 4 & shadcn/ui
- Designsysteem en componenten
- TypeScript
- Modellen voor advertenties, bestellingen en categorieën
Mobiel
- React Native & Expo
- App voor iOS en Android
- NativeWind
- Gedeeld thema in Tailwind-syntax
- TanStack Query & Zustand
- Datalaag en lokale status
- Zod & React Hook Form
- Formulieren en datavalidatie
- i18next
- Drie talen: NL, EN, TR
Kwaliteit
- Node test runner
- Tests voor bestel-, betaal- en advertentieregels
- Oxlint & TypeScript
- Lint- en typecontroles
05Status
Dit project is in ontwikkeling. Denkt u aan iets vergelijkbaars?
