PROPOSTA TÈCNICA I ECONÒMICA
AULA CLÍNIC · v4 · JUNY 2026
CONFIDENCIAL
Plataforma de distribució de formació mèdica

Construïm el web que converteix el trànsit del Clínic en inscripcions.

Una plataforma pròpia a aulaclinic.com per distribuir i vendre els ~400 esdeveniments de formació mèdica que Aula Clínic gestiona cada any, integrada amb Helice i connectada a l'ecosistema digital de l'Hospital Clínic.

~400
esdeveniments formatius / any
+1M
visites/mes a clinicbarcelona.org
~11 set
Fase 1 fins al go-live
2017
partner del Clínic des de
El repte

Un catàleg de referència atrapat en un web del 2007.

Aula Clínic genera contingut formatiu de primer nivell, però el sistema actual no permet distribuir-lo ni vendre'l amb les garanties operatives que el volum exigeix.

Problema operatiu

Gestió manual

Inscripcions a mà, sense mètodes de pagament moderns, sense automatització de certificats ni factures. L'equip depèn d'IT per a llistes, enquestes i contingut.

Oportunitat perduda

Trànsit sense convertir

clinicbarcelona.org rep més d'1M de visites al mes. Avui no hi ha cap capa de distribució que transformi aquest trànsit en inscripcions.

Gap tecnològic

Falta la capa comercial

La gestió (inscripcions, pagaments, certificats) es resol amb Helice. Falta construir la capa pública de catàleg i venda que connecti la formació amb el mercat.

La solució

Un web propi, integrat amb Helice i connectat al Clínic.

Construïm aulaclinic.com sobre el sistema de disseny de l'Hospital Clínic. Runroom aporta la capa de distribució (catàleg, web corporatiu, integració); Helice resol inscripcions, pagaments, certificats i àrea privada. Tres sistemes, responsabilitats nítides.

Distribució

Catàleg que ven

Catàleg públic, fitxes d'esdeveniment, homepage editorial i web corporatiu. SEO natiu per capturar la demanda de formació mèdica.

Integració

Helice sense fricció

Inscripció, pagament i àrea privada se serveixen com a iframes responsius de Helice. Sense redireccions externes, sense gestionar pagaments ni dades sensibles.

Connexió

Trànsit del Clínic

Els cursos apareixen automàticament a les seccions de clinicbarcelona.org (instituts, serveis, activitats), aprofitant el seu +1M visites/mes.

Arquitectura · Diagrama 1

Tres sistemes, una experiència.

L'usuari percep un sol web. Al darrere, cada peça fa el que millor sap fer i es comunica amb les altres mitjançant iframes, webhooks i APIs.

Usuari · professional mèdic descobreix, s'inscriu i paga RUNROOM aulaclinic.com Next.js · Payload CMS · shadcn/ui Catàleg públic Web corporatiu Backoffice editorial Webhook receiver HELICE · ERP/CRM Gestió integral Inscripcions · formularis Pagaments (Stripe · Redsys) Facturació · VeriFactu Certificats (QR) Àrea privada (OTP) Credencials d'Aula Clínic CLINICBARCELONA.ORG Symfony existent +1M visites/mes "Formació relacionada" a instituts, serveis i activitats TBD: home, malalties, recerca iframe webhooks API Responsable: Helice Implementa: Runroom Construeix i opera: Runroom
Runroom — capa de distribució
Helice — gestió, pagaments i certificats
clinicbarcelona.org — Symfony existent

Confirmat a la reunió tècnica del 19/06: iFrame per als formularis (CORS pel header ancestor), webhook asíncron de pagament confirmat i OTP per a l'autenticació sense contrasenyes emmagatzemades.

Flux de dades · Diagrama 2

Inscripció i pagament: model híbrid.

L'usuari mai no abandona aulaclinic.com. Helice gestiona el procés, el cobrament i la facturació amb les credencials d'Aula Clínic; Runroom només necessita conèixer el pagament confirmat per reaccionar si cal (confirmacions, accessos, analítica).

