Vitalis — Online Winkel voor Biologisch Actieve Supplementen voor Europa: Werkend Prototype in Eén Dag

Wat is er gedaan

De online winkel is gebouwd met Next.js — een moderne technologie die de grootste e-commerce sites ter wereld aandrijft — en Claude AI. Het is professioneel gemaakt, in de beste tradities van programmeren in 2026: de broncode staat op GitHub met volledige architecturale documentatie. De code van de winkel is vertrouwelijke klantinformatie: de repository is privé, niet publiekelijk toegankelijk, en alleen de eigenaar van de winkel heeft toegang. Het project is geïmplementeerd en opereert op een permanent adres. Voor de klant betekent dit één simpel ding: u bent niet gebonden aan één ontwikkelaar — elke programmeur kan de code inzien, de documentatie lezen en de winkel verder ontwikkelen.

Vitalis — een prototype voor een winkel in voedingssupplementen in Europa. Taak: Een online winkel voor voedingssupplementen voor verkoop in heel Europa, in de stijl van samengestelde welzijnsmarktplaatsen (referentie — healf.com), zonder kant-en-klare platforms zoals Shopify — alleen maatwerkontwikkeling.

Live Demo: www.gptaria.com/p/vitalis — dit zijn niet zomaar plaatjes, het is een werkende winkel: klik rond en ontdek.

Een Catalogus Die Helpt Kiezen

Producten zijn gecategoriseerd in vier gezondheidsgebieden — Voeding, Beweging, Geest, Slaap — en op doelen: immuniteit, spijsvertering, slaap, levensduur, energie. Klanten scrollen niet door een eindeloze lijst; ze beginnen met hun doel: "Ik wil beter slapen" — en zien alleen relevante producten. Elke productkaart bevat een foto, merk, beoordeling met recensies en prijs.

Aanbevelingen Die de Gemiddelde Bestelwaarde Verhogen

Elke productkaart bevat een sectie "Vaak Samen Gekocht". Er worden geen willekeurige items getoond: aanbevelingen zijn gebaseerd op overeenkomende doelen — creatine kan worden gecombineerd met eiwitten en magnesium omdat ze vaak samen worden gekocht. Zo werkt upselling zonder één enkele verkoper.

Een Winkelwagen Die Zichzelf Verkoopt

De winkelwagen bevat twee verkoopmechanismen: een promotie "koop er 3, krijg er 1 gratis" (de goedkoopste van de vier is gratis) en een voortgangsbalk voor gratis verzending boven €50 — de klant ziet "voeg nog €12 toe" en voegt items toe. De inhoud van de winkelwagen blijft behouden terwijl de gebruiker door de site navigeert.

Persoonlijk Klantenaccount — Minder Supportaanvragen

Klanten hebben hun eigen account: bestelgeschiedenis met data, inhoud, bedragen en statussen — betaald, verzonden, geleverd, geretourneerd — en het trackingnummer van de vervoerder (DHL, DPD) direct in de bestelkaart. De meest gestelde vraag aan de klantenservice van een online winkel is "waar is mijn bestelling?"; hier beantwoordt de klant deze zelf, zonder te hoeven e-mailen of bellen.

De klant ziet ook het totale bedrag van al hun aankopen in de winkel — dit is handig voor het implementeren van een loyaliteitsprogramma: verzamel een bepaald bedrag, krijg een status en een korting. In de instellingen kunnen klanten hun e-mailadres en interface-taal wijzigen — dezelfde vier talen als op de etalage, zodat een Duitse klant zijn bestellingen in het Duits leest.

Kant-en-klare Website en Verkoopmanagementsysteem (CRM)

De winkel wordt geleverd met een adminpaneel — u hoeft geen apart beheersysteem aan te schaffen en te integreren. Het is toegankelijk via /admin en vereist geen technische kennis: alles wordt in een tabel bewerkt, zoals een gewoon bestand.

