Een immersieve one-pager voor een Belgische slaapspecialist in Schoten. Slapende cookies, automatische dag/nacht-shift, pop-up productnavigatie en een warme familiebedrijf-sfeer die klanten het gevoel geeft dat ze al in de winkel staan.
Goeiemorgen — Slapen Zonder Zorgen is al meer dan tien jaar dé slaapspecialist in Schoten. Uitbaters Serge, Daniela en Sam staan bekend om hun persoonlijke aanpak: eerlijk advies bij een kopje koffie, gratis levering tot in de slaapkamer, en het gratis meenemen van de oude matras.
Hun vorige website voelde echter aan als een standaard template — het miste de ziel van de winkel. De uitdaging: een digitale ervaring bouwen die net zo warm, persoonlijk en uniek aanvoelt als een bezoek aan de showroom in de Paalstraat.
Elk element van de site is ontworpen om de sfeer van de fysieke winkel digitaal te vertalen. Van custom getekende slapende cookies met knipperende oogjes en zzZ-animaties, tot een cinematisch unblur-effect dat de site als het ware "wakker laat worden" bij het openen — geen detail is toevallig.
Geen standaard cookie-banner maar twee handgetekende cookies die onder een dekentje in een bedje liggen. Ze hebben knipperende oogjes, drijvende zzZ-bubbels en een slaapmutsje. Bezoekers kiezen: "Wakker worden! ☀️" of "Laat ze slapen". Een volledig custom SVG-animatie die perfect bij het slaapthema past.
Bij het openen van de site start een cinematisch "wakker worden" effect: de volledige pagina onblurt geleidelijk van wazig naar scherp — alsof de bezoeker zijn ogen opent na een goede nachtrust. Op desktop is dit een vloeiende full-view unblur met een subtiele "double-take" knipperanimatie. Op mobiel is het effect geoptimaliseerd tot een snellere, lichtere ontwakende sequentie die ook op oudere toestellen vloeiend draait.
De site schakelt automatisch tussen een warme dagmodus en een diepe nachtmodus op basis van de lokale tijd. Een subtiele maansikkel-toggle in de hoek laat bezoekers handmatig wisselen.
Klik op een productcategorie en een elegante modal opent met alle details — zonder de homepage te verlaten. Bezoekers browsen het volledige assortiment zonder navigatie-verwarring.
Gouden stofpartikels dwarrelen over de hero-sectie als lichtstralen door een slaapkamerraam. SVG-filter effecten zorgen voor een dromerige, filmische sfeer.
In plaats van stockfoto's kregen Serge, Daniela en Sam elk een custom cartoon-portret. Warm, herkenbaar en uniek — net als het bedrijf zelf.
Een interactieve 5-vragen quiz fungeert als speelse CTA én mailing list verruimer. Bezoekers ontdekken hun slaappersoonlijkheid (Koala, Tornado of Octopus? 🐙) en laten hun e-mailadres achter om het resultaat te ontvangen — samen met slaaptips en exclusieve aanbiedingen. Laagdrempelig, leuk en effectief voor leadgeneratie.
Een subtiele ticker met verrassende slaapweetjes scrollt onderaan door de pagina: "Een mens slaapt gemiddeld 26 jaar van zijn leven" of "Een matras bevat na 8 jaar tot 2 miljoen huisstofmijt." Informeert en motiveert bezoekers op een speelse manier om te investeren in beter slaapcomfort.
Een opvallende, geanimeerde badge benadrukt de "Beste Matrassendealer van België" erkenning en de Beste Prijs Garantie. Visueel vertrouwen opbouwen zonder opdringerig te zijn — precies de eerlijke toon die bij een familiebedrijf past.
De site is gebouwd als een one-pager met zeven secties: Collectie, Aanbiedingen, Over Ons, Team, Werkwijze, Reviews en Contact. De navigatie gebruikt vloeiende anchor-links die bezoekers soepel door de pagina leiden.
Productcategorieën openen in pop-up modals. Matrassen, boxsprings, lattenbodems, hoofdkussens, bedlinnen en de outlet-collectie — alles toegankelijk zonder de pagina te verlaten. Dit vermindert bounce rates en houdt bezoekers in de flow van het verhaal.
De aanbiedingen-sectie toont actuele outlet-deals met visuele prijskaartjes, "OP = OP" badges en directe contact-links. Speciaal ontworpen om de urgentie van showroommodellen te communiceren.
Ondanks de rijke visuele ervaring is de site razendsnel. Geen zware frameworks, geen WordPress met tientallen plugins. Pure HTML, CSS en JavaScript op Combell hosting — stabiel, snel en onderhoudsvriendelijk. CI/CD via GitHub Actions zorgt voor geautomatiseerde deploys.
"De website voelt precies als onze winkel: warm, persoonlijk en uitnodigend. Klanten zeggen dat ze bijna de koffie kunnen ruiken. En die slapende cookies — daar krijgen we elke week complimenten over!"
— Daniela, Slaapexpert & Mede-uitbater GoeiemorgenDe nieuwe website heeft de online aanwezigheid van Goeiemorgen fundamenteel veranderd. De immersieve ervaring — van slapende cookies tot zwevende lichtdeeltjes — zorgt ervoor dat bezoekers langer blijven en vaker de telefoon pakken voor een afspraak.
De pop-up navigatie vermindert bounce rates doordat bezoekers het volledige assortiment kunnen ontdekken zonder de vertrouwde omgeving van de homepage te verlaten. De dag/nacht modus creëert een persoonlijke touch die bezoekers verrast en deelt op sociale media.
Belangrijker nog: de site ademt nu dezelfde warme, eerlijke sfeer uit als de fysieke winkel. Voor een familiebedrijf dat draait op persoonlijk contact is dat het ultieme compliment.
Van slaapwinkel tot restaurant, van bakker tot boetiek — ik bouw sites die uw verhaal vertellen.
✉ Neem Contact Op ← Alle Realisaties