Caso de estudio
Volver a proyectosApuntes ICO: caso de estudio de una PWA
Caso de estudio de una PWA privada que construí para organizar y consultar mis apuntes de comunicación y liderazgo, incluso sin conexión.

Punto de partida
El proyecto antes del código
Contexto
Web de apuntes de la formación en Instituto de Comunicación (ICO). Lo que empezó como un proyecto para mostrar ejercicios acabó convirtiéndose en una webapp completa con todo el contenido de la formación.
Objetivo
Tener un recurso donde consultar todo el contenido de la formación en cualquier momento y lugar, incluso sin conexión a internet.
Cómo surgió este proyecto
Esta página presenta un proyecto personal, no una guía oficial de ICO ni una copia pública de su formación. La aplicación es privada y aquí solo explico las decisiones de producto y desarrollo.
Este proyecto surgió de casualidad. Empecé creando una web para mostrar los ejercicios de la formación en Instituto de Comunicación (ICO), pero conforme iba avanzando me di cuenta de algo: no existía ningún recurso donde pudiera ver todo el contenido de las clases y consultarlo en cualquier momento.
Eso lo cambió todo. Dejé el enfoque inicial de los ejercicios, cambié completamente la estructura del proyecto y empecé a construirlo como una web de apuntes completa.
Mucho contenido, mucha organización
El proceso fue largo. La formación de ICO tiene mucho contenido y antes de ponerme a maquetar necesitaba tener claro cómo iba a organizarlo, qué estructura le iba a dar y cómo quería que se viera el diseño final.
Todo esto mientras seguía avanzando con la propia formación, entrando cada día a las clases en directo de los mentores (Oratoria y Debate, Psicología Relacional, Asesoría de Imagen y Negociación y Ventas) y compaginándolo con las clases de inglés en Conquer Languages y los proyectos y clases del máster en Conquer Blocks.
Una vez tuve todo estructurado, empecé a maquetar el contenido de todas las lecciones grabadas y todos los directos de cada semana.
Qué tiene la web
El contenido está dividido en las 4 fases del programa, que cubre 14 semanas. Después están todos los apuntes de los directos con Adrià Solà Pastor, el creador de ICO. Y más abajo, todo el contenido de cada uno de los mentores.
Lo que más me gusta del resultado es que es exactamente lo que necesitaba: puedo acceder a todo el contenido en cualquier momento y lugar porque se puede instalar en el móvil como acceso directo y consultar todo incluso sin conexión a internet.
Para toda la comunidad
Esto no me lo quedé solo para mí. Lo compartí con toda la comunidad de ICO para que pudieran beneficiarse también. Al final, si ya tenía hecho el trabajo, ¿por qué no ponerlo a disposición de todos?
Además, grabé un vídeo para Conquer Blocks en YouTube explicando cómo hice la web por dentro y enseñando un poco cómo funciona. Eso sí, tuve que ir con mucho cuidado para no mostrar el contenido de las clases, ya que al ser una formación privada no puedo compartir ni el texto ni el enlace de la web públicamente.
Lo que cambió
Aprendizajes
A veces los mejores proyectos nacen sin planificarlos. La necesidad real le da sentido a lo que construyes.
Organizar una cantidad grande de contenido antes de ponerte a maquetar te ahorra mucho tiempo después.
Siguiente iteración
Futuras mejoras
- Migrar el proyecto a Astro para ganar velocidad de carga y mejorar la estructura global.
- Rehacer la arquitectura de estilos con Sass. Aunque el CSS actual está dividido en archivos, al venir de un origen único, una migración real exige reconstruir la base para que sea escalable.