Waarom we het e-commerceplatform van Hana & Nord niet op WooCommerce, Magento of Shopify hebben gebouwd

Wanneer een premium partner zoals het Japandi designmeubelmerk Hana & Nord bij ons aanklopt, doen we bij For the Dream niets liever dan een digitaal platform bouwen dat exact aansluit op hun visuele en technische behoeften. Ze kwamen naar ons met de vraag naar een uiterst snel, efficiënt en tegelijkertijd esthetisch en aantrekkelijk UX/UI e-commerce project.

Hana & Nord verkoopt geen massaproducten, maar serene interieurstukken waarin Japans minimalisme en Scandinavische functionaliteit samenkomen. Bij het bespreken van hun nieuwe webshop botsten we op een fundamentele uitdaging: hoe creëer je een online winkelervaring die net zo serene, snel en verfijnd aanvoelt als het binnenstappen in hun fysieke showroom, zonder direct vast te zitten aan de rigide structuren, maandelijkse abonnementskosten en transactionele overhead van traditionele SaaS-platformen zoals Shopify?

Natuurlijk is er Shopify of WooCommerce. Maar dergelijke systemen dwingen een merk al snel in een keurslijf van trage plugins, externe tracking-scripts en generieke templates. Voor een premium merk dat rust, vakmanschap en absolute visuele perfectie wil uitstralen, introduceert dit onnodige ruis. Elke extra plugin vertraagt de winkelervaring van hun klanten en verhoogt de operationele kosten.

Het ironische is dat we met moderne webtechnologieën zoals Next.js, Prisma en PostgreSQL in de basis al over een extreem krachtige, snelle en flexibele toolkit beschikken. Als onze klant lokaal Europees vakmanschap en serene interieurs vermarkt, waarom zouden we de digitale etalage voor hen dan niet met exact hetzelfde oog voor detail en vakmanschap ontwerpen en bouwen?

In dit artikel nemen we je mee in de architectuur, de database-keuzes en de technische afwegingen achter het e-commerceplatform dat we voor Hana & Nord hebben ontworpen en ontwikkeld: een bliksemsnelle, rustgevende en volledig op maat gemaakte retail-engine.

---

Bij het ontwerpen van het platform keken we kritisch naar de pijnpunten die retailers dagelijks ervaren met standaard SaaS-oplossingen. De in-house engine is ontworpen om een vloeiende workflow te creëren voor zowel de consument als de beheerder.

De uitdaging in de praktijk Het presenteren van premium meubels vereist gedetailleerde varianten (houtsoorten, stoffen, afmetingen). In traditionele e-commerce systemen leidt dit tot complexe database-constructies en een rommelige invoer-omgeving die het productbeheer extreem ingewikkeld maakt.

De technische oplossing In ons custom admin-paneel beheert Hana & Nord hun catalogus en varianten op een uiterst overzichtelijke manier:

• Gecentraliseerd productbeheer: beheer alle houtsoorten, afmetingen en stoffen vanuit één intuïtieve interface.
• Dynamische prijsberekening: prijzen worden realtime berekend op basis van de geselecteerde specificaties, direct gekoppeld aan de database.

De uitdaging in de praktijk Traditionele webshops verspringen en haperen vaak tijdens het laden door zware advertentie-scripts, cookies en slecht geoptimaliseerde afbeeldingen. Dit verstoort de serene rust die een klant hoort te ervaren en verhoogt de bounce rate, wat dodelijk is voor je conversies.

De technische oplossing Door de inzet van Next.js met geoptimaliseerde statische rendering laden de productpagina's binnen milliseconden en reageert de webshop vlijmscherp:

• Statische productrendering: alle productpagina's worden tijdens de build statisch gegenereerd, waardoor ze direct op het scherm verschijnen zonder vertragende database-queries.
• Zero Layout Shift: door strikte CSS-architectuur en gereserveerde afbeeldingsframes verspringen er geen elementen tijdens het inladen (CLS = 0).
• Zen-achtige flow: de bezoeker bladert vloeiend en in alle rust door de high-end collectie, wat de dwell-time aanzienlijk verhoogt.

De uitdaging in de praktijk Om klantvragen en bestellingen op te volgen, ben je al snel genoodzaakt om externe CRM-tools of supportinboxen zoals HubSpot of Zendesk te koppelen. Dit leidt tot gefragmenteerde klantdata, ingewikkelde synchronisatie-pipelines en extra maandelijkse licentiekosten die met je groei mee stijgen.

