Context
El Medio de Medios is a website that offers news analysis and synthesis through daily PDF reports. The project consists of a landing page designed to efficiently present and distribute these publications, allowing users to access curated information across different thematic categories.
Objectives
- Create an attractive and functional landing page for distributing daily PDF reports.
- Implement an integrated PDF viewing system within the interface.
- Integrate a headless CMS (Strapi) for dynamic content management.
- Develop a subscription system with payment processing through Stripe.
- Organize content into clearly differentiated thematic categories.
- Optimize user experience to facilitate access to publications.
Development
The website uses a headless architecture that separates the frontend from content management. The backend is built with Strapi CMS, enabling easy uploading and management of daily PDFs without needing to modify code. The frontend consumes this data through REST API, ensuring dynamic content updates. Integration with Stripe provides a robust payment processing system for subscription plans, securely handling transactions and premium user management.
Characteristics
Thematic Category System
- Agenda Nacional: reports on national politics and government topics.
- Círculo Rojo: analysis of relevant events and figures.
- Mercados: financial and economic information.
- Zettabyte: technology news and trends.
- Mañaneras: coverage and analysis of morning press conferences.
Integrated PDF Viewer
- Document viewer embedded in the interface.
- Smooth navigation between document pages.
- Optimized loading to improve response times.
- Reading experience without needing to download files.
Headless Content Management
- Integration with Strapi CMS as content backend.
- Daily PDF uploads through administrative panel.
- Automatic publication updates on the frontend.
- REST API for communication between frontend and backend.
- Versioning and control of historical publications.
Subscription and Payment System
- Complete integration with Stripe for payment processing.
- Management of subscription plans with different tiers.
- Robust backend for handling users and transactions.
- Authentication system for premium content access.
- Secure processing of financial information.
Optimized User Interface
- Clean and professional design focused on reading.
- Intuitive navigation between publication categories.
- Card system to present each available report.
- Responsive design that works on mobile and desktop devices.
- Fast content loading to enhance the experience.
Content Architecture
- Clear separation between presentation and data management.
- REST API for efficient communication with the CMS.
- Modular structure that facilitates maintenance and scalability.
- Caching system to optimize server requests.
Publication Distribution
- Daily updates of reports across all 5 categories.
- Direct access to the most recent publications.
- Historical archive of previous reports available.
- Chronological organization of content.
Optimization and Performance
- Asynchronous PDF loading to improve speed.
- Resource optimization to reduce loading times.
- File compression for efficient distribution.
- Lazy loading of initially non-visible content.
Gallery of pages
