project → Message In A Bottle
Een betekenisvol antwoord op de
vluchtige feed.
Message in a Bottle is een webapp waarin gebruikers flessenpost kunnen schrijven, een fles op zee kunnen vinden, een bericht van een vreemde leest, en iets kleins teruggeeft. Geen likes, geen volgers, niet eindeloos scrollen. Kleine, betekenisvolle interacties tussen echte gebruikers.
ux design
web design
product
Van sociale druk en eindeloos scrollen naar echte verbinding.
Sociale feeds zijn gericht op dopamine: volgeraantallen, likes, meldingen en algoritmes die aanzetten tot eindeloos scrollen. Waar het internet in de begindagen (zoals de TMF-chatrooms) een plek was om onbevangen en betekenisvol met vreemden in contact te komen, voelt het nu vaak gehaast en prestatiegericht. De vraag die ik mezelf stelde:
Hoe ontwerp je een digitaal platform dat mensen weer samenbrengt op basis van nieuwsgierigheid en vriendelijkheid, zonder dat het voelt als een sociale verplichting?
Het doel was om een digitaal, kalm product, waar de ervaring draait om ontdekken in plaats van scrollen. Waar een samenkomst tussen vreemden weer echt voelt als ‘serendipiteit’: het bij toeval plaatsvinden en ontwikkelen van gebeurtenissen op een gelukkige of gunstige wijze.
Een tastbare ervaring met
oog voor menselijke waarden.
De oceaan is het enige scherm. Flessen drijven voorbij; je klikt, trekt de kurk, en leest op een warme ivoorkleurige kaart. Schrijven mag anoniem. Wie een account maakt, krijgt een unieke shore name (zoals Drowsy Rhinoceros #3659) en kan daaronder publiceren.
Geen prestatiedruk
Bewust gestript van likes, volgers, streepjes of ranglijsten. Een bezoeker leest een bericht en kan hooguit één klein gebaar maken: een lief gebaar achterlaten (zoals een schelp, steen of takje) of een privé 1-op-1 reactie sturen.
Warme & Speelse Huisstijl
De visuele stijl combineert zachte kustillustraties met tastbare UI-elementen. De interfaces voelen als een warm prentenboek dankzij zachte ivoortinten, diepzee-tealtinten en vriendelijke, afgeronde typografie (Fredoka, Baloo 2 en de handgeschreven Caveat voor de berichten zelf).
Drempelloze identiteit
Bezoekers kunnen anoniem berichten versturen of een unieke, gegenereerde ‘shore name’ kiezen (zoals Drowsy Rhinoceros #3659). Dit beschermt de privacy en voorkomt dat de ervaring draait om profielopbouw of ego.
Kleurpalet
Gevoel dat de kleuren geven is het uitwaaien aan de kust. Een diepe oceaan, heldere lucht, gecombineerd met warm zand, en warmwitte interfaces.
Typografie
Vriendelijk en zacht uiterlijk zorgt voor een toegankelijk gevoel.
Koppen & Interface
Baloo 2 Regular, Bold
Vriendelijk en uitnodigend, duidelijk, ook in kleine teksten.
Berichten
Sniglet
Handgeschreven, persoonlijk en laagdrempelig.
Tactiele interacties en een dynamische oceaansimulatie.
De applicatie is gebouwd als een responsive React Single Page Application (SPA), ondersteund door een lichtgewicht PHP/MySQL backend voor de verwerking van flessen en 1-op-1 gesprekken.
Dynamische Oceaan
Flessen drijven op verschillende dieptes voorbij met een parallax-effect. De bewegingen en het dobberen van de flessen is subtiel geanimeerd. De vergezichten, lucht- en strandaankleding zijn iedere sessie anders, maar toch duidelijk herkenbaar. Dit alles om een geloofwaardige en verwonderende ervaring te blijven geven.
Tactiele Micro-interacties
Het openen van een fles voelt fysiek: van het ontkurken van een fles tot het uitrollen van het papier tot een warm ivoorkleurige leeskaart.
Privacy & Veiligheid
Gesprekken tussen twee ‘shore names’ zijn strikt privé (1-op-1) en worden nooit een openbaar reactiegedeelte. Server-side validatie, moderatie en rapportagemogelijkheden zorgen voor een veilige omgeving.
Een nieuw perspectief op
online interactie.
Het resultaat is een digitale flespost: vinden, lezen, een klein gebaar, klaar. Geen feed om bij te blijven. Alleen de kans dat iemand, ergens, jouw bericht uit het water haalt.
Het resultaat is een unieke digitale ervaring die laat zien hoe UX-design kan bijdragen aan mentale rust en oprechte interactie op het web.
“Write a message. Drop it in the ocean. See what the world finds.”
Klaar om samen
iets moois neer te zetten?
Heb je een vraag, idee of project in gedachten?
Stuur me een bericht en ik neem snel contact met je op.