somoscuatro logo
Contact us

We built a sports video learning web

Client

Vibliotec logo, video-based training platform for sports professionals

Industry

Online Learning

Services

User Experience
UI Design
Web Development
Craft CMS Development
Project Management
Clock icon representing efficiency, on-time delivery and fast turnaround

100%

Continuity across devices is maintained at all times: users can resume any video exactly where they left off.

Pointer icon symbolising intuitive navigation and optimised user experience

3x

Increased user interaction with the advanced video player, thanks to per-minute comments and integrated resources.

Rocket icon symbolising fast launches and scaling of digital projects

75%

Reduction in course load times, thanks to optimized cache architecture using Redis and PostgreSQL.

Vibliotec was born from the initiative of four professionals in the sports sector who wanted to create a video-based training platform with top-level instructors. Their goal was to offer specialised courses in high performance, physical preparation, and disciplines related to sports health. Although the vision was clear, there was no technical platform capable of supporting this proposal.

The project started from scratch. It was necessary to define what the learning experience should be like, what role video would play within the product, and how the same level of quality could be maintained on mobile, tablet and desktop. The platform needed to allow switching devices without losing progress, accessing complementary materials, and participating in conversations linked to specific moments in the video.

In addition, the technical infrastructure had to be capable of managing private video content securely and efficiently. The integration with Vimeo had to respect permissions, prevent public links, and guarantee stable performance even in long courses with multiple student interactions.

The problem

The absence of an existing platform meant working from a completely blank canvas. The main challenge was to build a video learning system solid enough to offer a smooth and continuous experience on any device. Students in the sports sector consume training at very different moments of their day: between workouts, during commutes, and in short breaks. Therefore, losing progress or having to repeat parts of the video was a considerable obstacle.

In addition, the content needed to be protected. Vimeo offers advanced options for private videos, but integrating it with a CMS and maintaining stable performance required a carefully designed architecture. Every interaction with the video (pauses, jumps, comments) had to be recorded without delays and kept synchronised even if the user switched devices.

The minute-by-minute comment system introduced another level of complexity. It was necessary to design a mechanism that would allow each comment to be associated with an exact point on the video timeline and displayed immediately without compromising performance. This feature had to coexist with downloadable resources, chapters, and additional elements of the course without overloading the page.

The combination of security, performance, video experience and continuity between devices required a robust architecture and a design focused on clarity.

Our approach

We began with a complete research phase to understand how sports professionals consume content and what specific needs they had in their ongoing training. We conducted interviews with high-performance profiles, analysed leading platforms such as MasterClass, Domestika and Udemy, and defined a clear model for navigation, interaction and course continuity.

From this research we created the functional architecture of the platform: enhanced video playback, minute-by-minute comments, linked resources, chapters, progress history, and a universal saving system. All of this was translated into precise wireframes and an interface designed to remain clean, accessible and easy to use on any device.

From a technical standpoint, we built the platform on Craft CMS, integrating private Vimeo through its API and managing all course logic via PostgreSQL and Redis. Redis was used as a caching layer to speed up access to dynamic information such as the playback point or video comments. This system reduced load times and enabled a much smoother and more stable experience.

The goal was to maintain a clear, modular technical foundation prepared to grow without losing performance or security. Each component was designed to interact without friction and to ensure that the audiovisual content worked flawlessly.

The solution

Vibliotec’s final platform consolidated a clear, robust ecosystem prepared to scale.

01

A smooth video experience

We developed an advanced player integrated with Vimeo using private videos and protected links. The system records progress in real time and allows users to resume the course on any device without losing information. Playback is stable, fast, and optimized for brief, intensive study sessions.
02

An agile commenting system

We designed a comments module linked directly to the video timeline. Redis acts as a fast-access layer to display comments instantly. This system facilitates conversation between students and instructors and increases the depth of learning without affecting performance.
03

A platform ready to grow

We built a solid foundation on Craft CMS with a clear, well-organised architecture. The interface is clean, consistent, and focused on content quality. The technical logic allows for adding new courses, instructors and modules without affecting system behavior. The platform is ready to scale and grow.

The impact

Vibliotec now has a fast, secure and professional learning platform. Videos play smoothly, comments work precisely and performance remains high even in long courses with heavy interaction. Users can switch devices without losing their progress and access complementary resources easily.

The result is a stable, clear and high-quality platform aligned with the project’s vision — and with the technical foundation needed to continue growing and become a benchmark in sports video-based education.

Our services

Analysis & strategy

Our team conducts thorough studies and market analysis to develop effective strategies. We create innovative solutions tailored to your business objectives.

Find out more

Web development

We build and enhance websites, e-commerce platforms, apps and third-party integrations to transform your digital presence and boost your business.

Find out more

Design & User Experience

Our team craft engaging, immersive and accessible user experiences and visual designs. Our approach is focused on capturing attention, building loyalty and delivering measurable results for your brand.

Find out more

Technical SEO

We improve your website’s ranking in search engines through a tailored, technical execution plan. We boost your traffic, attract more visitors and help your business reach its full online potential.

Find out more

Performance optimisation

A slow or unresponsive website can seriously harm your business. We optimise your site’s speed to guarantee a seamless, enjoyable experience for every user, every time.

Find out more

Maintenance plans

We offer comprehensive maintenance plans, including regular updates, security enhancements and fast bug fixing. This ensures your website always runs smoothly and remains protected at all times.

Find out more

Ready to boost your digital project? We can help!

Get started
© 2025 somoscuatro 2020 S.L.
Aviso legal Privacy Policy Cookies Policy