Vibliotec neix de la iniciativa de quatre professionals del sector esportiu que volien crear una plataforma de formació en vídeo amb professors de primer nivell. El seu objectiu era oferir cursos especialitzats en alt rendiment, preparació física i disciplines vinculades a la salut esportiva. Tot i tenir una visió clara, no existia cap plataforma tècnica capaç de donar-li suport.
El projecte començava des de zero. Calia definir com havia de ser l’experiència d’aprenentatge, quin rol jugaria el vídeo dins del producte i com mantenir el mateix nivell de qualitat en mòbil, tauleta i escriptori. La plataforma havia de permetre canviar de dispositiu sense perdre el progrés, accedir a materials complementaris i participar en converses vinculades a moments concrets del vídeo.
A més, la infraestructura tècnica havia de ser capaç de gestionar contingut de vídeo privat de manera segura i eficient. La integració amb Vimeo havia de respectar permisos, evitar enllaços públics i garantir un rendiment estable, fins i tot en cursos llargs i amb múltiples interaccions dels estudiants.
El problema
L’absència d’una plataforma prèvia implicava treballar amb un llenç completament en blanc. El repte principal era construir un sistema d’aprenentatge en vídeo prou sòlid per oferir una experiència fluida i contínua en qualsevol dispositiu. Els estudiants del sector esportiu consumeixen formació en moments molt diferents del seu dia: entre entrenaments, en desplaçaments o durant descansos curts. Perdre el progrés o haver de repetir parts del vídeo era un obstacle important.
A més, el contingut havia d’estar protegit. Vimeo ofereix opcions avançades per a vídeos privats, però integrar-les amb un CMS i mantenir un rendiment estable requeria una arquitectura molt acurada. Cada interacció amb el vídeo (pauses, salts, comentaris) havia de registrar-se sense retard i mantenir-se sincronitzada fins i tot quan l’usuari canviava de dispositiu.
El sistema de comentaris per minut afegia un altre nivell de complexitat: calia dissenyar un mecanisme per associar cada comentari a un punt exacte del timeline i mostrar-lo de manera immediata sense comprometre el rendiment. Tot això havia de conviure amb recursos descarregables, capítols i altres elements del curs sense sobrecarregar la pàgina.
La combinació de seguretat, rendiment, experiència de vídeo i continuïtat entre dispositius exigia una arquitectura robusta i un disseny centrat en la claredat.
El nostre enfocament
Vam començar amb una fase completa de recerca per entendre com consumeixen contingut els professionals de l’esport i quines necessitats específiques tenen en la seva formació contínua. Vam realitzar entrevistes amb perfils d’alt rendiment, vam analitzar plataformes líders com MasterClass, Domestika i Udemy i vam definir un model clar per a la navegació, la interacció i la continuïtat del curs.
A partir d’aquesta recerca, vam crear l’arquitectura funcional de la plataforma: reproductor de vídeo avançat, comentaris per minut, recursos vinculats, capítols, historial de progrés i un sistema de guardat universal. Tot això es va traduir en wireframes precisos i una interfície dissenyada per mantenir-se neta, accessible i fàcil d’utilitzar en qualsevol dispositiu.
Des del punt de vista tècnic, vam construir la plataforma sobre Craft CMS, integrant Vimeo privat a través de la seva API i gestionant tota la lògica del curs amb PostgreSQL i Redis. Redis es va utilitzar com a capa de memòria cau per accelerar l’accés a informació dinàmica com el punt de reproducció o els comentaris del vídeo. Aquest sistema va reduir temps de càrrega i va permetre oferir una experiència molt més fluida i estable.
L’objectiu va ser mantenir una base tècnica clara, modular i preparada per créixer sense perdre rendiment ni seguretat. Cada component es va dissenyar per interactuar sense friccions i garantir que el contingut audiovisual funcionés de manera impecable.
La solució
La plataforma final de Vibliotec consolida un ecosistema clar, robust i preparat per escalar.