De technische oplossing We hebben voor Hana & Nord een eigen, lichtgewicht CRM-systeem direct geïntegreerd in het database- en adminpaneel:

• Directe e-mail synchronisatie: inkomende en uitgaande e-mails worden via de Resend API gesynchroniseerd en direct opgeslagen in de database (EmailThread- en EmailMessage-modellen).
• Centrale klantgeschiedenis: alle communicatie is direct gekoppeld aan de klant en zijn bestelgeschiedenis, wat zorgt voor een vlekkeloze support.
• Geen extra licentiekosten: geen dure externe abonnementen; de volledige inbox draait op onze eigen, kostenefficiënte infrastructuur.

De uitdaging in de praktijk Het opzetten van geavanceerde triggers—zoals een e-mail bij een verlaten winkelwagen of een persoonlijke heractiveringskorting na een aankoop—vereist vaak dure en complexe marketing-automations die de website vertragen door tracking-scripts.

De technische oplossing In de database die we voor Hana & Nord hebben opgezet, draaien automatische retentieregels direct op serverniveau:

• Database-triggers: automatische retentieregels worden beheerd via de AutomationSetting- en Discount-modellen in PostgreSQL.
• Geautomatiseerde e-mailflows: zodra een trigger (zoals een verlaten winkelwagen of een eerste bestelling) wordt geactiveerd, genereert de backend automatisch een unieke, tijdelijke kortingscode.
• Gerichte klantenbinding: de gepersonaliseerde kortingscode wordt direct via Resend naar de klant gemaild, wat leidt tot een aanzienlijke stijging in herhaalaankopen zonder handmatig werk.

De uitdaging in de praktijk Handmatige orderverwerking en het apart exporteren van klantgegevens naar externe logistieke portalen om verzendlabels te genereren kost tijd, vertraagt de levering en is extreem foutgevoelig bij handmatige invoer.

De technische oplossing De complete checkout- en logistieke stroom is volledig geautomatiseerd via directe API-koppelingen:

• Beveiligde betalingen: de checkout is gekoppeld aan Stripe Checkout voor een veilige, snelle en betrouwbare betalingsafhandeling.
• Instant logistieke triggers: na een succesvolle betaling schiet onze backend direct een webhook-verzoek naar de Sendcloud API.
• Automatische labelgeneratie: het verzendlabel wordt volautomatisch gegenereerd, en de unieke trackinglink wordt direct in het Order-model opgeslagen en gemaild naar de klant.

---

We wilden voor Hana & Nord geen standaard template-webshop bouwen. We wilden een digitaal platform bouwen dat aanvoelt als een robuust, veilig en vloeibaar verlengstuk van hun serene merk.

De uitdaging in de praktijk Zware webshops met complexe dynamische content haperen vaak bij navigatie of tijdens drukke periodes (zoals feestdagen). Dit leidt tot een frustrerende winkelervaring en verlies van omzet.

De technische oplossing Next.js stelt ons in staat om statische content (zoals hun homepage en productoverzichten) server-side te renderen (SSR) en te cachen voor ultieme snelheid. Zodra een klant naar de checkout gaat, neemt de dynamische client-side React-laag het over om een soepele, interactieve afhandeling te garanderen.

De uitdaging in de praktijk Generieke CSS-templates en rigide UI-componenten maken het onmogelijk om een unieke, premium en rustgevende esthetiek over te brengen.

De technische oplossing Door het minimalisme van Tailwind te combineren met de toegankelijke component-primitives van Radix UI hebben we een volledig eigen design system gebouwd. Framer Motion voegt hier subtiele, serene micro-animaties aan toe—zoals het zachtjes infaden van productafbeeldingen en vloeibare paginatransities die de rust van een minimalistisch interieur weerspiegelen.

De uitdaging in de praktijk Productcatalogi met talloze variaties en klantspecifieke data vereisen een uiterst betrouwbare database die toch flexibel genoeg is om productopties te wijzigen zonder dat er telkens ingewikkelde migraties nodig zijn.

De technische oplossing PostgreSQL fungeert als de primaire, relationele database. Met Prisma als ORM hebben we een type-safe database-interface. Complexe productgegevens—zoals specificaties en flexibele varianten—slaan we op via PostgreSQL's krachtige JSONB-velden in het Product-model. Dit biedt de flexibiliteit van een NoSQL-database met de betrouwbaarheid van een relationele database.

De uitdaging in de praktijk Klantgegevens en admin-omgevingen moeten hermetisch beveiligd zijn. Slechte authenticatie-systemen leiden tot datalekken en GDPR-boetes.

