Garnier Greeniverse

A whole green universe, dropped onto the skywalk over Siam. For three days in May 2024, Garnier and the City of Bangkok turned the OneSiam Skywalk into the Greeniverse — an interactive sustainability showcase where the busy walk between Siam's malls became a journey through environmental conservation and Garnier's own green initiatives. Visitors didn't just read about going green; they discovered what kind of green they are, backed the eco-campaigns they believed in, and threw their weight behind the Bangkok districts they wanted greener — every choice landing live on the screens around them. Part personality quiz, part civic ballot, all played from a phone in the middle of the city.

It opens in the browser — no download. You land in the Greeniverse intro and watch a short reel that sets the scene, then step into a five-question quiz to find your Green Type: four answers each, with a final multi-select question to round out the picture. The app tallies your answers and sorts you into one of four Green Types. Register to lock in your result, see which type you are — and from there the floor opens up. Scan the Rabbit QR codes dotted around the event, each one a real sustainability campaign, and vote it up or down; or weigh in on which of Bangkok's fifty districts most deserves new green space. Either way your vote joins everyone else's on the big screens, counting up in real time.

Five questions, four answers, one of you. The Greeniverse opens as a personality quiz: five quick questions, each with four options, ending on a multi-select that lets you pick everything that fits. Behind it, the app scores every answer and weighs the totals to place you in one of four Green Types — a playful read on how you already live green and where you could lean in further. It's the hook that turns a passing visitor into a participant: by the time you have your type, you are invested enough to want to vote.

Two ballots, both live. Once you have your Green Type, the showcase hands you a vote — two of them, actually. The first is campaign by campaign: scan a Rabbit QR placed around the floor and up comes a real sustainability campaign to back or pass on, a simple yes or no. The second is geographic: a map of Bangkok's fifty districts, where you choose the one you most want to see greener. Both feed the same place — the big screens on the floor — where the campaign tallies and the district ranking climb in real time, so the room can watch the city's collective wish take shape as it is cast.

Under all of it sits a web app built to keep a crowd and a live scoreboard in sync. Every quiz result, every campaign vote and every district ballot is written and tallied the moment it is cast, then pushed to the screens on the floor without anyone hitting refresh — Redis holding the running counts and the district ranking so a rush of votes still lands instantly and in order, and MongoDB keeping the record underneath. It is hosted on Vercel and served straight to the phone in each visitor's hand, no install in the way. The whole web app system — the quiz engine, the scan-and-vote flow, the real-time scoreboards and the backend — was designed and built by me; the experience's UX/UI design and the physical event production were in other hands.