RUNROOM Fitxa de curs tarifa activa HELICE · IFRAME Formulari inscripció incrustada HELICE · CHECKOUT Pagament Stripe · Redsys HELICE Pagament confirmat factura + cert. (Helice) RUNROOM Webhook receiver endpoint webhook l'usuari torna a aulaclinic.com després del pagament 1 2 3 4 5
Helice gestiona el procés, el cobrament i la facturació
Runroom només escolta el pagament confirmat

Variants de preu (early bird) automàtiques per data des del panell de Helice: el catàleg mostra la taula informativa amb tots els preus; el formulari, només la tarifa activa en aquell moment.

Abast · Fase 1

El que construeix Runroom — i el que no.

Delegar inscripcions, pagaments i àrea privada a Helice ens permet concentrar l'esforç en el que de veritat marca la diferència: catàleg, conversió i integració amb el Clínic.

Abast Runroom

El que lliurem

  • Catàleg públic i web corporatiu — categories, filtres, cerca, fitxes d'esdeveniment, homepage editorial i seccions institucionals.
  • Iframes Helice incrustats — inscripció i àrea privada servides com a iframes responsius, sense redirecció externa.
  • Webhook receiver — endpoint que escolta el pagament confirmat de Helice.
  • Integració clinicbarcelona.org (Symfony) — els cursos apareixen automàticament a les seccions de clinic.cat.
  • Design System Clínic a shadcn/ui — tokens de l'hospital migrats; coherència visual des del primer dia.
Responsabilitat Helice

