El reto
InfoAdex es la referencia en inteligencia publicitaria en España desde 1994. Con más de 30 años de trayectoria y certificación ISO 9001 desde 1998, la compañía monitoriza la inversión publicitaria en todos los medios del mercado español. El reto: modernizar sus dos herramientas insignia — Info io (base de datos de inversión publicitaria, operativa desde 2010) y Mosaico (base de datos multimedia de creatividades, operativa desde 2003) — para ofrecer una experiencia web moderna, rápida y capaz de manejar un volumen masivo de datos en constante crecimiento.
Con 55 millones de registros acumulados, 500.000 nuevos registros digitales diarios y 25.000 creatividades digitales incorporadas cada día, la plataforma necesitaba una arquitectura frontend que estuviera a la altura de la escala y la exigencia de sus usuarios profesionales: agencias de medios, anunciantes, consultoras y organismos públicos.
Nuestra solución
Colaboramos con InfoAdex en la evolución de su presencia digital, trabajando con Next.js y Tailwind CSS para construir una experiencia web que refleja la solidez y la precisión de sus datos.
Arquitectura del sistema
Lo que construimos
- Arquitectura web moderna con Next.js, aprovechando server-side rendering para optimizar tiempos de carga y SEO en una plataforma con contenido altamente dinámico
- Sistema de diseño consistente con Tailwind CSS, garantizando una interfaz limpia y profesional acorde a una marca con más de 30 años de trayectoria
- Integración con Shopify como CMS y CDN para la gestión eficiente de contenidos y activos digitales
- Visualización de datos a escala para presentar métricas de un mercado que rastrea más de 37.000 marca-modelos en todos los soportes publicitarios
Decisiones de arquitectura
La elección de Next.js responde a la necesidad de combinar contenido estático (páginas institucionales, metodología) con contenido altamente dinámico (datos de mercado, informes). El modelo híbrido de renderizado permite:
- SSR (Server-Side Rendering) para páginas con datos que cambian frecuentemente, garantizando que los usuarios siempre ven información actualizada
- ISR (Incremental Static Regeneration) para contenido que se actualiza periódicamente, optimizando el rendimiento sin sacrificar frescura
- Client-side data fetching para dashboards interactivos donde el usuario filtra y explora datos en tiempo real
Desafíos del pipeline de datos
El volumen de datos de InfoAdex presenta retos específicos para el frontend:
- 500.000 registros digitales nuevos cada día requieren estrategias de paginación y carga progresiva que no degraden la experiencia
- 55M+ registros históricos demandan consultas optimizadas con filtros combinados (medio, marca, periodo, soporte)
- 25.000 creatividades diarias necesitan un sistema de thumbnails y lazy loading para no saturar el ancho de banda
- 37.000 marca-modelos activos exigen un buscador con autocompletado eficiente y resultados instantáneos
Integración con Shopify
La decisión de utilizar Shopify como CMS no es convencional, pero responde a necesidades concretas:
- Gestión de contenidos por parte del equipo de InfoAdex sin intervención técnica
- CDN global integrada para activos estáticos y creatividades
- Modelo de permisos y roles para distintos editores de contenido
- API GraphQL de Shopify como headless CMS conectado al frontend Next.js
Datos en tiempo real
La plataforma debe soportar la consulta y presentación de datos que se actualizan continuamente. El ecosistema de InfoAdex procesa diariamente medio millón de registros digitales, lo que exige una arquitectura frontend preparada para manejar grandes volúmenes de información con fluidez y sin comprometer la experiencia del usuario.
Resultados
- La nueva presencia digital de InfoAdex refleja la autoridad de la marca como referente del sector publicitario español
- Clientes como Kantar, Nielsen, IAB España, universidades y organismos del sector público acceden a una plataforma moderna y fluida
- Tiempos de carga optimizados incluso al consultar datasets con millones de registros gracias al renderizado híbrido
- En 2024, InfoAdex integró inteligencia artificial en sus procesos de datos, consolidando su posición como líder en innovación publicitaria
- Certificación ISO 9001 mantenida de forma ininterrumpida desde 1998, garantizando la calidad de los procesos de datos
Decisiones técnicas clave
| Decisión | Motivo |
|---|---|
| Next.js con renderizado híbrido | Combinar contenido estático e informes dinámicos en una sola plataforma |
| Tailwind CSS | Sistema de diseño escalable y consistente sin overhead de CSS custom |
| Shopify como headless CMS | Autonomía editorial para el equipo de InfoAdex + CDN integrada |
| ISR para informes periódicos | Rendimiento de estático con frescura de dinámico |
| Páginación server-side | Manejar 55M+ registros sin degradar UX |
Stack técnico
- Next.js (Frontend y SSR/ISR)
- Tailwind CSS (Sistema de diseño)
- Shopify (Headless CMS y CDN)
- Arquitectura orientada a datos a gran escala
- Páginación y carga progresiva para datasets masivos
- Integración con plataformas de análisis publicitario
¿Necesitas un proyecto similar? Conoce nuestro servicio de data analytics →
Cómo trabajamos
Cada proyecto sigue nuestro proceso artesanal, adaptado a las necesidades específicas del cliente.
Discovery & Requisitos
Inmersión en negocio, usuarios y objetivos. Workshops de ideación, research de mercado y alcance MVP.
Diseño & Arquitectura
Wireframes, prototipos interactivos y arquitectura técnica. Validación con cliente antes de escribir código.
Desarrollo & Testing
Sprints de 2 semanas con demos. CI/CD, code review y testing continuo. Feedback en cada iteración.
Entrega & Evolución
Deploy a producción, monitorización y soporte. Métricas post-lanzamiento y roadmap de mejoras.