diff --git a/packages/www/assets/images/cs-evolution.png b/packages/www/assets/images/cs-evolution.png new file mode 100644 index 0000000000..b09547d61d Binary files /dev/null and b/packages/www/assets/images/cs-evolution.png differ diff --git a/packages/www/assets/images/cs-footer.png b/packages/www/assets/images/cs-footer.png new file mode 100644 index 0000000000..e5a800d9a3 Binary files /dev/null and b/packages/www/assets/images/cs-footer.png differ diff --git a/packages/www/assets/images/cs-hero.png b/packages/www/assets/images/cs-hero.png new file mode 100644 index 0000000000..3dfe914072 Binary files /dev/null and b/packages/www/assets/images/cs-hero.png differ diff --git a/packages/www/assets/images/cs-minds-background-gray.png b/packages/www/assets/images/cs-minds-background-gray.png new file mode 100644 index 0000000000..0208805756 Binary files /dev/null and b/packages/www/assets/images/cs-minds-background-gray.png differ diff --git a/packages/www/assets/images/cs-minds-challenge.png b/packages/www/assets/images/cs-minds-challenge.png new file mode 100644 index 0000000000..336db89caa Binary files /dev/null and b/packages/www/assets/images/cs-minds-challenge.png differ diff --git a/packages/www/assets/images/cs-minds-hero.png b/packages/www/assets/images/cs-minds-hero.png new file mode 100644 index 0000000000..a7428bc0c6 Binary files /dev/null and b/packages/www/assets/images/cs-minds-hero.png differ diff --git a/packages/www/assets/images/cs-minds-results.png b/packages/www/assets/images/cs-minds-results.png new file mode 100644 index 0000000000..8835965853 Binary files /dev/null and b/packages/www/assets/images/cs-minds-results.png differ diff --git a/packages/www/assets/images/cs-minds-solution.png b/packages/www/assets/images/cs-minds-solution.png new file mode 100644 index 0000000000..6618dd54a3 Binary files /dev/null and b/packages/www/assets/images/cs-minds-solution.png differ diff --git a/packages/www/assets/images/cs-reason-a.png b/packages/www/assets/images/cs-reason-a.png new file mode 100644 index 0000000000..d275b7cc4c Binary files /dev/null and b/packages/www/assets/images/cs-reason-a.png differ diff --git a/packages/www/assets/images/cs-reason-b.png b/packages/www/assets/images/cs-reason-b.png new file mode 100644 index 0000000000..547c44f201 Binary files /dev/null and b/packages/www/assets/images/cs-reason-b.png differ diff --git a/packages/www/assets/images/cs-streaming.png b/packages/www/assets/images/cs-streaming.png new file mode 100644 index 0000000000..fccd7c7a89 Binary files /dev/null and b/packages/www/assets/images/cs-streaming.png differ diff --git a/packages/www/assets/images/cs-switchboard-challenge.png b/packages/www/assets/images/cs-switchboard-challenge.png new file mode 100644 index 0000000000..57d7c5fa71 Binary files /dev/null and b/packages/www/assets/images/cs-switchboard-challenge.png differ diff --git a/packages/www/assets/images/cs-switchboard-hero.png b/packages/www/assets/images/cs-switchboard-hero.png new file mode 100644 index 0000000000..908bd3cb12 Binary files /dev/null and b/packages/www/assets/images/cs-switchboard-hero.png differ diff --git a/packages/www/assets/images/cs-switchboard-results.png b/packages/www/assets/images/cs-switchboard-results.png new file mode 100644 index 0000000000..7e22e57e87 Binary files /dev/null and b/packages/www/assets/images/cs-switchboard-results.png differ diff --git a/packages/www/assets/images/cs-switchboard-solution.png b/packages/www/assets/images/cs-switchboard-solution.png new file mode 100644 index 0000000000..9da7706d0c Binary files /dev/null and b/packages/www/assets/images/cs-switchboard-solution.png differ diff --git a/packages/www/assets/images/livepeer.png b/packages/www/assets/images/livepeer.png new file mode 100644 index 0000000000..eb3fdcba92 Binary files /dev/null and b/packages/www/assets/images/livepeer.png differ diff --git a/packages/www/css/custom.css b/packages/www/css/custom.css new file mode 100644 index 0000000000..0eba2bb8ec --- /dev/null +++ b/packages/www/css/custom.css @@ -0,0 +1,748 @@ +/* Case Studies - Hero */ +.cs-hero { + display: grid; + grid-template-columns: 2fr 1fr; + column-gap: 60px; + height: auto; + color: #111c18; + padding: 50px 0 100px 0; + margin: 40px 0 100px 0; +} + +.cs-hero .cs-main-title { + font-size: 24px; + font-weight: bold; + line-height: 28px; + margin-bottom: 40px; +} + +.cs-hero .cs-title { + font-size: 50px; + font-weight: bold; + margin-bottom: 40px; +} + +.cs-hero .cs-subtitle { + font-size: 26px; + font-weight: bold; + margin-bottom: 40px; +} + +.cs-hero .cs-description { + font-size: 18px; + color: #5e6663; + line-height: 28px; +} + +@media only screen and (max-width: 992px) { + .cs-hero { + display: grid; + grid-template-columns: 1fr; + row-gap: 60px; + height: auto; + } + + .cs-hero-image div img { + position: relative !important; + } +} + +@media only screen and (max-width: 768px) { + .cs-hero .cs-title { + font-size: 40px; + font-weight: bold; + margin-bottom: 40px; + } +} + +@media only screen and (max-width: 600px) { + .cs-hero { + padding: 0px 0px; + } + + .cs-hero .cs-title { + font-size: 32px; + font-weight: bold; + margin-bottom: 40px; + } + + .cs-hero .cs-description { + font-size: 18px; + color: #5e6663; + line-height: 22px; + } + + .cs-hero-image { + grid-row: 1/2; + } +} + +/* Case Studies - Evolution */ +.cs-evolution { + display: grid; + grid-template-columns: 1fr 2fr; + column-gap: 60px; + height: auto; + color: #111c18; + background: var(--colors-neutral2); + margin-bottom: 100px; + padding: 0 var(--space-4); +} + +.cs-minds-challenge .cs-icon { + margin-top: 40px; +} + +.cs-evolution-image { + width: 100%; + height: 500px; + position: absolute; + top: -70px; +} + +.cs-minds-challenge .cs-evolution-image { + height: 550px; + top: -100px; +} + +.cs-evolution-info .cs-title { + font-size: 40px; + font-weight: bold; + margin-top: 40px; + margin-bottom: 40px; +} + +.cs-evolution-info .cs-description { + font-size: 18px; + color: #5e6663; + line-height: 28px; + margin-bottom: 40px; +} + +@media only screen and (max-width: 992px) { + .cs-evolution { + display: grid; + grid-template-columns: 1fr; + row-gap: 0px; + height: auto; + color: #111c18; + padding: 0 35px; + padding-top: 0px; + padding-bottom: 0px; + background: var(--colors-neutral2); + margin-bottom: 0px; + text-align: center; + } + + .cs-evolution-image { + width: 100%; + height: 500px; + position: relative; + top: -40px; + } + + .cs-minds-challenge .cs-evolution-info { + margin-top: -100px; + } + + .cs-minds-challenge .cs-why-info { + display: flex; + justify-content: center; + height: 44px; + padding-bottom: 40px; + } + + .cs-evolution-info .cs-title { + font-size: 32px; + } + + .cs-evolution-info .cs-description { + font-size: 18px; + } +} + +/* Case studies - Why */ +.cs-why { + display: grid; + grid-template-columns: 1fr 1fr; + column-gap: 60px; + height: auto; + color: #111c18; + padding: 100px 80px; +} + +.cs-why-image.cs-image1 { + text-align: right; +} + +.cs-why-info .cs-icon { + margin-bottom: 40px; + width: 44px; + height: 44px; + min-width: 44px; + min-height: 44px; + border-radius: 1000px; + display: flex; + align-items: center; + color: var(--colors-hiContrast); + justify-content: center; + background: linear-gradient( + 90deg, + var(--colors-green4) 0%, + var(--colors-green5) 100% + ); +} + +.cs-why-info .cs-title { + font-size: 26px; + font-weight: bold; + margin-bottom: 40px; +} + +.cs-why-info .cs-description { + font-size: 18px; + color: #5e6663; + line-height: 28px; +} + +.cs-why-image-wrapper { + width: 100%; + height: 400px; + position: relative; +} + +@media only screen and (max-width: 992px) { + .cs-why { + display: grid; + grid-template-columns: 1fr; + row-gap: 0px; + height: auto; + color: #111c18; + padding: 35px 0px; + } + + .cs-why-info .cs-description { + margin-bottom: 60px; + } + + .cs-why-image.cs-image2 { + grid-row: 2/3; + } +} + +@media only screen and (max-width: 692px) { + .cs-why-info .cs-description { + margin-bottom: 20px; + } + + .cs-why-image-wrapper { + width: 100%; + height: 250px; + position: relative; + } +} + +/* Case studies - transforming experiences */ +.cs-transform { + height: 600px; + display: flex; + justify-content: center; + background: #27ac71; + position: relative; + margin-bottom: 400px; + padding: 0 var(--space-8); +} + +.cs-transform-image { + background-image: url("../assets/images/cs-streaming.png"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + border-radius: 40px; + width: 100%; + height: auto; + position: relative; + top: 80px; +} + +.cs-minds-results { + margin-bottom: 100px; +} + +.cs-minds-results-image { + background-image: url("../assets/images/cs-minds-results.png"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + border-radius: 40px; + width: 100%; + height: auto; + position: relative; + top: 80px; +} + +.cs-switchboard-results-image { + background-image: url("../assets/images/cs-switchboard-results.png"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + border-radius: 40px; + width: 100%; + height: auto; + position: relative; + top: 80px; +} + +.cs-transform-info { + width: 50%; + padding: 60px; +} + +.cs-transform-info .cs-icon { + margin-bottom: var(--space-3); + width: 44px; + height: 44px; + min-width: 44px; + min-height: 44px; + border-radius: 1000px; + display: flex; + align-items: center; + color: var(--colors-hiContrast); + justify-content: center; + background: linear-gradient( + 90deg, + var(--colors-green4) 0%, + var(--colors-green5) 100% + ); + margin-bottom: 40px; +} + +.cs-transform-info .cs-title { + font-size: 40px; + font-weight: semi-bold; + margin-bottom: 40px; + color: white; +} + +.cs-transform-info .cs-description { + font-size: 18px; + line-height: 28px; + color: white; +} + +@media only screen and (max-width: 1100px) { + .cs-transform-info .cs-title { + font-size: 32px; + } + + .cs-transform-info { + width: 70%; + } +} + +@media only screen and (max-width: 992px) { + .cs-transform-info .cs-title { + font-size: 32px; + } + + .cs-transform-info { + width: 80%; + } + + .cs-transform-image { + height: auto; + } +} + +@media only screen and (max-width: 992px) { + .cs-transform-image { + height: auto; + width: 560px; + } + + .cs-transform-info { + width: 50%; + padding: 30px; + } + + .cs-transform-info { + width: 85%; + } +} + +@media only screen and (max-width: 628px) { + .cs-transform { + padding: 0 35px; + } + + .cs-transform-image { + height: 650px; + } + + .cs-transform-info { + width: 50%; + padding: 30px; + } + + .cs-transform-info { + width: 85%; + } +} + +@media only screen and (max-width: 612px) { + .cs-transform-image { + height: 800px; + } + + .cs-switchboard-results .cs-switchboard-results-image { + height: 670px; + } + + .cs-switchboard-results { + height: 700px; + } +} + +@media only screen and (max-width: 520px) { + .cs-switchboard-results .cs-switchboard-results-image { + height: 700px; + } + + .cs-switchboard-results { + height: 730px; + } +} + +@media only screen and (max-width: 504px) { + .cs-transform-image { + height: 850px; + } +} + +@media only screen and (max-width: 460px) { + .cs-switchboard-results .cs-switchboard-results-image { + height: 950px; + } + + .cs-switchboard-results { + height: 880px; + } +} + +@media only screen and (max-width: 430px) { + .cs-minds-results .cs-minds-results-image { + height: 650px; + } +} + +@media only screen and (max-width: 387px) { + .cs-minds-results .cs-minds-results-image { + height: 750px; + } + + .cs-minds-results { + margin-bottom: 250px; + } +} + +/* Case study - innovation */ +.cs-innovation { + display: flex; + flex-direction: column; + align-items: center; + height: auto; + color: #111c18; + padding-top: 150px; + padding-bottom: 40px; + background: var(--colors-neutral2); + margin-bottom: 100px; + margin-top: 200px; +} + +.cs-innovation-info { + width: 50%; + text-align: center; +} + +.cs-innovation-info .cs-main-title { + font-size: 24px; + font-weight: bold; + margin-top: 40px; +} + +.cs-innovation-info .cs-title { + font-size: 40px; + font-weight: bold; + margin-top: 20px; + margin-bottom: 40px; +} + +.cs-innovation-info .cs-description { + font-size: 18px; + color: #5e6663; + line-height: 28px; + margin-bottom: 40px; +} + +.cs-innovation-image-wrapper { + width: 50%; + position: relative; +} + +.cs-innovation-image { + width: 100%; + height: 500px; + position: absolute; + top: -500px; +} + +@media only screen and (max-width: 1600px) { + .cs-innovation { + margin-top: 150px; + } +} + +@media only screen and (max-width: 1300px) { + .cs-innovation { + margin-top: 100px; + } + + .cs-innovation-image-wrapper { + width: 70%; + } + + .cs-innovation-image { + width: 100%; + height: 600px; + position: absolute; + top: -550px; + } +} + +@media only screen and (max-width: 1200px) { + .cs-innovation { + margin-top: 50px; + } +} + +@media only screen and (max-width: 1100px) { + .cs-innovation-image { + width: 100%; + height: 600px; + position: absolute; + top: -500px; + } + + .cs-innovation-info { + width: 70%; + text-align: center; + } +} + +@media only screen and (max-width: 992px) { + .cs-innovation { + margin-top: 20px; + } +} + +@media only screen and (max-width: 856px) { + .cs-innovation-image-wrapper { + width: 80%; + } +} + +@media only screen and (max-width: 630px) { + .cs-innovation-image-wrapper { + width: 100%; + } + + .cs-innovation { + margin-top: 100px; + padding: 0 20px; + padding-top: 40px; + } + + .cs-innovation-info { + width: 100%; + text-align: center; + padding-top: 60px; + } + + .cs-innovation-info .cs-main-title { + font-size: 20px; + } + + .cs-innovation-info .cs-title { + font-size: 32px; + } + + .cs-innovation-image { + width: 100%; + height: 500px; + position: absolute; + top: -300px; + } +} + +/* Footer */ +.cs-footer { + display: grid; + grid-template-columns: 1fr 2fr; + column-gap: 60px; + height: auto; + color: #111c18; + margin-bottom: 40px; + padding: 0 var(--space-8); +} + +.cs-footer .cs-image { + transform: rotate(180deg); + margin-bottom: 40px; +} + +.cs-footer .cs-footer-title { + font-size: 40px; + font-weight: bold; +} + +.cs-footer .cs-footer-description { + font-size: 18px; + color: #5e6663; + line-height: 28px; + padding-top: 90px; +} + +@media only screen and (max-width: 740px) { + .cs-footer { + display: grid; + grid-template-columns: 1fr; + row-gap: 0px; + height: auto; + text-align: center; + } +} + +@media only screen and (max-width: 740px) { + .cs-footer .cs-footer-title { + font-size: 32px; + font-weight: bold; + } + + .cs-footer .cs-footer-description { + padding-top: 60px; + } +} + +@media only screen and (max-width: 600px) { + .cs-footer { + padding: 0 20px; + } +} + +/* Success Metrics */ +.cs-success-metrics { + background-image: url("../assets/images/cs-minds-background-gray.png"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + width: 100%; + height: auto; + padding: 100px 0; +} + +.cs-success-metrics-title { + font-size: 40px; + font-weight: bold; + text-align: center; + margin-bottom: 60px; +} + +.cs-success-metrics-stats { + display: grid; + grid-template-columns: repeat(3, 1fr); + justify-items: center; + padding: 0 var(--space-8); +} + +.cs-success-metrics-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; +} + +.cs-success-metrics-item-count { + border-radius: 50%; + background-color: #111c18; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 200px; + width: 200px; +} + +.cs-success-metrics-item .number { + color: #8bdd23; + font-size: 50px; + font-weight: bold; +} + +.cs-success-metrics-item .description { + color: white; + font-size: 16px; + font-weight: 500; +} + +.cs-success-metrics-item-description { + font-size: 18px; + width: 250px; + text-align: center; +} + +.cs-switchboard-success-metrics .cs-success-metrics-stats { + grid-template-columns: repeat(4, 1fr); +} + +.cs-switchboard-item { + display: flex; +} + +@media only screen and (max-width: 1265px) { + .cs-switchboard-success-metrics .cs-success-metrics-stats { + grid-template-columns: repeat(2, 1fr); + row-gap: 60px; + } +} + +@media only screen and (max-width: 1065px) { + .cs-success-metrics-stats { + display: grid; + grid-template-columns: repeat(2, 1fr); + row-gap: 60px; + } + + .cs-success-metrics .item3 { + grid-column: span 2; + } +} + +@media only screen and (max-width: 900px) { + .cs-success-metrics-stats { + display: grid; + grid-template-columns: repeat(1, 1fr); + justify-items: center; + padding: 0; + } + + .cs-success-metrics .item3 { + grid-column: 1/2; + } +} + +@media only screen and (max-width: 900px) { + .cs-switchboard-success-metrics .cs-success-metrics-stats { + grid-template-columns: repeat(1, 1fr); + row-gap: 60px; + } +} diff --git a/packages/www/pages/_app.tsx b/packages/www/pages/_app.tsx index 2dc38535a2..59077f3c94 100644 --- a/packages/www/pages/_app.tsx +++ b/packages/www/pages/_app.tsx @@ -22,6 +22,7 @@ import { QueryClient, QueryClientProvider } from "react-query"; import "../css/hubspot.scss"; import "../css/markdown.css"; import "../css/recaptcha.css"; +import "../css/custom.css"; import { DEFAULT_THEME } from "../lib/theme"; import SEO from "../next-seo.config"; diff --git a/packages/www/pages/customers/livespace.tsx b/packages/www/pages/customers/livespace.tsx new file mode 100644 index 0000000000..f2f369c5c1 --- /dev/null +++ b/packages/www/pages/customers/livespace.tsx @@ -0,0 +1,272 @@ +import Layout from "layouts/main"; +import { Box, Container } from "@livepeer/design-system"; +import { Customers as Content } from "content"; +import Image from "next/image"; +import csHeroImage from "../../../www/assets/images/cs-hero.png"; +import csEvolutionImage from "../../../www/assets/images/cs-evolution.png"; +import csReason1Image from "../../../www/assets/images/cs-reason-a.png"; +import csReason2Image from "../../../www/assets/images/cs-reason-b.png"; +import csLivepeerImage from "../../../www/assets/images/livepeer.png"; +import csFooterImage from "../../../www/assets/images/cs-footer.png"; +import Prefooter from "components/Site/Prefooter"; + +const CaseStudyLivespace = () => { + return ( + + + +
+
+
Case Study
+
+ LiveSpace & Livepeer Studio: A Story of Live Streaming + Innovation +
+
+ In the dynamic world of live streaming, LiveSpace has carved out + a unique niche for itself, thanks in large part to its + partnership with Livepeer Studio. This collaboration has been a + game-changer for LiveSpace, enabling it to emerge as a serious + contender in a domain dominated by giants like Twitch. With a + focus on serving a diverse range of content creators, from + gamers to musicians and artists, LiveSpace has leveraged + Livepeer Studio's advanced, cost-effective streaming solutions + to redefine the creator experience. +
+
+
+
+ hero image +
+
+
+ + + +
+
+
+
+ evolution image +
+
+
+
The Evolution of LiveSpace
+
+ LiveSpace started as an ambitious venture, aiming to challenge + established platforms by offering a more inclusive and versatile + space for content creators. Unlike its competitors, LiveSpace + ventured beyond the mainstream, catering to a wide array of + talents, including unique creators like "ninepointfive," a crochet + artist with nine and a half fingers. However, the journey wasn't + without its challenges. Early on, LiveSpace grappled with issues + of scalability, cost, and inadequate features from traditional + service providers, which hampered its growth and ability to serve + its creative community effectively. +
+
+
+
+ + + +
+
+
+ + + +
+
+ Choosing Livepeer Studio: A Strategic Move +
+
+ In the dynamic world of live streaming, LiveSpace has carved out + a unique niche for itself, thanks in large part to its + partnership with Livepeer Studio. This collaboration has been a + game-changer for LiveSpace, enabling it to emerge as a serious + contender in a domain dominated by giants like Twitch. With a + focus on serving a diverse range of content creators, from + gamers to musicians and artists, LiveSpace has leveraged + Livepeer Studio's advanced, cost-effective streaming solutions + to redefine the creator experience. +
+
+
+
+ chooing livepeer +
+
+
+ +
+
+
+ chooing livepeer +
+
+
+
+ + + + +
+
Collaborative Growth & Innovation
+
+ What set this partnership apart was the collaborative spirit + between LiveSpace and Livepeer Studio. This synergy enabled the + development of features tailored to the unique needs of + LiveSpace’s creators. Livepeer Studio's comprehensive streaming + solution significantly reduced the need for LiveSpace to invest + heavily in its own engineering resources, allowing them to focus + more on content and community building. +
+
+
+ + + +
+
+
+
+ + + + +
+
Transforming Streaming Experiences
+
+ The switch to Livepeer Studio brought about a significant + transformation in LiveSpace's performance and cost structure. + Notably, the platform achieved substantial cost savings, a crucial + factor for its growth as a startup. Furthermore, features like + immediate transcoding provided LiveSpace with a competitive edge + in user experience. Feedback from creators highlighted the + improved streaming quality and innovative features, enhancing + overall user satisfaction and engagement. +
+
+
+
+ +
+
+
+
+ evolution image +
+
+
+
Looking Ahead:
+
Continuous Innovation
+
+ The future looks bright for LiveSpace with ongoing projects and + enhancements in the pipeline. The partnership with Livepeer Studio + continues to be a cornerstone of their strategy, with both parties + committed to bringing new advancements in streaming technology and + improving user experiences. Features like clipping and enhanced + thumbnail generation are just a few of the exciting developments + on the horizon. +
+
+
+
+ +
+
+
+ evolution image +
+
Lessons for the Future
+
+
+ LiveSpace's journey offers valuable insights for other companies + working with creators. Their success underscores the importance of + being adaptable, taking creator feedback to heart, and prioritizing + rapid feature development. By staying attuned to the needs and + preferences of their community, LiveSpace is thriving. +
+
+ + + + ); +}; + +export default CaseStudyLivespace; diff --git a/packages/www/pages/customers/minds.tsx b/packages/www/pages/customers/minds.tsx new file mode 100644 index 0000000000..2057f352fe --- /dev/null +++ b/packages/www/pages/customers/minds.tsx @@ -0,0 +1,226 @@ +import Layout from "layouts/main"; +import { Box, Container } from "@livepeer/design-system"; +import { Customers as Content } from "content"; +import Image from "next/image"; +import csHeroImage from "../../../www/assets/images/cs-minds-hero.png"; +import csChallengeImage from "../../../www/assets/images/cs-minds-challenge.png"; +import csSolutionImage from "../../../www/assets/images/cs-minds-solution.png"; +import Prefooter from "components/Site/Prefooter"; + +const CaseStudyMinds = () => { + return ( + + + +
+
+
Case Study
+
+ Minds finds Livepeer Studio to be the perfect tech partner for + live streaming +
+
+ The Minds social network uses Livepeer Studio live streaming to + empower its social media creators +
+
+ Minds is an open source social network dedicated to freedom of + speech. In 2023, Minds reached out to Livepeer Studio for help + with its live streaming technology to support the company's + video sharing capabilities. Livepeer Studio worked with Minds to + develop live streaming offerings for the Minds target customer + base. +
+
+
+
+ hero image +
+
+
+ + + +
+
+
+
+ evolution image +
+
+
+
+
+ + + +
+
+
The Challenge
+
+ Setting up and maintaining a live streaming platform requires + investment on the part of the company, whereas customers expect + the service for free. Deciding how to spend resources is a + delicate balance. Another challenge is using the technology to + increase user engagement, which is more important than just + growing the number of followers. +
+
+
+
+ + + +
+
+
+ + + +
+
The Solution
+
+ Minds found that Livepeer Studio was willing to develop the + technology to solve its challenges. Livepeer Studio Studio was + able to develop and rollout the technology in record time, a + testament to Livepeer Studio's developer experience. Livepeer + Studio Studio has given Minds users the platform to livestream + video posts within the Minds social communities. Minds creators + can now share real-time video content in an intimate, loosely + moderated space that feels safe. Livepeer Studio also enabled + access keys, so that users can control who views their videos. +
+
+
+
+ chooing livepeer +
+
+
+ + + +
+
Success Metrics
+
+
+
+
2
+
WEEKS
+
+
+ From start to launch +
+
+
+
+
0.09%
+
+
+ Rebuffer rate +
+
+
+
+
55%
+
+
+ Cost savings +
+
+
+
+ +
+
+
+
+ + + + + +
+
The Results
+
+ The use of Livepeer Studio's video streaming platform was a + next-level enhancement for the Minds social network. By providing + world-class live streaming capabilities, Livepeer Studio caters to + Minds' target audience of users who expect to see live video in + social posts. The upgrade in technology fits right into Minds's + open source social media platform and further empowers Minds + creators to post content that is authentic and engaging. +
+
+
+
+ + + + ); +}; + +export default CaseStudyMinds; diff --git a/packages/www/pages/customers/switchboard.tsx b/packages/www/pages/customers/switchboard.tsx new file mode 100644 index 0000000000..77771d6f03 --- /dev/null +++ b/packages/www/pages/customers/switchboard.tsx @@ -0,0 +1,245 @@ +import Layout from "layouts/main"; +import { Box, Container } from "@livepeer/design-system"; +import { Customers as Content } from "content"; +import Image from "next/image"; +import csHeroImage from "../../../www/assets/images/cs-switchboard-hero.png"; +import csChallengeImage from "../../../www/assets/images/cs-switchboard-challenge.png"; +import csSolutionImage from "../../../www/assets/images/cs-switchboard-solution.png"; +import csResultsImage from "../../../www/assets/images/cs-switchboard-results.png"; +import Prefooter from "components/Site/Prefooter"; + +const CaseStudySwitchboard = () => { + return ( + + + +
+
+
Case Study
+
+ Out with old technology, in with Livepeer Studio live streaming +
+
+ Switchboard expands its ability to support video streaming with + Livepeer Studio infrastructure +
+
+ Switchboard is a growing B2B company that offers a live stream + management platform for webinars, public meetings, sporting + events, and other live events. Recently, the company saw the + need to update its technology. The goal was to replace their + outdated system with a more robust video streaming technology. +
+
+
+
+ hero image +
+
+
+ + + +
+
+
+
+ evolution image +
+
+
+
+
+ + + +
+
+
The Challenge
+
+ Switchboard had a legacy video network that was completely + outdated. The company wanted to replace its self-hosted video + streaming infrastructure and update its video routing code without + draining internal resources. The new technology needed to meet the + demands of Switchboard's broad customer base, which includes + sports teams, schools, and local governments. +
+
+
+
+ + + +
+
+
+ + + +
+
The Solution
+
+ With the help of Livepeer Studio network, Switchboard expanded + the potential of its live stream management platform. Livepeer + Studio's API was set up to ingest video for Switchboard's + clients and then route the video content to the correct + destination. Switchboard also uses Livepeer Studio features such + as on-demand video asset creation and publication tools. +
+
+
+
+ chooing livepeer +
+
+
+ + + +
+
Success Metrics
+
+
+
+
+
+
1
+
PERSON
+
+
for
+
+
3
+
WEEKS
+
+
+
+
+ # of person hours required for migrating old system onto Livepeer + Studio +
+
+
+
+
125k
+
PERSON
+
+
+ # of average minutes streamed per week (with permission) +
+
+
+
+
99.98%
+
+
+ Success rate +
+
+
+
+
65%
+
+
+ Percentage of costs saved +
+
+
+
+ +
+
+
+
+ + + + + +
+
The Results
+
+ Livepeer Studio technology has given Switchboard the edge in + streamlining its services and meeting increased customer demand. + The use of Livepeer Studio technology has allowed for more + reliability and scalability, and ultimately supports Switchboard's + growing business. Furthermore,  Livepeer Studio's engagement + analytics API was especially important for Switchboard to enable + accurate tracking and reporting for their customers, who care + about reporting on business KPIs. Another advantage: by utilizing + the Livepeer Studio platform live streaming and video development, + Switchboard is able to make better use of company resources and + focus on business priorities. +
+
+
+
+ + + + ); +}; + +export default CaseStudySwitchboard;