Webapplicatie

geboortekaartje-online

Nieuwe ouders willen hun geboortekaartje versturen maar de adressen zijn nergens samen te vinden. Ik bouwde één plek waar ze adressen verzamelen en opvolgen, en het kaartje digitaal met iedereen delen op hun eigen tempo.

Tags
Next.jsReactSupabaseStripeTailwind CSSSEO
geboortekaartje-online

Nieuwe ouders willen hun geboortekaartje versturen maar de adressen zijn nergens samen te vinden. Ik bouwde één plek waar ze adressen verzamelen en opvolgen, en het kaartje digitaal met iedereen delen op hun eigen tempo.


De uitdaging

Nieuwe ouders zijn uitgeput in de eerste dagen na de geboorte, en toch verwacht iedereen het geboortekaartje. Het kaartje zelf is al lang besteld bij de drukker, maar alles errond loopt vast: wie krijgt er een? Hoe verzamel je de adressen van oma, nonkel en die oude vriend van de universiteit? Het resultaat is een chaos van WhatsApp-berichten, Excel-lijsten en mensen die toch vergeten worden. Dit project is uit eigen frustratie gegroeid. Ik liep er zelf tegenaan en besloot er iets voor te bouwen.

De aanpak

Ik bouwde geboortekaartje-online.be als een Next.js-webapplicatie met Supabase als backend (database en authenticatie) en Stripe voor de betalingsverwerking van premium functies. De focus lag op het vereenvoudigen van twee dingen: je kaartje delen en adressen verzamelen. Iedereen krijgt de keuze: een fysiek kaartje of een digitale versie. Voor wie een fysiek kaartje wil, geeft de ontvanger zelf zijn adres in. Die lijst gaat rechtstreeks naar de drukker, of je print er zelf adreslabels mee zodat je niets hoeft over te schrijven. Ontvangers hebben geen account nodig, enkel de ouders zelf. Technische keuzes:

  • Next.js met server-side rendering voor snelle laadtijden en goede SEO
  • Supabase voor de database, opslag van kaartjes en gebruikersauthenticatie
  • Stripe voor de optionele premiumfeatures (bezoekersopvolging, e-mailbevestigingen, bedankkaartjes)
  • Tailwind CSS voor een clean, mobielvriendelijke interface — de meeste gebruikers klikken via een WhatsApp-link op hun smartphone
  • Het platform vereist geen login voor ontvangers, enkel voor de ouders die een account aanmaken De UX is bewust eenvoudig gehouden: slaapgebrek is de vijand van elk complex formulier.

Het resultaat

Ouders beheren hun kaartje en adressenlijst vanuit één plek. De lijst is herbruikbaar voor elk volgend kaartje, van verjaardag tot lentegroeten, zodat je niet telkens opnieuw begint. Meer dan een afgewerkt product is dit een levend project. Ik gebruik het om mijn technische kennis bij te houden, nieuwe dingen uit te testen en mijn aanpak van gebruikersonderzoek te verbeteren. Bezoek de website <empty-block/>


Andere projecten

Stuur me een bericht en ik kom met een voorstel op maat.

  • Peak Physio
    WebsitePeak Physio

    Peak Physio had de expertise maar hun website straalde dat niet uit. Ik bouwde een nieuwe site met meer impact, minder tekst en een directe koppeling met hun boekingssysteem en cadeaubon-shop.

    ElementorWordpress
  • WebapplicatieJames Cellar App

    Een iOS/Android kelderapp voor James — persoonlijk voorraadbeheer met wijnhistoriek, aankopen en drinkvensters.

    React NativeSupabaseE-commerce

Zin om samen iets te maken?

Stuur me een bericht en ik kom met een voorstel op maat.