Celo
A custom built interactive web experience for a music streaming startup that needed something no template could deliver.
React
Framer Motion
About project
Celo is a music streaming platform targeting independent artists and their core audiences. They wanted a web experience that felt as considered and immersive as the music itself. Off the shelf solutions were not going to cut it so the entire frontend was built from scratch with custom interactions and animations throughout.
Challenge
The brief was ambitious — a fully interactive web experience with real time audio visualisation, custom cursor interactions, and smooth page transitions, all while keeping performance tight enough to work on mid range devices. Balancing visual ambition with technical performance was the central tension throughout the project.
Process
Started with a detailed technical scoping session to establish what was achievable within the timeline. Built a component architecture in React first, then layered in Framer Motion for all animations. Audio visualisation was built using the Web Audio API. Performance testing happened in parallel with development rather than at the end.
Result
A fully custom React web experience with real time audio visualisation, 20+ custom micro interactions, smooth page transitions, and a Lighthouse performance score above 90. Delivered on time and became the centerpiece of Celo's investor pitch deck.
Project shots