Geld bovenaan. Vier metrieken die doorgaans in rapporten worden gecontroleerd: omzet exclusief retouren, aantal bestellingen, aantal klanten en gemiddelde check. De eigenaar kan de status van de winkel direct zien bij het inloggen.

Het tabblad "Producten" is voor het beheren van de etalage. Prijs en voorraad kunnen direct in de tabelrij worden bewerkt, de status kan worden geschakeld tussen "Gepubliceerd" en verborgen, en nieuwe producten worden toegevoegd met drie velden — merk, naam, prijs. Beoordelingen en het aantal recensies worden voor elk item opgehaald. In de volledige versie is hier een AI-importfunctie beschikbaar: leveranciersfeed (CSV / XML / API) → automatische generatie van beschrijvingen en SEO-teksten in EU-talen → moderatie → publicatie, wat betekent dat duizend items zonder handmatige invoer kunnen worden toegevoegd.

Het tabblad "Klanten (CRM)" is een database voor herhaalde verkopen. Voor elke klant: land, aantal bestellingen, LTV, datum en status van de laatste bestelling, zoeken op naam en e-mail. Het systeem segmenteert klanten automatisch — nieuwe, terugkerende, VIP — en dit zijn kant-en-klare lijsten voor actie: VIP's krijgen vroege toegang tot nieuwe producten, terugkerende klanten ontvangen herinneringen wanneer hun huidige voorraad bijna op is, en nieuwe klanten krijgen een welkomst-e-mail. In de voedingssupplementenbranche komt winst uit de tweede en derde bestelling, niet de eerste, dus segmenten zijn geen rapportdecoraties maar omzetgenererende tools.

Bekijk het adminpaneel: www.gptaria.com/p/vitalis/admin — het is open in demomodus met voorbeeldgegevens.

SEO en AI-zichtbaarheid — Ingebouwd, Niet Achteraf

De winkel beschikt over een automatisch SEO-mechanisme: wanneer een product of artikel wordt toegevoegd, worden alle benodigde on-page metadata — titels, beschrijvingen, markup voor zoekmachines (schema.org) — automatisch gegenereerd. Deze worden gelezen door zowel Google als AI-systemen: ChatGPT, Gemini en andere AI-assistenten, die mensen steeds vaker raadplegen voor "waar te kopen" vragen. Promotie werkt vanzelf: u hoeft geen apart SEO-bedrijf in te huren en de site later opnieuw te doen — de winkel is zichtbaar vanaf de geboorte. In de volledige versie schrijft AI ook automatisch overtuigende beschrijvingen en SEO-teksten in EU-talen voor elk geïmporteerd product.

Vier Talen — Verkoop in Heel Europa

Oekraïens, Russisch, Engels en Duits zijn al functioneel: een schakelaar in de header, en alles is vertaald, inclusief het menu. De architectuur is klaar voor elke EU-taal — het betreden van een nieuwe markt vereist geen winkelwijzigingen.

Mobiele Versie

Volledige mobiele aanpassing: compacte header, navigatie op gezondheidsgebieden, productraster geoptimaliseerd voor smalle schermen. De meeste aankopen van voedingssupplementen worden vanaf smartphones gedaan — de winkel is hier klaar voor.

Hoe de Werkzaamheden Vorderden

Een werkend prototype was klaar op de dag van het eerste contact — in uren, niet weken. Iteraties volgden hetzelfde patroon: de klant vroeg om wijzigingen en zag dezelfde dag de resultaten op dezelfde link. Op basis van deze feedback deed de klant een aanbod — het project werd afgesloten met een deal.

Wat Zit er in de Volledige Versie

AI-productimport uit leveranciersprijslijsten met automatisch gegenereerde beschrijvingen en verificatie van gezondheidsclaims volgens EU-regelgeving (Verordening 1924/2006), Stripe / PayPal / Klarna betalingen, DHL / DPD / GLS / InPost verzending, PostgreSQL database, en snelle zoekfunctie met filters.

Stack: Next.js 15 · React 19 · Tailwind CSS 4 · TypeScript · Claude.