Capturing energy by breaking the grid for Bloomberg PWR Ride
Project Role:
UI Designer
Agency:
The Digital Maze
Client:
Bloomberg Square Mile
Skills
UI Design
Client Communications
Prototyping
Design Thinking
Adobe XD
In approaching the Bloomberg's PWR Ride project, I challenged conventional web design paradigms by looking to the past.
Classic book design reveals some really solid core fundamentals (the canons of page construction) that are too often forgotten today in favour of simpler column/grid systems.
There are many adaptations of these fundamentals for the modern day, and I’ve found the most dynamic of these to be the golden canon grid (adapted wonderfully by Adrián Somoza for BONT® - should you want to use it in your projects) .
Scaled correctly, you can still adapt a vertical column system within it’s confines, which provides convention for the interface but gives so many more interesting hook points to anchor elements onto the page.
This unconventional choice enabled the creation of a fluid, impact driven layout that broke free from rigid column constraints whilst maintaining visual harmony.
The end result was a dynamic interface that mirrored the energy and movement inherent in the platform's core purpose.
Visualizing Global Competition
Designing for Scale
The heart of PWR Ride lies in its competitive spirit, demanding a results visualisation system that could handle real-time global competition data while maintaining clarity and engagement.
I designed league tables and results displays that balanced information density with accessibility, allowing users to easily track their office's performance against global competitors. The interface scales seamlessly from individual rider statistics to department-wide and global leader boards.
Signed up and fired up
Crafting an energising onboarding and booking process.
The user experience design encompassed both onboarding and ongoing engagement through an intuitive booking system. I created a streamlined signup flow that quickly connects users with their office teams, and get’s them signed up to an event, while the accompanying management interface enables easy session booking and bike availability tracking.
Website project - SUPER impressed. The design looks awesome and I'm receiving consistently positive comments about it, the team are really quick and responsive.
Feedback from a member of the Bloomberg Square Mile Relay project team.
This website was designed from scratch by hand in Figma, and brought to life in Framer (Not a template in sight).
(All works shown are copyright of either the employer or the client and are exhibited for informative purposes only)
Website design is copyright James Walsh © 2025