Bringing storybooks to life with Vooks

Solution

In addressing the diverse challenges faced by Vooks, Qubika’s team took a multidimensional approach to create the streaming platform. The solution was intricately crafted, comprising two main components – a robust technical solution and an innovative design strategy.

Designing an engaging and user-friendly experience

The UI/UX design of Vooks was planned to be intuitive, attractive and engaging for 3 user groups: parents, kids, and teachers. On the design side, we focused on:

• Building a comprehensive Design System
  To maintain consistency and streamline the design and development processes, we built a comprehensive design system. Design systems are an essential tool for better and faster iterations, and help strengthen brands. The system we built included typography styles, a color palette, and a custom icon library, ensuring all design elements were created as components. By doing so, potential errors in future use were minimized, promoting a systematic approach to design.
• Adoption of a user-centered design process
  This process prioritized empathy and a comprehensive understanding of peoples’ contexts and needs. The approach led to improved user flows, reducing the risk of people leaving the platform.
• Focus on inclusivity and accessibility
  Inclusivity and accessibility were paramount, with our Design Studio implementing features like multilingual support and accessible options to ensure the platform was welcoming to users worldwide.

Creating the mobile application

When we started working together with Vooks, we needed to come up with a mobile solution that included as many operating systems as possible, as well as different devices. Based on this, our team created an application that can be executed on both iOS and Android by building it in React Native. We used our base template designed not only for mobile devices and tablets, but for Android and Apple TV too.

The React Native powered app now features a built-in video player, offline playback, the ability to cast a video to TV using a Chromecast device or Airplay, and in-app purchases like subscriptions.

We continue to maintain the system with the latest technologies that add value, like the ability to cast videos and provide multi-language options.

Building a scalable, multi-device streaming platform

In addition to our mobile and design work, Qubika tackled several technical challenges. Initially, this involved migrating 1.5 million users from Vooks’ original white label solution, and replacing the Vimeo front and backend.

Following this, our team was assigned the challenge of building an AWS environment capable of accommodating thousands of concurrent users and optimizing the performance of a website that hosted a significant amount of media content.

To achieve this goal, we implemented a range of performance optimization techniques aimed at enhancing the speed and efficiency of the website. Since the site contained a substantial number of media files, we focused on optimizing images and videos using diverse compression methods. We achieved this by leveraging the capabilities offered by the AWS Cloudfront, the content delivery network (CDN). This approach successfully reduced load times and significantly improved the overall performance of the website.