Eigen tool-site · Beslistools
SpinPicker
Een draaiend rad en zeven beslistools die alles in de browser doen: spin, kies en beslis in seconden, zonder account en zonder wachtkamer.
Het vraagstuk
Iedereen wil een rad, niemand wil de wachtkamer.
De niche rond spin the wheel en random name picker zit vol tools die traag laden, achter advertentiemuren zitten of pas na drie klikken doen wat je kwam doen. Wie een klas moet indelen of een winnaar moet trekken, heeft geen account nodig maar een rad dat draait.
Daar kwam bij dat de gebruiker zijn eigen data invoert: namen van leerlingen, deelnemers of huisgenoten. Die data hoort niet verder te reizen dan nodig is.
De opgave: een site die één ding belooft en dat meteen doet. Het rad staat boven de vouw, is vooringevuld en draait bij de eerste klik.
De aanpak
Alles client-side, zonder één library.
Het werk
Snoepkleuren op een draaiend rad.
Het merk is speelgoed, geen dashboard: ronde vormen, zachte gekleurde schaduwen en een palet dat het rad vult. Uitnodigend zonder kinderachtig te worden.
Het resultaat
Een dataset als bron, de site als projectie.
De site telt 36 preset-wielen en 7 toolpagina's, statisch of vooraf gerenderd. Een nieuw preset is één object in de dataset, waarna de pagina, de OG-afbeelding, de embed-variant en de sitemap-entry vanzelf meekomen.
De productie-dependencies zijn er drie: next, react en react-dom. De CSS is met de hand geschreven. En de namen die je in een rad typt blijven in je browser, tenzij je zelf de embedcode kopieert en ze bewust meestuurt.
Preset-wielen, elk met eigen zoekvraag
Beslistools, van rad tot muntworp
Serververzoeken tijdens het draaien
Productie-dependencies