Challenge

The team at Gorilla Dash asked if I could help refine a data-driven presentation for Google TV displays. The existing Vue 3 and Vuetify setup handled the data well, but needed improvements in responsive adaptation. There was also a requirement for a global colour theme structure for each client brand, alongside an opportunity to contribute my own UI/UX ideas—moving beyond standard data displays to create a stronger narrative thread.

Perspective

Diving into the codebase, I refactored away from JavaScript touching the virtual DOM. I created a centralised Pinia store for colour theming—this meant less prop drilling, which also made the data flow clearer throughout the app. I then reworked each Vuetify component, auditing the TailwindCSS flexbox properties for each. Adding responsive typography with the CSS clamp allowed me to keep content fluid and in focus. On the UI side, I crafted Chart.js animation sequences. For core component transitions, I used Motion.dev (Framer Motion) and its GPU rendering capabilities. All together, an improved—and hopefully smooth—user journey.