[{"data":1,"prerenderedAt":203},["ShallowReactive",2],{"work-en-meeting-pond":3,"work-cards-en":116},{"id":4,"title":5,"approach":6,"body":39,"brief":46,"card":52,"description":43,"extension":56,"gallery":57,"hero":78,"heroAlt":79,"meta":80,"navigation":81,"outcome":82,"path":86,"problem":87,"reflection":90,"resources":91,"role":101,"seo":111,"status":112,"stem":113,"summary":114,"__hash__":115},"work_en\u002Fwork\u002Fmeeting-pond.md","Meeting Pond",[7,13,26],{"label":8,"title":9,"prose":10},"Concept","Presence as disturbance",[11,12],"Early explorations tried signals, marks, and traces, but they all felt too literal, too close to conventional messaging. The project converged on the metaphor of a living pond, because it let presence be expressed as movement and transformation rather than as content.","A drop is not neutral. It carries the active color of the sender's pond, and when it reaches the other device it mixes briefly with the local color, a temporary blend that stands for a shared moment. The interaction is relational by design: the gesture is both an action and a visual imprint of the person who made it.",{"label":14,"title":15,"prose":16,"artifacts":19},"Constraint","Designing for a 32×32 grid",[17,18],"The display is a low-resolution LED matrix, and that limit became the design opportunity. At thirty-two by thirty-two pixels there is no room for detail, so the language has to be abstraction, light, and motion. A ripple reads perfectly at low resolution because it is pure dynamics: a disturbance that spreads and decays.","Each unit is a self-contained object, the matrix and its electronics hidden inside a custom frame so the device reads as a single luminous surface, closer to a glowing painting than a gadget. The technical parts disappear so the pond can be the whole experience.",[20],{"alt":21,"caption":22,"decision":23,"width":24,"src":25},"A single 32×32 LED matrix filling the frame in a dark room, green light forming a soft disturbance across the grid with every pixel distinct.","The 32×32 surface — a disturbance read in pure light.","The grid's limit pushed the language down to motion: a ripple is legible precisely because it has no detail to lose.","wide","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fartifact-constraint.jpg",{"label":27,"title":28,"prose":29,"artifacts":32},"Interaction","An interface you cannot see",[30,31],"An early version exposed parameters like ripple size and speed through an external control interface. We abandoned it in favour of a fully embodied model where every control lives in the object itself, read through the camera as hand movement.","Three gestures carry everything. A tap releases a drop. Moving a hand horizontally changes the pond's color; moving it vertically changes the intensity of the field. No buttons, no menus. That shift, from a parameter panel to bodily gesture, is what turned a technical setup into a coherent object where interaction, form, and meaning hold together.",[33],{"alt":34,"caption":35,"decision":36,"width":37,"src":38},"A system diagram: each person's hand gestures are read by a smartphone running MediaPipe and a water simulation, which streams RGB565 frames to a WebSocket server that drives the ESP32 LED matrices and forwards each drop event to the other person's pond.","The real-time system behind two connected ponds.","One WebSocket server bridges each phone's gestures to both matrices, so a drop in one pond surfaces in the other in real time.","full","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fartifact-interaction.png",{"type":40,"value":41,"toc":42},"minimark",[],{"title":43,"searchDepth":44,"depth":44,"links":45},"",2,[],{"role":47,"year":48,"host":49,"scope":50,"shipped":51},"System & interaction build","2026","SUPSI · ID151","Team of two","Pair of connected prototypes",{"title":53,"alt":54,"image":55},"Meeting Pond — connected light objects for distant presence","Two connected Meeting Pond units standing side by side, one glowing blue and the other pink, each showing ripples across a 32×32 LED grid.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fadjacent.jpg","md",[58,62,66,70,74],{"alt":59,"caption":60,"src":61},"A single Meeting Pond unit standing in a dark room, glowing a calm even blue across its 32×32 LED grid, its light pooling on the surface below.","Idle — a calm pond, present without demanding attention.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-idle.jpg",{"alt":63,"caption":64,"src":65},"The LED matrix showing violet light radiating outward just after a drop lands, the individual pixels of the 32×32 grid clearly visible.","A drop — ripples spread across the surface.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-drop.jpg",{"alt":67,"caption":68,"src":69},"The two connected units side by side, one glowing green and the other magenta, each showing its own rippling pond of light.","Two ponds — a gesture here, a ripple there.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-twoponds.jpg",{"alt":71,"caption":72,"src":73},"A single pond where green, blue and magenta light mix across the grid, a received drop briefly blending its color into the local pond.","Blend — the sender's color, mixing into yours.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-blend.jpg",{"alt":75,"caption":76,"src":77},"The build laid out on a light surface: the 32×32 LED matrix panel, a power bank, a USB cable, a smartphone, and the small ESP32 board with its antenna and battery harness.","The parts — the matrix, the ESP32, power, and the phone that senses and simulates.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fgallery-components.jpg","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fhero.jpg","Two Meeting Pond units standing side by side on a reflective surface in a dark room, one glowing blue and the other pink, each showing a circular ripple across its 32×32 LED grid, their light pooling below.",{},true,[83,84,85],"A working pair of connected light objects. A tap on one ripples across both surfaces in real time, with the sender's color briefly blending into the receiver's pond.","A self-contained, screen-free interaction: gesture in, light out, with the whole system (sensing, simulation, and networking) embedded in the object instead of a separate controller.","An interaction deliberately ephemeral. Ripples fade and the surface returns to stillness, so there is no archive, no pressure to reply, and no record of missed moments, only presence.","\u002Fwork\u002Fmeeting-pond",[88,89],"We are saturated with messages, alerts, and screens. Meeting Pond asks a quieter question: can connection be felt through something more ambient and non-verbal than another notification? Can presence travel without content?","The project's move is to turn presence into disturbance. Instead of sending text, a user leaves a temporary trace of their energy in a shared visual environment. Water is the metaphor because it structurally matches a long-distance relationship: a small action in one place radiates outward and reaches another, carrying energy rather than matter, then returns to stillness.","Meeting Pond taught me how much a hard constraint can give you. A thirty-two pixel grid sounds limiting until it forces every idea down to motion and light, which is exactly where the project found its voice. The harder discipline was resisting the urge to add features: the moment we removed the control panel and trusted a few gestures, the object finally meant what we wanted it to mean.",[92,96],{"type":93,"title":94,"url":95},"github","Source code — server, web client, and ESP32 firmware","https:\u002F\u002Fgithub.com\u002Fjerem-marti\u002FMAInD-ID151.01-2026-MissingDrop",{"type":97,"title":98,"poster":99,"src":100},"video","Walkthrough","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fvideo-poster.jpg","\u002Fvideos\u002Fmeeting-pond\u002Fwalkthrough.mp4",{"led":102,"contributed":106,"notTouched":108,"team":110},[103,104,105],"The real-time system connecting two devices: gesture sensing, the pond simulation, and the networking between them","Embedding the interaction into a self-contained object rather than an external control panel","Electronics and the LED-matrix display integration",[107],"Concept and the visual language of the pond, with the team",[109],"The custom frame and object finishing, shared within the team","Team of two (Jérémy Martin, Nerea Asensio) for ID151 Programming Interactive Objects at SUPSI, taught by Andreas Gysin.",{"title":5,"description":43},"live","work\u002Fmeeting-pond","A pair of connected light objects that let two distant people feel each other's presence without words, notifications, or screens. A tap drops into a pond of light and ripples outward, appearing in real time on the other device, turning presence into a disturbance that travels and fades.","h3MqNrQUhjWThIxXioNAWXnUPMk45-Gu_iSK8xARdo0",[117,123,129,135,141,147,153,159,165,171,177,179,185,191,197],{"path":118,"card":119},"\u002Fwork\u002Fa-ta-dispo",{"title":120,"alt":121,"image":122},"À ta Dispo — matching event volunteers with organizers","The hand-drawn À ta Dispo wordmark, a coral logo on a pink sticker shape, on a plain coral background.","\u002Fimages\u002Fwork\u002Fa-ta-dispo\u002Fadjacent.jpg",{"path":124,"card":125},"\u002Fwork\u002Fan-aura-of-words",{"title":126,"image":127,"alt":128},"An Aura of Words — Lugano's parks, told by their reviews","\u002Fimages\u002Fwork\u002Fan-aura-of-words\u002Fadjacent.jpg","Lugano's five parks shown on a map, each as a color-blended organic aura sized by review volume.",{"path":130,"card":131},"\u002Fwork\u002Fbeau-rivage",{"title":132,"alt":133,"image":134},"Beau-Rivage Eco-Redesign — a 95% lighter luxury hotel site","The redesigned Beau-Rivage Palace site: restrained, elegant, far lighter than the original.","\u002Fimages\u002Fwork\u002Fbeau-rivage\u002Fadjacent.jpg",{"path":136,"card":137},"\u002Fwork\u002Fbereal",{"title":138,"alt":139,"image":140},"Re-coding BeReal — a dual-camera capture and image pipeline","Re-coding BeReal: the composed dual-photo post beside a friend's feed, on a dark mobile interface.","\u002Fimages\u002Fwork\u002Fbereal\u002Fadjacent.jpg",{"path":142,"card":143},"\u002Fwork\u002Fbrushbuddy",{"title":144,"image":145,"alt":146},"BrushBuddy — a monster cube that guides two-minute toothbrushing","\u002Fimages\u002Fwork\u002Fbrushbuddy\u002Fadjacent.jpg","A hand lifts the toothbrush from the dock on top of the BrushBuddy cube, which has a worried yellow monster face.",{"path":148,"card":149},"\u002Fwork\u002Fcultural-trails",{"title":150,"alt":151,"image":152},"Cultural Trails — a full-stack heritage walking app","Two screens from the Sentiers culturels app on the project's green, peach and blue trail ribbon: the explore map of trails across the Lausanne shore, and in-walk navigation following a route on a satellite map.","\u002Fimages\u002Fwork\u002Fcultural-trails\u002Fadjacent.jpg",{"path":154,"card":155},"\u002Fwork\u002Fdatabloom",{"title":156,"image":157,"alt":158},"DataBloom — making the energy impact of digital usage visible","\u002Fimages\u002Fwork\u002Fdatabloom\u002Fadjacent.jpg","The DataBloom flower: ultramarine felt petals on a green segmented stem in a small terracotta pot, on a white studio backdrop.",{"path":160,"card":161},"\u002Fwork\u002Felen",{"title":162,"image":163,"alt":164},"ELEN — a speculative camera for invisible wireless presences","\u002Fimages\u002Fwork\u002Felen\u002Fadjacent.jpg","ELEN, a handheld camera with a translucent orange body and twin white handles, lit on a gray studio backdrop, its deep-blue screen showing through the plexiglass.",{"path":166,"card":167},"\u002Fwork\u002Ffamily-space",{"title":168,"image":169,"alt":170},"UBS Family Space — a family's shared place to manage money","\u002Fimages\u002Fwork\u002Ffamily-space\u002Fadjacent.jpg","UBS Family Space concept: two phone screens on a soft red gradient, a parent's hub for the child's analytics, limits, and goals, and the child's savings-goal screen.",{"path":172,"card":173},"\u002Fwork\u002Fhuman-loci",{"title":174,"image":175,"alt":176},"Human Loci — a synesthetic listening object","\u002Fimages\u002Fwork\u002Fhuman-loci\u002Fadjacent.jpg","Human Loci: a transparent acrylic listening box with three plaster disks for a park, a marina, and a train station.",{"path":86,"card":178},{"title":53,"alt":54,"image":55},{"path":180,"card":181},"\u002Fwork\u002Fthea",{"title":182,"image":183,"alt":184},"Thea — a calm new sense for living with allergies","\u002Fimages\u002Fwork\u002Fthea\u002Fadjacent.jpg","The Thea wearable suspended in a lattice of orange cords against a cobalt sky, its oblong gauge glowing, an editorial shot from the final presentation.",{"path":186,"card":187},"\u002Fwork\u002Fuefa-female-coaches",{"title":188,"alt":189,"image":190},"Why Not You? — the UEFA female coaches campaign","The Why Not You? campaign: bold display typography over a female coach, with the line Lead Your Passion, Shape the Game.","\u002Fimages\u002Fwork\u002Fuefa-female-coaches\u002Fadjacent.jpg",{"path":192,"card":193},"\u002Fwork\u002Fwama",{"title":194,"image":195,"alt":196},"Wama — machine learning as a sink-side witness","\u002Fimages\u002Fwork\u002Fwama\u002Fadjacent.jpg","Wama's built sink rig at an angle: a tap pouring into a clear basin, the phone in its laser-cut holder showing the character.",{"path":198,"card":199},"\u002Fwork\u002Fwematch",{"title":200,"image":201,"alt":202},"WeMatch — an AX matching service for the WeRoad world","\u002Fimages\u002Fwork\u002Fwematch\u002Fadjacent.jpg","WeMatch title card: 'WeMatch finds your group before you find your trip' in coral and ink on a soft white-to-pink gradient, with the round Matchy agent character.",1783535600147]