SmallShop Bouwen Deel 1: De Fundering Leggen

Ik was een vriendin aan het helpen met het opzetten van haar online boetiek op Shopify. Had simpel moeten zijn, toch? Haha

Menu's in menu's. Doe-het-zelf thema's. Overal configuraties. Plugins hier en daar. Voordat je zelfs maar je kleine online boetiek lanceert, ben je al een week kwijt aan het opzetten ervan

En dan de kosten. Het is niet alleen het basistarief. Het is het maandabonnement plus commissie op elke aankoop plus kosten per plugin. Voor een kleine boetiek-eigenaar die gewoon sieraden of vintage kleding wil verkopen is het totale overkill

Het Idee

Ik bedacht dat ik in het tijdperk van AI iets simpelers kon bouwen. Iets voor kleine winkeliers die niet veel nodig hebben. Geen gedoe, geen gezeik. Laat mij gewoon je shop maken en betaal een laag maandelijks abonnement

Als ik genoeg kleine shops kon converteren, zou ik maandelijkse terugkerende inkomsten hebben. Simpel businessmodel :)

De Prijspivot

Mijn oorspronkelijke idee: €200 voor ontwerp en opzet, daarna €20/maand. Ik dacht dat €200 al best laag was voor custom webdesign, maar haalbaar met tools als Claude Code en Vercel tegenwoordig

Mijn vriendin moest lachen. Ze vertelde me dat geen van haar vriendinnen die een zaak hebben €200 vooraf zou betalen. Bij lange na niet

Oké, terug naar de tekentafel

Volledig Geautomatiseerd

Dus ik dacht, als mensen niet willen betalen voor handmatige opzet, wat als er helemaal geen handmatige opzet was? Wat als ik de website automagisch kon bouwen, en de DNS voor eigen domeinen automatisch kon regelen via Cloudflare API's?

Dat is de route die ik heb gekozen

De Architectuur

Ik analyseerde de algemene lay-out van de meeste shops. Ze hebben eigenlijk allemaal:

• landingspagina
• alle producten pagina
• collectiepagina
• product-op-id pagina

Daarna keek ik naar welke secties veel voorkomen. Een landingspagina heeft een hero (hoofdbanner), call to action (oproep tot actie), features-lijst, productgrid en collectiegrid nodig. Op basis van deze blokken kon ik de meeste pagina's op een gestructureerde manier bouwen met AI

18 Thema's en Stijlen

Verschillende shops hebben een verschillende vibe nodig. Een juwelierszaak wil iets luxueus. Een kledingwinkel wil misschien iets meer vintage of boetiek-achtigs. Dus bouwde ik 18 thema's en stijlen waar gebruikers uit kunnen kiezen om hun winkel een uniek gevoel te geven

Het Configuratiesysteem

Op basis van deze parameters krijgt elke shop:

• verschillende pagina's
• verschillende lay-outs of secties per pagina
• verschillende varianten per sectie
• globale theming en styling

Dit geeft genoeg flexibiliteit om unieke shops te maken vanaf het begin. En gebruikers kunnen achteraf makkelijk hun stijl veranderen, secties verplaatsen, een andere variant kiezen. Wat ze maar willen

De Onboarding Flow

Tijdens het onboarden wordt de hele shop gegenereerd met AI. Twee routes:

Bestaande website: de gebruiker voert de URL van hun oude website in. Ik scrape die en haal alle productinfo, afbeeldingen, lay-out, design, stijlen en pagina's eruit. Dit gaat door een AI-pipeline die beslist welke secties gebruikt worden, welke designstijl past, en welke pagina's aangemaakt moeten worden

Geen bestaande website: de gebruiker doorloopt een stepper om info in te vullen, afbeeldingen en logo's te uploaden, en hun eerste producten toe te voegen

De AI Pipeline

Zodra de onboarding begint, doet de pipeline het volgende:

1. Gebruikt de geëxtraheerde info om secties te genereren
2. Kiest welke varianten van secties gebruikt worden
3. Bepaalt de globale designstijl
4. Importeert alle producten en collecties
5. Stuurt producten door Google's Nano Banana voor AI-beeldgeneratie om hero-banners en betere productfoto's te maken

Huidige Status

Ik heb de SmallShop-landingspagina af. Het idee is dat de hele winkel automatisch wordt gegenereerd zodat de gebruiker alleen hun producten hoeft te beheren. Dat is het

Maar AI kan niet altijd alles perfect krijgen. Dus heb ik ook een thema-editor gebouwd als fallback (terugvaloptie). Gebruikers kunnen secties verplaatsen, het design aanpassen, de AI-gegenereerde teksten of afbeeldingen updaten als ze willen. Het is een bijzaak, niet de hoofdervaring

Waar ik nog aan werk:

• de volledige onboarding flow
• de AI pipeline (dit is het lastige deel)

De AI pipeline kost tijd om te fine-tunen omdat AI geen deterministische output heeft. Elke aanpassing vereist dat je de hele cyclus opnieuw doorloopt en test. Het is traag maar noodzakelijk

Geleerde Lessen

Na globalpetsitter heb ik geleerd dat een goed product maken niet genoeg is. Je moet eerst tractie krijgen

Dus met SmallShop probeer ik iets anders:

• onderbied grote platformen op prijs - maak het een no-brainer
• bied een gratis AI-gegenereerd voorbeeld - laat ze hun shop zien voordat ze iets betalen
• haak ze met het resultaat - als de AI-gegenereerde website indruk maakt, is de kans groter dat ze converteren

Het doel is om alle frictie weg te nemen. Geen voorafbetaling, geen handmatige opzet. Gewoon "zo zou je shop eruit kunnen zien" en dan een simpel maandabonnement als ze het willen houden

Nog vroeg, maar de fundering staat. Meer updates naarmate ik vorder :)