Studio RoTTieR.
← Alle werk

Case · Webshop · Merk

Haul & Stash.

Een vintage webshop die voelt als iets ontdekken, niet als scrollen door een catalogus. Van merk en homepage tot een systeem waarmee één persoon de hele winkel draait.

Rol
Oprichter, merk, UX/UI, bouw
Type
Webshop, huisstijl
Periode
Mei tot juli 2026
Status
Lancering volgt
Homepage van Haul & Stash met een paginabrede foto en de tekst Found things worth keeping
6kleurrichtingen onderzocht voordat het palet vast stond
2homepage-versies, met wat wel en niet werkte
1 systeemzelf ontworpen en gebouwd, dat het handwerk achter elk product automatiseert

De uitdaging

Vintage online verkopen zonder catalogusgevoel.

Vintage online verkopen betekent vechten tegen lage prijzen, algoritmes en de eenheidsworst van Depop en Vinted. Haul & Stash verkoopt maximaal 20 stuks tegelijk. Schaarste is hier een keuze, geen probleem.

En alles moest werken voor één persoon: geen studio, geen fotograaf, geen budget.

Ontwerp een winkel die voelt als iets ontdekken, niet als scrollen door een catalogus.

Onderzoek

Wat anderen doen, en waarom het hier niet past.

  • Depop en VintedRasters vol prijzen, geen eigen stem.
  • Big CartelSjabloongevoel. Prima voor ambacht, verkeerde toon voor zorgvuldig gekozen vintage.
  • Farfetch en VestiaireLuxe en redactioneel, maar koel en zakelijk.
Inzicht

Goede redactionele sites laten je vertragen en kijken. Vintage kopen hoort zo te voelen. Het ontwerp moest efficiëntie bewust tegengaan.

Merk

Eerst het merk, dan pas de schermen.

Drie maanden merkonderzoek voordat er één productpagina bestond. Zes kleurrichtingen, een woordmerk waarin één teken al het werk doet, en richtlijnen voor toon en gebruik.

Brand guidelines van Haul & Stash met de kop Curated vintage, run by one person with an eye you trust
De merkrichtlijnen: toon, logo, kleur en toepassingen in één document.
Woordmerk HAUL & STASH op wit en op donkerblauw
Woordmerk: ruim gespatieerde hoofdletters met een cursief en-teken.
Kleurstudie met oranje en blauw in verschillende sterktes
Kleurstudie: zes richtingen op dezelfde oranje-blauw-as.

Huisstijl

Warm, niet klinisch.

Terracotta in plaats van fel oranje. Een gebroken wit als achtergrond. Een klassieke cursieve letter voor de redactionele momenten, een rustige schreefloze voor alles wat je moet kunnen lezen.

Bone
#F4F0E9
Midnight
#0E1E3A
Terra
#C45030
Sand
#E5DCCD
Stone
#A89F92

Found things worth keeping.

Cormorant Garamond · koppen

To wear · To keep · Gone

DM Sans · navigatie, prijzen, labels

Ontwerpbeslissingen

Elke keuze met een reden.

  1. Een foto over het hele scherm, tekst linksonder

    De homepage gedraagt zich als de eerste pagina's van een tijdschrift.

    WaaromLinksonder rust het oog na het scannen van een groot beeld. De fotografie mag leiden.

  2. Beeld 58%, producten 42%

    Onder de opening een groot beeld naast een korte productlijst.

    Waarom50/50 suggereert dat beide even belangrijk zijn. Het beeld is de hoofdzaak, zonder dat de lijst een zijbalk wordt.

  3. Navigatie die intentie uitdrukt

    To Wear, To Keep en To Come in plaats van Kleding, Objecten en Nieuw.

    WaaromJe kiest wat je wilt doen, niet in welk vakje iets ligt. To Come maakt nieuwsgierig naar wat eraan komt.

  4. Verkochte stukken blijven zichtbaar

    Onder Gone staat alles wat al weg is.

    WaaromDe meeste winkels verbergen verkochte items. Hier zijn ze bewijs van kwaliteit en tempo, eerlijk in plaats van nep-schaarste.

Iteratie

Van versie 2 naar versie 3.

Versie 2 was een strakke 50/50-opening: beeld links, tekst rechts. Mooi, maar te stil voor een winkel.

Wat werkte in v2

  • Duidelijke typografische hiërarchie
  • Rustige, zelfverzekerde navigatie
  • De toon stond vanaf het eerste scherm

Wat niet werkte

  • Geen producten zichtbaar zonder te scrollen
  • De tekstkolom voelde leeg
  • Niets trok je verder de pagina af

AI in mijn proces

Zelf gebouwde automatisering.

Geen Shopify, geen developer. Een systeem dat ik zelf heb ontworpen, gebouwd en net zo lang heb getest tot het elke keer hetzelfde loopt. Zo krijgt elk product dezelfde zorg, en blijft er meer tijd over voor het zoeken naar mooie stukken.

  1. Stap 1

    Foto

    Productfoto bewerkt in Bazaart, in een vaste map gezet.

  2. Stap 2

    Tekst

    Claude schrijft een productbeschrijving in de toon van het merk.

  3. Stap 3

    Betaallink

    Automatisch een Stripe-betaallink per stuk.

  4. Stap 4

    Live

    Product, foto's en link staan op de site.

De AI schrijft een eerste versie, ik lees en pas alles aan voordat het online gaat. Elk product krijgt verplicht naam, periode, herkomst, staat, maat en prijs, dus geen enkele beschrijving glipt erdoor zonder context.

Resultaat

Wat er nu staat.

  • Een volledig merk: logo, palet, typografie, toon en richtlijnen
  • Twee homepage-versies, met de afwegingen gedocumenteerd
  • Een site die klaar is voor lancering, zonder hostingkosten
  • Een eigen automatiseringssysteem: van productfoto tot een complete productpagina met betaallink, klaar om te controleren

Wat onderhoud hier nog doet

De nieuwsbriefpop-up opent na 4 seconden vanzelf. Die test ik: helpt hij, of irriteert hij juist de bezoekers die rustig willen kijken? Voor de lancering volgen echte productfoto's, een mobiele verfijning en het automatisch markeren van verkochte stukken.

Volgend project

30 Day Habit.

Contact

Ook zo'n site?
Laten we praten.

Een kennismaking duurt een kwartier en is vrijblijvend. Bellen mag ook: 06 46 28 62 00.

hallo@studiorttr.nl