Eigen product · ontwerp + build · 2025–heden
Phase: een podium voor menselijke makers
Een poster-platform dat beginnende makers ruimte geeft om te experimenteren en te verkopen. Zelf ontworpen, zelf gebouwd.
- Rol
- Solo · concept, ontwerp en code, met AI als hulp
- Context
- Eigen product, in ontwikkeling
- Jaar
- 2025–heden
- Type
- Eigen initiatief · lab
- Stack
- Next.js, React, TypeScript, Tailwind, Postgres (Prisma/Neon), Stripe
- Status
- Werkend op localhost, nog niet publiek live
Een eerlijke plek voor menselijke makers, tegen de stroom van AI-volume in
Phase is een poster-platform dat beginnende makers vooropzet. De kern is de drempel verlagen om te durven experimenteren en te verkopen. Op één platform komen twee doelgroepen met tegengestelde behoeften samen: kopers willen gecureerde kwaliteit, makers willen ruimte en eerlijke zichtbaarheid.
Eerlijke zichtbaarheid
Geen algoritme dat puur veel uploaden beloont. Iedere maker krijgt een eerlijke kans.
Series met een gezicht
Kleine, samenhangende series van één maker. Kopers zien wie er achter het werk zit, niet zomaar een eindeloze grid.
Ruimte om te experimenteren
Series-upload als speelruimte, in plaats van vastzitten aan één signatuurstijl.
Makers actief helpen
Onervaren makers begeleiden naar goede printkwaliteit, zonder dat ze voorkennis nodig hebben.
Ik ben zelf de doelgroep
Ik tekende en schilderde als kind en begon posters te maken om er naast mijn werk iets creatiefs mee te doen. Ik liep tegen muren: geen ervaring met maken en verkopen, de serieuze platforms gedomineerd door gevestigde makers, de goedkope kanalen vol bulkuploads. Toen ik door een val tijdens de wintersport mijn goede hand niet meer kon gebruiken en dus niet meer kon tekenen, ontdekte ik dat ik met code wel iets kon bouwen. Zo ontstond Phase, een platform voor makers zoals ik zelf was.
Zo werkt het
Zo biedt een maker werk aan
Een maker biedt werk aan in een paar stappen. De DPI-check is daarvan de spil:
- 01
Upload
je ontwerp(en)
- 02
DPI-check
kwaliteit per formaat
- 03
Formaten & prijs
wat je aanbiedt
- 04
Serie samenstellen
kleine, gecureerde collectie
- 05
Publiceren
live op je profiel
Interface · de productkaart
Werk tonen zoals een koper het ziet hangen
De signatuur-kaart in de catalogus. Beweeg eroverheen of tik erop: de losse poster wisselt naar dezelfde poster ingelijst aan een muur.
Waarom zo?
Overwogen
- Alleen een nette thumbnail van de poster tonen
- Bij hover wisselen naar de poster ingelijst in een kamer
Gekozen
De hover-wissel naar de poster in context, plus een 'Featured'-badge altijd in zwart-op-saffraan.
Omdat
Een kale thumbnail laat schaal en sfeer raden; in een kamer zie je meteen hoe het werk in huis valt. Zwart-op-saffraan is bovendien de best leesbare badge-combinatie in het systeem.
Toegankelijkheid
De wissel hangt niet alleen aan hover: de kaart is ook focusbaar en te togglen met tik of Enter. Het hartje meldt zijn status via aria-pressed, bruikbaar met toetsenbord en screenreader.
Beweeg over de kaart, of tik erop →
Interface · de configurator
Maat, lijst en prijs: live, maar rustig
Kies een formaat en lijst; de prijs telt direct mee. Schakel naar 'Digitaal' en de lijstkeuze verdwijnt, want die hoort daar niet bij.
Waarom zo?
Overwogen
- Pillen met een vloeiende, geanimeerde hover (de generieke default)
- Strak getrackte rechthoeken met een instant kleurwissel
Gekozen
Rechthoekige knoppen (radius 3px) met een instant ink→saffraan-hover, zonder ease.
Omdat
Het past bij de merkregel: Phase is editorial en rustig, geen speels web-app-gevoel. De houten lijst-swatches (eik, walnoot) zijn pure CSS-gradiënten in plaats van plaatjes, dus scherp op elk scherm en niets extra's om te laden.
Sardines · Jaap Hueting
Maak het jouwe
Vanaf €35,00
€66,00
- ✓ Gedrukt op 200g mat papier
- ✓ Gratis verzending boven €50
- ✓ 30 dagen retour
Interface · makers helpen
De DPI-meter: kwaliteit bewaken zonder de maker te betuttelen
De DPI-check rekent per formaat de effectieve resolutie uit op basis van je pixelafmetingen. Wissel van bestand en kijk hoe de formaten meebewegen.
Waarom zo?
Overwogen
- Te kleine bestanden hard weigeren voor grote formaten
- Een 'soft block': formaten onder 150 DPI staan standaard uit, maar mogen alsnog aan
Gekozen
De soft block: de maker beslist zelf, met de informatie erbij.
Omdat
Hard weigeren voelt betuttelend en jaagt onervaren makers weg; helemaal niets zeggen levert slechte prints op. De middenweg respecteert de autonomie van de maker en beschermt de printkwaliteit. Dit is precies waar 'makers helpen' concreet wordt.
Toegankelijkheid
De kwaliteit wordt nooit alleen met kleur gecommuniceerd: er is een gekleurde stip, een tekstlabel (Uitstekend / Goed / Redelijk / Zwak) en het DPI-getal. Zo blijft het leesbaar voor wie kleur niet goed ziet, hetzelfde principe als bij Pangram.
Nieuwe serie · stap 2
Welke formaten bied je aan?
Jouw bestand
Beschikbare formaten
- 274 DPIGoed
- 203 DPIGoed
- 116 DPIZwak · soft block
- 81 DPIZwak · soft block
- 122 DPIZwak · soft block
Formaten onder 150 DPI staan standaard uit — vink ze alsnog aan als je de lagere printkwaliteit accepteert.
Doorlopend
Toegankelijkheid als standaard, niet als sluitstuk
- Focus-ring alleen voor toetsenbordgebruikers (:focus-visible): saffraan met een donkere binnenrand, zodat hij ook op witte vlakken genoeg contrast houdt.
- Hover is nooit de enige weg: de kaart-wissel werkt ook met tik en Enter, selecties melden hun status via aria-pressed.
- Animaties vervallen automatisch bij prefers-reduced-motion, voor wie bewegende beelden vermijdt.
- Statussen dragen altijd een tekstlabel en het concrete getal naast kleur (kleurenblind-veilig).
Status & reflectie
Zelf gebouwd, lokaal werkend, en wat ik wil meten
Phase is geen klikprototype: het draait lokaal als werkend platform, met een catalogus, configurator, accounts, een designer-dashboard en een werkende checkout, gebouwd op een eigen designsysteem. Ik bouw het zelf, met code en AI als gereedschap: ik bepaal de opzet en de keuzes, AI helpt me sneller vooruit. Het is nog niet door echte gebruikers getest; ik itereer stap voor stap. Het platform staat nog niet publiek live, dus deze case toont de ontwerpkeuzes, niet het hele product.
Meer weten over dit project of mijn aanpak?
Neem contact op →