Problem

We were tasked with developing a Minimum Viable Product (MVP) for a video ad overlay feature in a streaming platform similar to Amazon Prime Video. The challenge was to create an interactive and non-intrusive ad experience that enhanced user engagement. Our client wanted us to include non-obstructive ad placement, contextual targeting, interactive ad elements, opt-out controls, and performance monitoring. We had to use technologies such as HTML5, CSS3, JavaScript, React.js, Redux, and Video.js.

One of the biggest challenges we faced was seamless integration of the MVP into the existing platform. We also had to ensure that the design was responsive across different devices and optimized for performance. Our goal was to showcase the core functionalities of the MVP while gathering user feedback for future enhancements.

Check out our demo here!

Solution

To address the challenges we faced with this project, we took a collaborative approach. We started by conducting thorough research on best practices for video ad overlays and analyzed user behavior patterns on similar platforms. We then created wireframes and prototypes to test out different design options before settling on a final design.

Using React.js and Redux allowed us to build reusable components that made it easier to integrate the MVP into the existing platform seamlessly. We also used Video.js for video playback and tracking performance metrics such as viewability rates and click-through rates.

Impact

Increased user engagement by X%
Improved viewability rates by X%

Quote of how incredible of an impact this had.

Team

Team Member #1 - Front-end Developer
- Built reusable components using React.js and Redux to seamlessly integrate the MVP into the existing platform
- Optimized design for responsiveness and performance across different devices
Team Member #2 - Full-stack Developer
- Developed backend functionality for ad targeting and performance monitoring using Node.js and MongoDB
- Built API endpoints for data tracking and analysis using Express.js

Developing Non-Intrusive Video Ad Overlay MVP