--- title: "MainStreaming Website Design Case Study | Donux" description: "How Donux refreshed MainStreaming's brand, restructured its video streaming website and migrated it to Framer." url: "https://donux.com/case-studies/mainstreaming" language: "en" --- ![MainStreaming logo](https://images.app.donux.com/unsafe/fit-in/240x0/case-studies/mainstreaming/logo.png) # How MainStreaming got a clearer website its team can grow, built on Framer ![MainStreaming Quality Hot Spots solution page on desktop](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/hero-01.png) ![MainStreaming Quality Hot Spots page on mobile](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/hero-02.png) ![MainStreaming success story section featuring Fastweb](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/hero-03.png) ![MainStreaming Tech Hub developer resources on mobile](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/hero-04.png) ![MainStreaming security page with Anti-Piracy Stream Protector](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/hero-05.png) ![MainStreaming homepage hero for live sports streaming with client logos](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/hero-06.png) ![MainStreaming REST API resources page on mobile](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/hero-07.png) ![MainStreaming Fighting Content Piracy page hero](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/hero-08.png) Industry Developer Tools Services Website Design, Framer Development, Brand Identity 1/ ## The situation **MainStreaming** provides enterprise-grade video streaming infrastructure for broadcasters, OTT platforms and live events. The technology had grown and the website needed to keep up: products, solutions and technical resources had to be **easier to find and understand**, and the team wanted a platform where publishing new pages is simple. ![MainStreaming homepage and Quality Hot Spots page side by side](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-01.png) 2/ ## A structure every audience can navigate We reviewed the site page by page and rebuilt navigation and hierarchy around products, solutions, resources and success stories, so broadcasters, OTT platforms, developers and partners each find their own path. ![MainStreaming developer resources and OTT solution pages](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-07.png) ![MainStreaming partner program page on desktop and mobile](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-02.png) 3/ ## A bold look for streaming technology A dark, high-contrast visual system built around MainStreaming's red, with blue gradients and neon-style imagery that express speed, live events and security. ![MainStreaming brand style tiles with logo, colors, typography and UI elements](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-06.png) ![MainStreaming live events streaming page in perspective](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-08.png) 4/ ## Templates the team can reuse Modular templates for solutions, security, developer resources and the partner program let the team assemble new pages from consistent sections. ![MainStreaming security page redesign on desktop](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-03.png) ![MainStreaming Fighting Content Piracy page layout](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-04.png) 5/ ## Built and migrated on Framer We built the new site in **Framer**, moved the existing content into the new structure and made every template responsive, so the team can update and extend the site as the offer evolves. ![MainStreaming isometric illustration of its edge delivery network](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-05.png) 6/ ## The result The same topics, now with a **clear hierarchy**, focused sections and a recognizable identity on every page. After the launch, the collaboration continued with work on the website's accessibility. ![MainStreaming edge delivery page before and after the redesign](https://images.app.donux.com/unsafe/fit-in/1440x0/case-studies/mainstreaming/image-09.png) ## Is your website slowing your team down? We rebuild it with a clear structure and reusable templates, so your team can publish and grow it on its own. [Let's talk](https://donux.com/contact-us) [Explore Agent-ready Websites](https://donux.com/services/saas-website-development) ## More Case Studies [![Digger landing page design for AWS deployment](https://images.app.donux.com/unsafe/case-studies/digger/jYvcdqEgv07qrec09cb5SHnRYqs.png)](https://donux.com/case-studies/digger) Developer Tools ### How Digger made AWS deployment clear to developers at first glance [Explore the project](https://donux.com/case-studies/digger) [![How Ascend Makers launched their AI-powered marketing platform from concept to product in 6 months](https://images.app.donux.com/unsafe/case-studies/ascend/cN1QTVhzXF4igs742h85YGTxZfE.png)](https://donux.com/case-studies/ascend) Marketing & Sales ### How Ascend Makers launched their AI-powered marketing platform from concept to product in 6 months [Explore the project](https://donux.com/case-studies/ascend) [![ESGMax reports dashboard with report status cards](https://images.app.donux.com/unsafe/case-studies/esgmax/yYBDKZX2mB53VQbDeLJSUHZ9tk8.png)](https://donux.com/case-studies/esgmax) Sustainability ### How ESGMax launched with product, brand and website designed together [Explore the project](https://donux.com/case-studies/esgmax)