WorkResume
WPP x Meta Project Overview TeamJessica Tan Paola Demichelis



My RoleCreative Developer
Interaction Designer Main ToolP5.JS
Firebase
HTML/CSS
Javascript
As part of an internal event hosted by Meta Singapore in collaboration with WPP, each agency was invited to create an experience showcasing their unique identity and exploring the intersection of creativity and technology.

Representing Design Bridge and Partners, our team designed and built an interactive installation where visitors responded to a theme-related question. Their answers were collected and visualized in real time on a large screen, turning individual inputs into a collective experience.
Process VISUALInspired by moiré patterns, the graphic designer developed a visual language for the event, which also served as the design reference for the interactive installation.



INTERACTIVE 
EXPERIENCE The installation consisted of two parts: a mobile app and a large display. Participants submitted their answers through the mobile app, which were stored in a Firebase database. The data was then visualized in real time as animated dots on the big screen.

Both applications were connected via APIs, enabling a seamless flow of data from user input to visual output.
Digital Prototype
Large Display
The entire interface was built with p5.js to ensure responsiveness across devices. Using the Matter.js library, the dots were animated with simulated gravity and turbulence.

Mobile InteractionAnswer submission was designed as an upward swipe, animated with CSS and JavaScript to mimic the feeling of tossing a ball. This subtle motion added a playful layer to the experience, making the interaction more engaging.
Demo