WebflowCase study 01/07
All projectsRise Radio + TV
A reusable Webflow component foundation and two brand-specific websites for Rise Radio + TV and Do It Best Radio, built from a Figma design.
Design supplied in Figma. Webflow development by Atado Studio.
Two distinct branded websites built on one reusable Webflow foundation, with 100/100 Lighthouse scores for accessibility, best practices, and SEO.
One foundation, two brands
Shared UI patterns and styling conventions were built once in a separate foundation project, then used as the starting point for both websites.
Flexible CMS content
Testimonials are grouped by category through a multi-reference relationship, so each carousel shows relevant content and cards adapt when an image is missing.
Measurable technical quality
Responsive layouts, mobile text contrast, and page structure were refined until Lighthouse reported 100/100 for Accessibility, Best Practices, and SEO.
The brief
Rise Radio + TV needed separate website experiences for two related brands, Rise Radio + TV and Do It Best Radio, without rebuilding the same navigation, buttons, cards, and content sections from scratch for each site. Both sites also had to stay consistent, responsive, and easy to maintain as new pages were added.
The build
Before building either website, I created a dedicated Webflow component foundation based on Client-First, covering typography, color styles, spacing, buttons, navigation variants, and cards. Both sites were developed from that foundation and adapted to each brand's visual style, working from a design supplied in Figma. Testimonials were structured in the Webflow CMS as Testimonials and Testimonial Categories collections connected through a multi-reference field, powering category-specific carousels with cards that work with or without images.
The outcome
Delivered two responsive, brand-specific Webflow websites that share one consistent structure. Rise Radio + TV scored 95/100 for mobile performance and 100/100 for desktop performance in Google Lighthouse, with 100/100 for Accessibility, Best Practices, and SEO on both devices (tested 24 October 2026).
Project scope
What went into the build.
Reusable Client-First component foundation
Two brand-specific responsive websites
Webflow CMS testimonials with multi-reference categories
Performance, accessibility, and technical SEO
Impact
A stronger foundation, not just another page.
Removed the need to rebuild common UI elements for each brand.
Kept both websites consistent while letting each keep its own branding.
Created a clear foundation for future updates and new pages.
