Explore, customize, and engage with dynamic video content — a platform that delivers personalized, branching video experiences built for modern audiences.
Client Overview
An online learning company producing video-based professional development courses was experiencing declining learner completion rates despite high initial enrolment numbers. Analysis of learner behaviour data consistently showed that completion dropped sharply when learners encountered content modules that were not relevant to their specific role, experience level, or learning goal. The company's standard course structure presented all video content linearly to all learners regardless of their individual context — a junior marketing professional and a senior data analyst enrolled in the same broad digital strategy course received an identical viewing experience, despite having very different knowledge foundations and learning objectives. Learner satisfaction surveys regularly surfaced the same feedback: courses felt too slow in areas learners already knew well and moved too quickly through areas they found challenging. The inability to adapt content delivery to the individual significantly reduced perceived value, particularly for experienced professionals who resented sitting through foundational content they had long since mastered. This was directly impacting renewal rates and referrals, as learners who did not complete courses rarely renewed subscriptions or recommended the platform to colleagues. The company's instructional design team wanted to create adaptive learning pathways where learners could make meaningful choices about their content journey — skipping modules where they could demonstrate existing knowledge, going deeper on topics they found challenging, and following branching story or scenario paths in case study content. Achieving this within a standard linear video player was impossible, and the instructional design team had no existing tool capable of building the branching video experiences they envisioned.
Our Approach
Zentric Solutions designed and built a branching interactive video platform using React for the front-end player interface and Node.js for the content management and delivery back end. The platform introduced a new content structure above the standard video file — an interactive experience layer that associated decision points, knowledge check questions, and branching nodes with specific timestamps within each video. When playback reached a configured decision point, the player paused and presented the learner with a choice or question, and the learner's response determined which video segment was loaded and played next. Content authors used a visual experience builder to map branching structures without writing code — dragging video segments, connecting them with conditional branching paths, and configuring decision prompts and knowledge check questions within a node-based authoring interface. HLS streaming was implemented for video delivery via AWS CloudFront CDN, ensuring low-latency, adaptive-bitrate playback regardless of learner connection quality or geographic location. AWS S3 stored all video assets with version control, and the back end managed branching state per learner session so that progress was preserved correctly across devices and sessions. Comprehensive learner analytics were built into the platform, tracking every branch decision, time spent per segment, knowledge check response, and completion path for each learner. Instructional designers could review aggregate path analytics to identify which branches were most commonly chosen, where learners abandoned, and which knowledge check questions most frequently revealed gaps — providing insight that informed continuous content improvement. Learner completion rates across courses migrated to the interactive format increased substantially, and post-course satisfaction scores improved significantly compared to the linear video baseline.
Tech Stack
Project Tags
Everything you need to know about this project and our approach.
Zentric Solutions delivers cutting-edge digital products that streamline operations, enhance engagement, and drive lasting growth.
