Toen de Tool Store een App Store werd
50+ tools in een flat lijst is een index; 50+ tools in een winkel is een ervaring. Waarom we tabs, top charts, collecties en featured-tools toevoegden.
Een flat lijst schaalt niet naar 50 tools
De eerste versie van /tools was één grote alfabetische grid. Bij zeven tools werkte dat. Bij twintig moesten gebruikers scrollen om te vinden wat ze wisten dat er was. Bij vijftig kregen we support-vragen zoals "Hebben jullie een captions-tool?" over een tool die al zes maanden bestond. De lijst was intern goed geordend, maar had geen invloed op wat je als eerste zag.
De vier ontdekkings-lagen
De nieuwe store heeft vier ingangen die elkaar niet in de weg zitten: een featured "Tool van de week" (weekgemiddelde gebruik), Top Charts per categorie (deze week versus vorige week), Collecties (kant-en-klare bundels voor een use-case), en een persona-based aanbeveling die de klanttype van je bureau kent. Vier lenzen op dezelfde catalogus — niet vier verschillende catalogi.
Product-detail als een App Store product-pagina
Op iedere tool-klik opent een drawer die als product-pagina fungeert: hero-illustratie, korte omschrijving, screenshots, wat er nieuw is, en beoordelingen van andere bureaus. Klanten die de tool al gebruiken zien "Open" — anderen zien "Toevoegen". Beoordelingen worden opgeslagen in ToolReview, gebonden aan de gebruiker, met één per tool. Geen anonieme kliks, geen inflatie.
Twee valkuilen die we hebben aangeraakt
De eerste: a:not(.cta-button) in de globale CSS wiste de gradient-achtergrond van álle links in de drawer. Fix was één selector-uitzondering. De tweede: input:focus-visible in light-mode had een specificity-conflict met de body-scope — de outline werd zwart in plaats van teal. Beide hebben nu een light-override die expliciet in de tool-store-scope zit.