All projects

Real-Time Video Podcasting Production Studio as a web app

  • User Experience
  • Web Development

Implementation of an intuitive, real-time broadcasting frontend for seamless podcast production.

Client VOKL Logo
Cover Image Additional Project Image

Project Details

Duration 6 months
  • TypeScript Logo
  • React Logo
  • NEXT.js Logo
  • Redux Logo
  • GraphQL Logo
  • URQL Logo
Project Lead:
Daniel Becker

Daniel Becker

Co-Founder, Head of Tech

Schedule Meeting

The challenge was managing and synchronizing complex application states and data streams in real time, while maintaining swift and seamless user and collaboration. The solution was a robust tech stack with modern tooling and a clear separation of concerns, allowing for individual component tweaking and optimization. This approach enabled the creation of an , coherent , providing an for all users.

Objective & Solution

The objective was to build a Progressive Web Application (PWA) that integrates the startup's brand and user experience into a complete real-time video podcasting studio. The browser-based frontend is responsive across devices, featuring a specialized studio interface for desktop users. The project leveraged advanced web technologies to deliver a fluid, high-quality production environment for creators, guests, and viewers.

Project Outcomes

  • Collaborative Live Editing & Viewer Engagements

    Developed an environment for efficient management of video signals, screenshares, stage layouts, branding, and audience interaction.

  • High-Quality Audio and Video Recording

    Implemented a system where local audio recordings are merged server-side with video to maintain high production quality, even in low-bandwidth scenarios.

  • Custom Component Library

    Created a bespoke, accessible component library to ensure a modular and consistent user interface across the application.

The Dinghy team assembles those unicorns that many tech teams wish for: awesome designers and equally great frontend developers, all in one team.

Working with Nils and his team is a very unique and motivating experience. They listen very carefully to the challenge being described and then – instead of just doing what we planned – continue to collect evidence and come up with a whole new idea on top of what we asked for. Truly creative work!

Silvia Thom
Silvia Thom Tech & Start Up Advisor | Tech & Product DD | Ex-CTO ZALORA Group

Project Deliverables

The following are some of the deliverables that were created for this project.

  1. Deliverable

    Responsive Frontend Development


    Crafted a responsive frontend, ensuring seamless functionality on both mobile and desktop devices.

  2. Deliverable

    State Management & Data Stream Synchronization


    Utilized Redux and GraphQL subscriptions to effectively handle real-time state management and data synchronization.

  3. Deliverable

    WebRTC Integration


    Incorporated WebRTC technology for live video streaming capabilities, essential for real-time podcasting.

  4. Deliverable

    User Interface Optimization


    Focused on optimizing the user interface to enhance accessibility and ease of use for all stakeholders.

  5. Deliverable

    Component Modularity


    Developed the UI components as independent modules, facilitating better design consistency and easier maintenance. These components were documented in an interactive guide.

Explore Next Project

Rapid User Testing of Landing Pages for a renowned German Bank


Explore Project

Rapid User Testing of Landing Pages for a renowned German Bank