De technische oplossing NextAuth.js regelt de volledige authenticatiestroom. Met de Prisma-adapter worden gebruikerssessies direct en veilig in de database opgeslagen. Via strikte rolgebaseerde checks (USER versus ADMIN) wordt de toegang tot het administratiepaneel en de in-house CRM-inbox hermetisch afgeschermd.

---

Snelheid is de belangrijkste conversiefactor in e-commerce. Elke 100ms vertraging kost omzet. We realiseerden deze bliksemsnelle prestaties door:

De homepage en productpagina's worden statisch klaargezet tijdens het build-proces. Wordt er een product gewijzigd in de database? Dan zorgt ISR ervoor dat de server die specifieke pagina binnen enkele milliseconden op de achtergrond opnieuw opbouwt, zonder dat de hele site plat moet.

Meubels vereisen haarscherpe afbeeldingen van hoge kwaliteit. We optimaliseren alle foto's volautomatisch naar moderne AVIF- en WebP-indelingen met Sharp, wat de bestandsgrootte met 75% reduceert zonder verlies van kwaliteit of scherpte.

Zodra de muis van een bezoeker richting een product- of categorie-link beweegt, laadt Next.js de benodigde code alvast onzichtbaar in. De transitie naar de nieuwe pagina gebeurt hierdoor instant.

---

Dankzij de keuze voor een op maat gemaakte, headless architectuur is Hana & Nord volledig losgekoppeld van de beperkingen van traditionele SaaS-platformen:

• Gepersonaliseerde checkout: we ontwierpen een volledig custom checkout-stroom die 100% aansluit op de serene Japandi-stijl, wat de conversieratio aanzienlijk verhoogt.
• Directe API-connectiviteit: orders stromen realtime en zonder vertraging door naar Stripe, Sendcloud en Resend, waardoor de volledige logistieke afhandeling binnen 1 seconde na betaling gestart wordt.

---

De in-house retail-engine is ontworpen om de beheerder volledig te ontzorgen door processen intelligent te automatiseren.

Bij een succesvolle betaling vuurt Stripe een beveiligd webhook-signaal naar onze backend. De backend valideert de Stripe-handtekening en past de orderstatus in de database direct en veilig aan naar PAID.

Zodra de status verandert naar PAID, stuurt de server direct een webhook naar Sendcloud om de zending aan te melden. Sendcloud genereert het verzendlabel, en de unieke trackinglink wordt direct opgeslagen in de database en gemaild naar de klant.

We beveiligen onze formulieren en checkout met Cloudflare Turnstile. Dit moderne alternatief voor Google reCAPTCHA controleert of de bezoeker menselijk is zonder hem te frustreren met irritante puzzels of het laden van zware scripts.

---

De styling co-pilot draait via een beveiligde API-route:

Via de OpenAI SDK is een Japandi styling co-pilot geïntegreerd in de webshop:

• Persoonlijk stijladvies: de AI interpreteert de voorkeuren en droom-interieurs van de klant.
• Variant-aanbevelingen: op basis van de input beveelt de co-pilot direct de ideale stoffen, houtsoorten en afmetingen aan vanuit de PostgreSQL database, klaar voor directe toevoeging aan de winkelwagen.

---

De database is ontworpen rondom een uiterst robuust, relationeel model:

Dankzij Prisma en PostgreSQL blijven transactionele data en flexibele productvarianten perfect in balans, wat resulteert in een solide, performante database.

Is het verstandig om zélf een e-commerceplatform te bouwen ter vervanging van een Shopify-abonnement? Voor veruit de meeste startende webshops is een kant-en-klaar platform de beste en meest logische keuze.

Maar voor een premium designmerk als Hana & Nord gaf het ons als agency de ultieme kans om een digitale showroom te ontwikkelen die 100% aansluit op de merkidentiteit van Hana & Nord—gekenmerkt door rust, puur vakmanschap en esthetiek—zonder compromissen te sluiten op het gebied van paginasnelheid, privacy of design.

De synergie van Next.js voor een razendsnelle, serene frontend, Prisma & PostgreSQL voor een robuust relationeel fundament, en directe API-koppelingen met Stripe, Sendcloud en Resend bewijst dat een op maat gemaakt platform de ultieme basis vormt voor een premium e-commerce merk anno 2026.

Samen met Hana & Nord hebben we de serene winkelervaring gecreëerd die hun designmeubelen verdienen.

---