Sandbox
About the project
Follow55, in partnership with Bolha for the Wunderman Thompson agency, developed the interface for the digital activation of the Google Station project. The initiative brought free Wi-Fi to train stations in São Paulo, promoting connectivity and interactivity with the public.
Category
Website
Scope
Front-end and Back-end
Technology
HTML, CSS, JavaScript, Vue, Vuex, Vue Router, Eclipse Mosquitto
01 Discovery
Overview
With the creative concept coming from Bubble, we start the technical challenge: transform a physical activation into an interactive, fluid and responsive experience. It was necessary to ensure that anyone with a smartphone could connect, wait in the virtual queue and control the crane in real time, all without registration or technical barriers.
02 Identify
The Challenge
The challenge was to deliver a lightweight, accessible interface fully integrated with the crane machine hardware, with communication via the MQTT protocol. In addition, navigation needed to be extremely intuitive, so that anyone, when connecting to Google's Wi-Fi, could play quickly and in a fun way.
03 Define
Our Approach
Together with the Bolha team, we mapped out the user flows, game states and remote control of the crane. We created an interface that was adaptable to different devices, with clear visual feedback and real-time integration, ensuring harmony between the physical activation environment and the digital layer of the project.
04 Build
The Solution
follow55 developed the crane interface using Vue.js and its ecosystem (Vuex and Vue Router), integrating with Eclipse Mosquitto via MQTT to allow the web app to physically control the machine. Everything was developed to run directly from the browser, without the need for app installation, registration or login.
05 Results
The Impact
The activation was a success in all the stations where it took place: the gifts sold out quickly and the digital experience surprised users. The interface created by follow55 was essential for the smooth running of the campaign, ensuring usability, stability and speed.
