Bunny.net

bunny.net

CDN platform

CLIENT

bunny.net

YEAR

2023 -

ROLE

Lead Product Designer

TOOLS

Figma, Tokens Studio, Figma Variables, Airtable, GitHub, Vercel, Cursor, VSCode

My role

I am the only product designer for Bunny.net's CDN platform. Beyond just creating designs, I'm an active part of the product team where I contribute ideas and help figure out how features should work. I work closely with developers, product managers, and other teams to shape the product direction and make sure the platform is easy to use for people managing their content delivery, whether they're technical or not.

I design not just the main dashboard, but everything users interact with, including documentation pages, billing screens,…

Context

Delivered end-to-end UX and UI for the dashboard

Phase 1: I completely transformed the existing functional dashboard. Starting with user flows and wireframes, I redesigned how people navigate and complete tasks, then created all new visual designs. This wasn't just a visual update - I rethought how everything works to make complex CDN management feel simple and intuitive. Every screen was redesigned from scratch while keeping the platform functional during the transition.

UI Kit and design tokens

Phase 2: After the dashboard redesign was complete, I shifted focus to building for scale. I created a comprehensive UI kit with all our design elements and established a design token strategy. This system defines colors, fonts, spacing, and other design decisions as reusable values, making it easy to maintain consistency and enable features like custom theming for enterprise customers.

Design tokens

I set up an automated system that takes design updates from Figma and puts them directly into the code on GitHub. When I change a color or spacing in the design file, it automatically updates the file on GitHub repo. This saves a significant amount of time and prevents mistakes that occur when developers have to manually copy design specifications.

Design system inventory (Airtable)

I created a database in Airtable that tracks every design component we have - what it's for, how to use it, and what version we're on. It's like a catalog that anyone on the team can search through to find what they need or check how something should work. This keeps everyone on the same page.

Challenges

When I joined, bunny.net had a functional dashboard with no consistent design language. The UX was hard to navigate and the UI lacked clarity for complex CDN features. The first challenge was to transform the dashboard into a polished, intuitive product. Once the foundation was stable, the second challenge was to scale design consistency across the platform with a design system and tokenized foundations.

Making complex CDN tools feel simple Transform powerful infrastructure tools into an intuitive interface without sacrificing advanced functionality.

Growing without creating chaos Add new products and features while maintaining clear navigation and logical information architecture.

Designing for solo devs and enterprise teams Balance simplicity for individuals with robust controls for teams - one interface that adapts to different needs.

Building a scalable design system Create a token-based system that supports multiple themes, enterprise customization, and rapid product development.