Fora d'abast Runroom

  • Inscripcions i gestió de formularis.
  • Checkout i passarel·la de pagament (credencials Stripe/Redsys d'Aula Clínic).
  • Facturació, VeriFactu/AEAT i certificats d'assistència.
  • Àrea privada de l'usuari: historial, documents, certificats (OTP).
  • CRM d'assistents, B2B i codis d'invitació.
  • LMS / aules virtuals (Virtagora) — fora de la Fase 1; sense data planificada encara.
Stack tecnològic

Tecnologia moderna, responsabilitats clares.

CapaTecnologiaResponsable
Web aulaclinic.com — FrontendNext.js · React · shadcn/uiRunroom
Web aulaclinic.com — Backend / CMSPayload CMS · Node.js · TypeScript · PostgreSQLRunroom
Inscripcions, pagaments, àrea privadaHelice (iframe) · Stripe/Redsys amb credencials Aula ClínicHelice
Integració clinicbarcelona.orgSymfony (projecte existent de clinic.cat)Runroom
InfraestructuraInfraestructura UE · servidors ClínicRunroom
NormativaGDPR · ISO 27001 · ENS Nivell Mitjà (TBD) · NIS2Runroom Helice
LMS / Aules virtualsVirtagora — fora de la Fase 1, sense data planificadaVirtagora
Fase 2SAGE (comptabilitat) · CRMTBD
Com treballem

Sprints de 2 setmanes, demo a cadascun.

Equips cross-funcionals

Disseny, frontend, backend i producte treballant en paral·lel, no en silos seqüencials.

Vertical slicing

Cada sprint lliura funcionalitat completa i usable, no capes tècniques aïllades.

Transparència total

Demo pública al final de cada sprint. Sense sorpreses: el que es veu és el que hi ha.

Roadmap · Diagrama 4

De zero al go-live en ~11 setmanes.

Roadmap revisat després del 19/06: delegar pagaments, inscripcions i àrea privada a Helice elimina 4 setmanes respecte al pla original. Inici previst: 6 de juliol.

S0 100% S1 · Catàleg 50% S2 · Home+Àrea 50% S3 · Corporatiu + Backoffice 50% · 3 setmanes S4 · Symfony 50% S5 ✦ 50% 6 jul · inici go-live set. 1 set. 6 set. 11
Sprint 0
1 setmana · equip 100%

Setup

Infraestructura, CI/CD, design system Clínic → shadcn/ui, validació iframe Helice (CORS ancestor, formulari + àrea privada) i de l'API de catàleg (getContent, getScheduleSessions).

Sprint 1
2 setmanes · equip 50%

Catàleg

Catàleg públic (categories, filtres, cerca), fitxa de curs, iframe Helice d'inscripció incrustat, SEO natiu i responsive.

Sprint 2
2 setmanes · equip 50%

Homepage + Àrea privada

Homepage editorial (propers cursos, destacats, carrusel), iframe Helice d'àrea privada (OTP) i webhook receiver de pagament confirmat.

Sprint 3
3 setmanes · equip 50%

Web corporatiu + Backoffice

Web corporatiu (qui som, metodologia, equip, formadors, xifres) i backoffice editorial amb el selector de vinculació curs → institut/servei/unitat.

Sprint 4
2 setmanes · equip 50%

Integració Symfony

API endpoint filtrat per secció + desenvolupament Symfony a clinic.cat: "Formació relacionada" a instituts, serveis i activitats. Fora d'abast: home, malalties i recerca (possible ampliació futura).

Sprint 5
1 setmana · equip 50%

QA + go-live

QA complet (funcional, seguretat, rendiment, accessibilitat), migració SEO (redirects, canonicals), formació de l'equip i documentació.

Abast del Sprint 4. La integració amb clinic.cat contempla les seccions d'instituts, serveis i activitats. La resta de seccions on la formació es podria integrar en el futur (home, malalties, recerca) queden fora d'aquest abast i es valorarien com a ampliació posterior.

Equip i inversió

Un equip cross-funcional durant 11 setmanes.

La dedicació s'expressa com a percentatge de jornada per sprint: l'equip treballa al 100% en el sprint d'arrencada (S0) i al 50% en la resta de sprints. El Product Manager es manté al 50% durant tot el projecte.

Dedicació de l'equip per sprint

PerfilS0 · 1 setS1 · 2 setS2 · 2 setS3 · 3 setS4 · 2 setS5 · 1 set
Backend Developer100%50%50%50%50%50%
Frontend Developer full stack · cobreix Symfony100%50%50%50%50%50%
UX/UI Designer100%50%50%50%50%50%
Product Manager50%50%50%50%50%50%

Sprints de desenvolupament (S1–S4) i tancament (S5) al 50%, cosa que permet validacions i iteració sense saturar l'equip, amb especial marge al Sprint 3 (3 setmanes). Només l'arrencada (S0) al 100% per concentrar el setup.

Resum econòmic

Resum econòmic · Fase 1
Sprint 0 · Setup (1 setmana)8.990 €
Sprint 1 · Catàleg (2 setmanes)10.465 €
Sprint 2 · Home + Àrea privada (2 setmanes)10.465 €
Sprint 3 · Corporatiu + Backoffice (3 setmanes)15.697,50 €
Sprint 4 · Integració Symfony (2 setmanes)10.465 €
Sprint 5 · QA + go-live (1 setmana)5.232,50 €
Durada estimada~11 setmanes
Total Fase 161.315 €
+ IVA · equip complet
Per què Runroom

No comencem de zero. Comencem amb avantatge.

Coneixem l'ecosistema Clínic

Ja tenim integrat el catàleg de clinicbarcelona.org i coneixem el seu sistema de disseny. Partner de l'hospital des del 2017.

Design System ja construït

Els tokens de l'hospital es migren a shadcn/ui. Coherència visual i velocitat des del primer sprint.

Especialització en formació

Experiència en plataformes de formació i en la lògica fiscal i operativa que els SaaS genèrics no resolen.

Metodologia validada junts

La manera de treballar amb el Clínic ja està rodada. Sprints, demos i transparència provats.

Arquitectura ja definida

La integració amb Helice està tancada tècnicament (iframe + webhooks + OTP). Arrenquem sense incògnites majors.

Seguretat i normativa

GDPR, ISO 27001 i NIS2. ENS Nivell Mitjà en avaluació com a possible requisit de l'hospital.