Junior Report
Junior Report
Promote critical thinking in young people with a digital newspaper that integrates global current news and educational activities.
Promote critical thinking in young people with a digital newspaper that integrates global current news and educational activities.
Type
Type
Web redesign
Web redesign
Team
Team
Karen Zucchet
Vinícius Muniz
Karen Zucchet
Vinícius Muniz
Term
Term
5 months
5 months
Sector
Sector
Journalistic and educational
Journalistic and educational
My role and main contributions
My role and main contributions
Junior Report is a digital newspaper for young people from the content producer Blue Globe Media. As a graphic and web designer, I participated in the entire web redesign process, from defining objectives to publishing the site. My main contribution was in the visual design, ensuring that the graphic style reflected the project's identity. The technical part was a collaborative effort that allowed for the efficient integration of visual elements with the functionality of the newspaper.
Junior Report is a digital newspaper for young people from the content producer Blue Globe Media. As a graphic and web designer, I participated in the entire web redesign process, from defining objectives to publishing the site. My main contribution was in the visual design, ensuring that the graphic style reflected the project's identity. The technical part was a collaborative effort that allowed for the efficient integration of visual elements with the functionality of the newspaper.
Process
Process
01 Challenge
01 Challenge
Identify the problem
Identify the problem
04 Consideration
04 Consideration
Learnings
Learnings
01
01
Challenge
Challenge
Junior Report is a project aimed at bringing journalism closer to schools and promoting critical thinking among young audiences. Every day, it publishes a piece of global news accompanied by an educational activity to work on in the classroom or from home.
Our challenge was to redesign the digital newspaper considering four main objectives:
· Unify the two editions of the newspaper (catalan and spanish) into a single website.
· Integrate educational content alongside the newspaper’s news articles.
· Implement three types of subscriptions.
· Renew the newspaper’s image to align it with the project’s graphic style.
Junior Report is a project aimed at bringing journalism closer to schools and promoting critical thinking among young audiences. Every day, it publishes a piece of global news accompanied by an educational activity to work on in the classroom or from home.
Our challenge was to redesign the digital newspaper considering four main objectives:
· Unify the two editions of the newspaper (catalan and spanish) into a single website.
· Integrate educational content alongside the newspaper’s news articles.
· Implement three types of subscriptions.
· Renew the newspaper’s image to align it with the project’s graphic style.
02 Research
02 Research
Context
Context
Spanish
Spanish
LaVanguardia.com
LaVanguardia.com
Catalan
Catalan
Junior-Report.cat
Junior-Report.cat
Activities
Activities
Subscriptor.junior-report.media
Subscriptor.junior-report.media
The newspaper used La Vanguardia's graphic style, so it needed to adopt Junior Report's visual identity to maintain consistency with the project.
The newspaper used La Vanguardia's graphic style, so it needed to adopt Junior Report's visual identity to maintain consistency with the project.
The technical tools were outdated, which prevented monthly and annual subscriptions, a common feature in other digital newspapers.
The technical tools were outdated, which prevented monthly and annual subscriptions, a common feature in other digital newspapers.
The educational activities were disconnected from the news, which makes the user experience more difficult.
The educational activities were disconnected from the news, which makes the user experience more difficult.
Subscription model benchmarks
Subscription model benchmarks
During our research, we analyzed current subscription models in digital journalism and found that there are no examples that integrate news with educational content. However, we used these models as references to select the one that best fit the project’s requirements.
Based on the business model and the project’s needs, we chose the Freemium model.
During our research, we analyzed current subscription models in digital journalism and found that there are no examples that integrate news with educational content. However, we used these models as references to select the one that best fit the project’s requirements.
Based on the business model and the project’s needs, we chose the Freemium model.
Hard paywall
Hard paywall
It is the most restrictive model, only subscribers can access the full content.
It is the most restrictive model, only subscribers can access the full content.
3, 2, 1...
Metered paywall
Metered paywall
It is a flexible model, where users can read a limited number of articles for free.
It is a flexible model, where users can read a limited number of articles for free.
Freemium paywall
Freemium paywall
t is a flexible model, with exclusive content that is only for subscribers.
t is a flexible model, with exclusive content that is only for subscribers.
User types
User types
The project already included the definition of five user types, which was key to understanding their needs and determining the technical requirements necessary to design personalized experiences for each profile.
The project already included the definition of five user types, which was key to understanding their needs and determining the technical requirements necessary to design personalized experiences for each profile.
Readers
Readers
They stay informed about global current news but do not personally use the educational resources.
They stay informed about global current news but do not personally use the educational resources.
Teachers
Teachers
They know the project and use it as a tool to plan and enrich their classes
They know the project and use it as a tool to plan and enrich their classes
Family
Family
They are familiar with the project and use it to stay informed about current issues
They are familiar with the project and use it to stay informed about current issues.
School
School
They know the project and integrate it into the pedagogical planning of one or more subjects.
They know the project and integrate it into the pedagogical planning of one or more subjects.
RED School
RED School
It is part of the Junior Report RED project and integrates the content into the educational curriculum
It is part of the Junior Report RED project and integrates the content into the educational curriculum
03 Solution
03 Solution
Sitemap
Sitemap
With the collected information, we defined the information architecture for the new website of the newspaper. The sitemap includes the key elements of the project, allowing users to explore the news by sections, access educational content exclusive to subscribers, subscribe, access their account page, subscribe to the newsletter, and/or contact the team.
With the collected information, we defined the information architecture for the new website of the newspaper. The sitemap includes the key elements of the project, allowing users to explore the news by sections, access educational content exclusive to subscribers, subscribe, access their account page, subscribe to the newsletter, and/or contact the team.
User flow
User flow
In the web redesign, it was essential to ensure clear navigation, especially when accessing the educational activities. We mapped the path that users needed to follow to reach this content, considering that a subscription was required, according to the freemium model.
In the web redesign, it was essential to ensure clear navigation, especially when accessing the educational activities. We mapped the path that users needed to follow to reach this content, considering that a subscription was required, according to the freemium model.
Design
Design
Before the redesign, the newspaper's website had poor navigation. To access the educational content, users had to be redirected to another website. The same happened when trying to access the content in Spanish, which redirected to La Vanguardia.
After the redesign, not only was the user experience optimized, but the website's visual identity was also aligned with the project's visual identity. Additionally, a freemium subscription model was implemented, adapting to the project's business model and improving the accessibility and overall coherence of the site.
Before the redesign, the newspaper's website had poor navigation. To access the educational content, users had to be redirected to another website. The same happened when trying to access the content in Spanish, which redirected to La Vanguardia.
After the redesign, not only was the user experience optimized, but the website's visual identity was also aligned with the project's visual identity. Additionally, a freemium subscription model was implemented, adapting to the project's business model and improving the accessibility and overall coherence of the site.
Before
After
Article page
Subscription page
Educational activities page
04 Consideration
04 Consideration
Learnings
Learnings
Since the redesign of this website was done before my training in UX/UI, upon thinking about the process, I believe it would have been useful to implement actions such as user testing with real users. This would have allowed for direct feedback on functionality and usability, enabling more precise iterations of the design.
It would also have been valuable to analyze the metrics before and after the redesign, in order to have more specific data on the impact of the improvements in the new version of the site.
Since the redesign of this website was done before my training in UX/UI, upon thinking about the process, I believe it would have been useful to implement actions such as user testing with real users. This would have allowed for direct feedback on functionality and usability, enabling more precise iterations of the design.
It would also have been valuable to analyze the metrics before and after the redesign, in order to have more specific data on the impact of the improvements in the new version of the site.
Go to the top
Has what you see given you new ideas?
Let's create something amazing together!
Let's talk!