Junior Report
Junior Report
Fomenta el pensamiento crítico en los jóvenes con un diario digital que integra noticias de actualidad global y actividades didácticas educativas.
Fomenta el pensamiento crítico en los jóvenes con un diario digital que integra noticias de actualidad global y actividades didácticas educativas.
Tipología
Tipología
Rediseño web
Rediseño web
Equipo
Equipo
Karen Zucchet
Vinícius Muniz
Karen Zucchet
Vinícius Muniz
Plazo
Plazo
5 meses
5 meses
Sector
Sector
Periodístico
y educativo
Periodístico
y educativo
Mi rol y principales aportes
Mi rol y principales aportes
Junior Report es un diario digital para jóvenes de la productora de contenidos informativos Blue Globe Media. Como diseñadora gráfica y web, participé en todo el proceso de rediseño del sitio, desde la definición de objetivos hasta su publicación. Mi contribución principal fue en el diseño visual, garantizando que la línea gráfica reflejara la identidad del proyecto. La parte técnica fue un esfuerzo colaborativo que permitió integrar de manera eficiente los elementos visuales con la funcionalidad del diario.
Junior Report es un diario digital para jóvenes de la productora de contenidos informativos Blue Globe Media. Como diseñadora gráfica y web, participé en todo el proceso de rediseño del sitio, desde la definición de objetivos hasta su publicación. Mi contribución principal fue en el diseño visual, garantizando que la línea gráfica reflejara la identidad del proyecto. La parte técnica fue un esfuerzo colaborativo que permitió integrar de manera eficiente los elementos visuales con la funcionalidad del diario.
Proceso
Proceso
01 Reto
01 Reto
Identificar el problema
Identificar el problema
04 Reflexión
04 Reflexión
Aprendizajes
Aprendizajes
01
01
Reto
Reto
Junior Report es un proyecto que tiene como objetivo acercar el periodismo a los centros educativos y fomentar el pensamiento crítico del público joven. Cada día publica una noticia de actualidad global que va acompañada de una actividad didáctica para trabajar en el aula o desde casa.
Nuestro reto fue rediseñar el diario digital teniendo en cuenta cuatro objetivos principales:
· Unificar en un solo sitio web las dos ediciones del diario, en catalán y castellano.
· Integrar los contenidos didácticos junto a las noticias del diario.
· Implementar tres modalidades de suscripción.
· Renovar la imagen del diario para alinearlo a la línea gráfica del proyecto.
Junior Report es un proyecto que tiene como objetivo acercar el periodismo a los centros educativos y fomentar el pensamiento crítico del público joven. Cada día publica una noticia de actualidad global que va acompañada de una actividad didáctica para trabajar en el aula o desde casa.
Nuestro reto fue rediseñar el diario digital teniendo en cuenta cuatro objetivos principales:
· Unificar en un solo sitio web las dos ediciones del diario, en catalán y castellano.
· Integrar los contenidos didácticos junto a las noticias del diario.
· Implementar tres modalidades de suscripción.
· Renovar la imagen del diario para alinearlo a la línea gráfica del proyecto.
02 Investigación
02 Investigación
Contexto
Contexto
Castellano
Castellano
LaVanguardia.com
LaVanguardia.com
Catalán
Catalán
Junior-Report.cat
Junior-Report.cat
Actividades
Actividades
Subscriptor.junior-report.media
Subscriptor.junior-report.media
El diario utilizaba la línea gráfica de La Vanguardia por lo que necesita adoptar la identidad visual de Junior Report para mantener la coherencia con el proyecto.
El diario utilizaba la línea gráfica de La Vanguardia por lo que necesita adoptar la identidad visual de Junior Report para mantener la coherencia con el proyecto.
Las herramientas técnicas estaban desactualizadas, lo que impedía suscribirse mensual y anualmente, una funcionalidad común en otros diarios digitales.
Las herramientas técnicas estaban desactualizadas, lo que impedía suscribirse mensual y anualmente, una funcionalidad común en otros diarios digitales.
Las actividades didácticas estaban desvinculadas de
las noticias, lo que dificulta la experiencia del usuario.
Las actividades didácticas estaban desvinculadas de las noticias,
lo que dificulta la experiencia del usuario.
Referentes en modelos de suscripción
Referentes en modelos de suscripción
Durante nuestra investigación, analizamos los modelos de suscripción actuales en el periodismo digital
y constatamos que no existen referentes que integren noticias con contenido didáctico. Sin embargo, tomamos estos modelos como referencia para seleccionar el que mejor se ajustaba a los requerimientos del proyecto.
De acuerdo al modelo de negocio y a las necesidades del proyecto, elegimos el modelo Freemium.
Durante nuestra investigación, analizamos los modelos de suscripción actuales en el periodismo digital y constatamos que no existen referentes que integren noticias con contenido didáctico. Sin embargo, tomamos estos modelos como referencia para seleccionar el que mejor se ajustaba a los requerimientos del proyecto.
De acuerdo al modelo de negocio y a las necesidades del proyecto, elegimos el modelo Freemium.
Hard paywall
Hard paywall
Es el modelo más restrictivo, solo los suscriptores pueden acceder al contenido completo.
Es el modelo más restrictivo, solo los suscriptores pueden acceder al contenido completo.
3, 2, 1...
Metered paywall
Metered paywall
Es un modelo flexible, los usuarios pueden leer gratis un número determinado de artículos.
Es un modelo flexible, los usuarios pueden leer gratis un número determinado de artículos.
Freemium paywall
Freemium paywall
Es un modelo flexible, hay contenido exclusivo que es únicamente para los suscriptores.
Es un modelo flexible, hay contenido exclusivo que es únicamente para los suscriptores.
Tipos de usuarios
Tipos de usuarios
El proyecto ya contaba con la definición de cinco tipos de usuarios, lo que fue clave para comprender sus necesidades y determinar los requerimientos técnicos necesarios para diseñar experiencias personalizadas para cada perfil.
El proyecto ya contaba con la definición de cinco tipos de usuarios, lo que fue clave para comprender sus necesidades y determinar los requerimientos técnicos necesarios para diseñar experiencias personalizadas para cada perfil.
Lector
Lector
Se mantiene informado sobre la actualidad global pero no utiliza los recursos didácticos personalmente
Se mantiene informado sobre la actualidad global pero no utiliza los recursos didácticos personalmente
Docente
Docente
Conoce el proyecto y lo emplea como herramienta para planificar y enriquecer sus clases
Conoce el proyecto
y lo emplea como
herramienta para planificar y enriquecer sus clases
Familia
Familia
Está familiarizada con el proyecto y lo utiliza para mantenerse informada sobre temas actuales
Está familiarizada con
el proyecto y lo utiliza para mantenerse informada sobre
temas actuales
Centro educativo
Centro educativo
Conoce el proyecto y lo integra en la planificación pedagógica de una o
varias asignaturas
Conoce el proyecto
y lo integra en
la planificación pedagógica de una
o varias asignaturas
Centro RED
Centro RED
Forma parte del proyecto RED de Junior Report e integra el contenido en el currículo educativo
Forma parte del proyecto RED de Junior Report e integra
el contenido en el currículo educativo
03 Solución
03 Solución
Sitemap
Sitemap
Con la información recolectada, definimos la arquitectura de la información para la nueva web del diario.
El sitemap incluye los elementos clave del proyecto, permitiendo a los usuarios explorar las noticias por secciones, acceder al contenido didáctico exclusivo para suscriptores, realizar una suscripción, acceder a su espacio personal, suscribirse a la newsletter y/o ponerse en contacto con el equipo.
Con la información recolectada, definimos la arquitectura de la información para la nueva web del diario. El sitemap incluye los elementos clave del proyecto, permitiendo a los usuarios explorar las noticias por secciones, acceder al contenido didáctico exclusivo para suscriptores, realizar una suscripción, acceder a su espacio personal, suscribirse a la newsletter y/o ponerse en contacto con el equipo.
User flow
User flow
En el rediseño de la web, era fundamental garantizar una navegación clara, especialmente al acceder a las actividades didácticas. Mapeamos la ruta que los usuarios debían seguir para llegar a este contenido, considerando que era necesario contar con una suscripción, de acuerdo al modelo freemium.
En el rediseño de la web, era fundamental garantizar una navegación clara, especialmente al acceder a las actividades didácticas. Mapeamos la ruta que los usuarios debían seguir para llegar a este contenido, considerando que era necesario contar con una suscripción, de acuerdo al modelo freemium.
Diseño
Diseño
Antes del rediseño, la web del diario presentaba una navegación poco funcional, ya que para acceder al contenido didáctico, los usuarios debían ser redirigidos a otra web. Lo mismo ocurría al intentar acceder al contenido en castellano, que redirigía a La Vanguardia.
Después del rediseño, no solo se optimizó la experiencia del usuario, sino que también se alineó la identidad visual de la web con la del proyecto. Además, se implementó un modelo de suscripción freemium, ajustándose al modelo de negocio del proyecto y mejorando la accesibilidad y coherencia general del sitio.
Antes del rediseño, la web del diario presentaba una navegación poco funcional, ya que para acceder al contenido didáctico, los usuarios debían ser redirigidos a otra web. Lo mismo ocurría al intentar acceder al contenido en castellano, que redirigía a La Vanguardia.
Después del rediseño, no solo se optimizó la experiencia del usuario, sino que también se alineó la identidad visual de la web con la del proyecto. Además, se implementó un modelo de suscripción freemium, ajustándose al modelo de negocio del proyecto y mejorando la accesibilidad y coherencia general del sitio.
Antes
Después
Página artículo
Página suscripción
Página actividades didácticas
04 Reflexión
04 Reflexión
Aprendizajes
Aprendizajes
Dado que el rediseño de esta web se realizó antes de mi formación en UX/UI, al reflexionar sobre el proceso, considero que habría sido útil implementar acciones como un user testing con usuarios reales. Esto habría permitido obtener retroalimentación directa sobre la funcionalidad y usabilidad, facilitando iteraciones más precisas del diseño.
También hubiera sido valioso analizar las métricas antes y después del rediseño, para contar con datos más específicos sobre el impacto de las mejoras en la nueva versión del sitio.
Dado que el rediseño de esta web se realizó antes de mi formación en UX/UI, al reflexionar sobre el proceso, considero que habría sido útil implementar acciones como un user testing con usuarios reales. Esto habría permitido obtener retroalimentación directa sobre la funcionalidad y usabilidad, facilitando iteraciones más precisas del diseño.
También hubiera sido valioso analizar las métricas antes y después del rediseño, para contar con datos más específicos sobre el impacto de las mejoras en la nueva versión del sitio.
Volver al inicio
¿Lo que ves te ha dado nuevas ideas?
¡Creemos algo increíble juntas!
¡Hablemos!