Contexto
El Medio de Medios es un sitio web que ofrece análisis y síntesis de noticias a través de reportes diarios en formato PDF. El proyecto consiste en una landing page diseñada para presentar y distribuir estas publicaciones de manera eficiente, permitiendo a los usuarios acceder a información curada en diferentes categorías temáticas.
Objetivos
- Crear una landing page atractiva y funcional para la distribución de reportes PDF diarios.
- Implementar un sistema de visualización de PDFs integrado en la interfaz.
- Integrar un CMS headless (Strapi) para la gestión dinámica de contenido.
- Desarrollar un sistema de suscripción con procesamiento de pagos mediante Stripe.
- Organizar el contenido en categorías temáticas claramente diferenciadas.
- Optimizar la experiencia de usuario para facilitar el acceso a las publicaciones.
Desarrollo
El sitio web utiliza una arquitectura headless que separa el frontend de la gestión de contenido. El backend está construido con Strapi CMS, permitiendo la carga y administración sencilla de los PDFs diarios sin necesidad de modificar código. El frontend consume estos datos mediante API REST, garantizando una actualización dinámica del contenido. La integración con Stripe proporciona un sistema robusto de procesamiento de pagos para los planes de suscripción, manejando de forma segura las transacciones y la gestión de usuarios premium.
Características
Sistema de Categorías Temáticas
- Agenda Nacional: reportes sobre temas de política y gobierno nacional.
- Círculo Rojo: análisis de eventos y personajes relevantes.
- Mercados: información financiera y económica.
- Zettabyte: noticias y tendencias tecnológicas.
- Mañaneras: cobertura y análisis de conferencias matutinas.
Visor de PDFs Integrado
- Visualizador de documentos embebido en la interfaz.
- Navegación fluida entre páginas del documento.
- Carga optimizada para mejorar tiempos de respuesta.
- Experiencia de lectura sin necesidad de descargar archivos.
Gestión de Contenido Headless
- Integración con Strapi CMS como backend de contenido.
- Carga diaria de PDFs mediante panel administrativo.
- Actualización automática de publicaciones en el frontend.
- API REST para comunicación entre frontend y backend.
- Versionado y control de publicaciones históricas.
Sistema de Suscripción y Pagos
- Integración completa con Stripe para procesamiento de pagos.
- Gestión de planes de suscripción con diferentes niveles.
- Backend robusto para manejo de usuarios y transacciones.
- Sistema de autenticación para acceso a contenido premium.
- Procesamiento seguro de información financiera.
Interfaz de Usuario Optimizada
- Diseño limpio y profesional enfocado en la lectura.
- Navegación intuitiva entre categorías de publicaciones.
- Sistema de tarjetas para presentar cada reporte disponible.
- Diseño responsive que funciona en dispositivos móviles y desktop.
- Carga rápida de contenido para mejorar la experiencia.
Arquitectura de Contenido
- Separación clara entre presentación y gestión de datos.
- API REST para comunicación eficiente con el CMS.
- Estructura modular que facilita mantenimiento y escalabilidad.
- Sistema de caché para optimizar peticiones al servidor.
Distribución de Publicaciones
- Actualización diaria de reportes en las 5 categorías.
- Acceso directo a las publicaciones más recientes.
- Histórico de reportes anteriores disponible.
- Organización cronológica de contenido.
Optimización y Rendimiento
- Carga asíncrona de PDFs para mejorar velocidad.
- Optimización de recursos para reducir tiempos de carga.
- Compresión de archivos para distribución eficiente.
- Lazy loading de contenido no visible inicialmente.
Galería de páginas
