Redesigning RTÉ.ie

A responsive redesign system for rte, the website of Ireland’s Public Service Media Organisation

Creating a new experience between the club and users

Skip ahead to final design

OVERVIEW

The RTÉ homepage is the gateway to one of Ireland’s largest sites with more than 400,000 daily users visit. Users expect the most important events and news to be displayed with the best of RTÉ’s content, all beautifully presented for their convenience and enjoyment.

PROBLEM STATEMENT

While the current RTÉ homepage is functional, it lacks features to  promote user engagement and content discoverability. Additionally,  there's no clear personalization for logged-in users.

THE GOAL

To redesign rte’s  homepage to allow users to quickly and efficiently navigate to their topic of interest. Develop a clear navigation structure hierarchy based on the actual modular system that is implemented.

Heuristic Analysis

Skip ahead to final design

Navigation Bar

Mobile Dominance

-The layout of the navbar changes when scrolling (RTÉ logo left aligned)

-There seems to be 3 different navigation bars, and it is not clear what the last one is showing (breaking news maybe?)

Lack of white space

When static:
-If well known icon is shown then there is no need to name it (Weather and Menu)
-The RTÉ logo seems not properly aligned since below appears the entire name of the company.

When scrolling:
-If well known icon is shown then there is no need to name it (Weather and Menu)
-We add the main categories to the navbar, losing too much white space and the result is an overcrowded design.

Hero Section & Latest News

Lack of Hierarchy and White Space:

-Although main new is clear, there are too many elements at the same time trying to grab users attention

User Interface Design

-Dividing the UI elements into cards is a great way of making content clear for the user, however, filling the actual cards with a color makes the entire design overwhelming.

-Cards have a stroke at the bottom which provides even more visual noise.

Featured Video & Live Radio & Topic Section

-All three sections show really interesting design decision and they manage to show a lot of information without being too overwhelming for the user. However, every design element being inside “boxes”, makes the design a little bit too chunky.

-Each section works on its own but there is no real cohesion in terms of the design language that each one uses.

Most Popular

Placement

-I think it is really interesting for the user to be able to see what other users are reading (popular articles), but I consider that it looses its potential for being the last section of the homepage

Footer

Displayed Information

-Almost all of the information on the footer is redundant, since it is also located on the menu of the navbar.

So, who are we designing for?

I created three main archetypes based on their behaviors in order to consider goals and motivations first.

1 The News Junkie

A busy professional who prioritizes quick access to headlines, breaking  news, and the ability to save articles for later.

Goals: Quickly access breaking news and save articles for later reading.

2 The Content Explorer

A curious individual who enjoys exploring diverse content genres  (documentaries, science articles...) and seeks recommendations for new content.

Goals: Discover new and interesting content beyond the homepage.

3 The Local Viewer

A viewer interested in local news and programming relevant to their region, desiring a personalized homepage experience.

Goals: Access local news and programming relevant to their region.

User Research - KEY POINTS

NAVIGATION
Pain Points
1. Pain Point
Users find complex navigation systems overwhelming, especially on mobile devices.

2. Pain Point
Difficulty locating specific content categories.
Insights
1.Insight
Users prioritize clear and concise navigation with subcategories for focused browsing (e.g., Sports News, Documentaries).
2.Insight
A prominent search bar is essential for finding specific programs, articles, or live streams.
CONTENT DISCOVERY
Pain Points
1. Pain Point
Struggle to discover new content beyond what's featured on the homepage.

2. Pain Point
Lack of personalization makes it difficult to find content relevant to their interests.
Insights
1.Insight
Users are interested in features like "Trending Now" sections showcasing popular content based on user engagement.
2.Insight
Personalized recommendations based on viewing history or location could be valuable for content discovery.
LAYOUT
Pain Points
1. Pain Point
Users could find the current layout cluttered and overwhelming, with too many elements fighting for their attention.
2. Pain Point
Lack of control over the information displayed on the homepage.
Insights
1.Insight
Users prefer a clean and modular layout with easily digestible content sections.
2.Insight
The ability to personalize the layout and prioritize preferred content sections (News, Live) would be beneficial.
LOGIN BENEFITS
Pain Points
1. Pain Point
There is no clear advantage or benefit for logging in to the RTÉ website.
Insights
1.Insight
Login benefits like saved articles, watch-lists, and the ability to  personalize the homepage layout would incentivize user registration.

Opportunities

* Make use of RTÉ’s branches brand colors.

* All different elements (sections, buttons, categories, navbar, etc.) have to share the same design language.

* Increase importance on the main article and engage the user by showing popular content other users are    browsing.

* Features to promote content discovery (Trending Now, personalized recommendations).

* Clean design maximizing user retention and user experience.

* Login benefits like saved articles, watchlist, and a customizable homepage experience.

Envisioning

My approach to the experience on the new website

Clean and Consistent Design Language
Based on the current CMS system in place, every section is also based on a modular layout. However, this redesign got rid of the card design and all the elements share the same ui design system.

In order to have a seamless user experience, instead of each article competing to grab users attention, there is room and clear space for every of them. This way users are guided through the homepage without any disruption or feeling overwhelmed.

Each article displays a feature image, the title and extra information showcasing the topic (in their selective brand colors), uploaded date and how long it is.
Importance of RTÉ’s brand identity:
RTÉ has some unique brand color for each service they offer, so it makes sense to integrate those colors on each related section. This helps to be perceived as a brand with an strong identity by users.

Highlights of the envisioned concept

Validate redesign

-Conduct user testing with the redesigned website and ensure that critical needs have been addressed.

-Incorporate RTÉ’s internal user data and user behaviors into the redesigns user experience.

Maximize Logged In users experience

-Give users the possibility of saving articles.

-Display news based on the user location.

-Allow users to personalize their home page experience by selecting the topics they always want to see displayed.

What did you learn?

I learned to focus my attention on a single problem and develop it further through design iterations and user input.

I also realized that it is crucial to limit the main features of an application to those that have the most impact in order to produce a minimum viable product with the intention of optimising development time and costs.