Webapplicatie

geboortekaartje-online

Een webapplicatie waarmee nieuwe ouders hun geboortekaartje digitaal kunnen verspreiden en ontbrekende adresgegevens van familie en vrienden eenvoudig kunnen verzamelen via een herbruikbare privélink.

Tags
Next.jsReactSupabaseStripeTailwind CSSSEO
geboortekaartje-online

Een webapplicatie waarmee nieuwe ouders hun geboortekaartje digitaal kunnen verspreiden en ontbrekende adresgegevens van familie en vrienden eenvoudig kunnen verzamelen via een herbruikbare privélink.


De uitdaging

Nieuwe ouders zijn uitgeput en overweldigd in de eerste dagen na de geboorte — en toch verwacht iedereen het geboortekaartje. Het echte probleem is niet het kaartje zelf (dat is al ontworpen bij een drukker of designer), maar alles errond: wie krijgt er een kaartje? Hoe verzamel je alle adressen van oma, nonkel, oude vrienden? Wie vergeet je? Wie stuur je een digitale versie? Het gevolg was een chaos van WhatsApp-berichten, Excel-lijsten en vergeten contacten. Ouders besteedden kostbare tijd en energie aan iets wat eigenlijk simpel moest zijn.

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 kerngedachte: ouders laden hun afgewerkte kaartjeontwerp eenmalig op, en de rest verloopt automatisch. Via een herbruikbare privélink kunnen familieleden en vrienden zelf hun adresgegevens invullen — zonder account, zonder gedoe. De adreslijst is daarna direct beschikbaar voor de drukker of voor toekomstige gelegenheden. 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 kunnen nu in enkele minuten hun geboortekaartje digitaal verspreiden en alle adressen centraal beheren, zonder spreadsheets of heen-en-weer-berichten. De privélink werkt ook voor toekomstige gelegenheden, wat de tool blijvend nuttig maakt. Het freemium-model — gratis starten, betalen voor comfort — heeft geleid tot een groeiende gebruikersbasis. De site draait live op geboortekaartje-online.be (ook bereikbaar via birthannouncement.online). <page url="https://www.notion.so/2f02e24edf3b81bd8596da2d22542ce3">Technical Architecture & Decisions</page> <page url="https://www.notion.so/2f72e24edf3b80d98ec3f0c7401a4d2d">Kosten voor de app</page> <page url="https://www.notion.so/2f72e24edf3b80bb854adf8a2bc4d021">Features and bugs</page> <page url="https://www.notion.so/3052e24edf3b80339406e984a474e8e8">Socials</page> <page url="https://www.notion.so/31f2e24edf3b81fe8b01d1a2d1e39dab">Partners</page>

Deel dit project


Meer projecten

Of je nu een digitaal project hebt of een wijnproeverij wil plannen — ik hoor graag van je.

  • Peak Physio
    Website
    Peak Physio

    Voor Peak Physio bouwde ik een nieuwe WordPress-website die hun sportgerichte kinesitherapiepraktijk in Antwerpen professioneel in de kijker zet. De focus lag op een heldere structuur, sterke beeldtaal en een vlotte integratie met hun online boekingssysteem.

    ElementorWordpress
  • Craft Interieur
    Website
    Craft Interieur

    Voor Craft Interieur bouwde ik een professionele website die hun interieurprojecten in de kijker zet en nieuwe klanten aantrekt. De site toont keukens, badkamers en maatkasten met een strak design dat het vakmanschap van het bedrijf weerspiegelt.

    Next.jsReactTailwind CSSCMSSEO

Interesse in samenwerken?

Of je nu een digitaal project hebt of een wijnproeverij wil plannen — ik hoor graag van je.