Skip to content
Webbdesign • Webbutveckling • User Experience

Altyra — Rádios Multisite

2024 | Portugal, Lissabon

Kund

Altyra Solutions är ett portugisiskt mjukvaruföretag som föddes för att svara på ett kontinuerligt sökande efter tjänster och processer inom området informationsteknologi. Altyra bad oss ​​att samarbeta i ett projekt för deras kund, som äger tre regionala radiostationer, Rádio Elvas, Nova Antena och Campo Maior.

Utmaning

Kunden brukade hantera tre webbplatser för var och en av hans radiostationer. Han var missnöjd med en sådan lösning och ville i brist på resurser att vi skulle utveckla en multisite där han kunde hantera alla sina webbplatser på en plats. Hans webbplatser uppdaterades senast 2016 och behövde göras om, för att behålla den tidigare touchen men ge den ett fräschare utseende.

Multisite

För att lösa kundens behov av enkel webbhantering utvecklade vi en multisite med tre undersajter för varje radiostation: Rádio Elvas, Nova Antena och Campo Maior. Eftersom Rádio Elvas är den största stationen av de tre valde vi att den skulle vara den primära webbplatsen i nätverket.
Med den nya lösningen behöver webbplatsskribenter och författare bara komma åt en webbplats och med korrekta behörigheter kan de publicera på alla tre webbplatser.
The network setup of the multisite.

Gammal design

Vi ombads designa om webbplatserna. Kunden var inte nöjd med det gamla utseendet på hans webbsidor, eftersom de var föråldrade och röriga.
Efter att ha pratat med några användare av webbplatserna fick vi reda på att de var överväldigade av mängden innehåll och annonser, medan bristande ordning och konsistens gjorde dem vilsna och förvirrade.
Homepage before (from left): Rádio Elvas, Rádio Campo Maior, Rádio Nova Antena.
Hemsida före (från vänster): Rádio Elvas, Rádio Campo Maior, Rádio Nova Antena.
Homepage before (from left): Rádio Elvas, Rádio Campo Maior, Rádio Nova Antena.
Hemsida före (från vänster): Rádio Elvas, Rádio Campo Maior, Rádio Nova Antena.

Förbättringar

Vi rensade layouten samtidigt som vi införde tydliga sektionsbrytningar. Annonserna var ett kärnproblem på den tidigare webbplatsen eftersom de verkade aggressiva och avskräckte användare från att läsa vidare. I vår lösning är banners och annonser subtilt införlivade i läsflödet, och de enhetliga storlekarna kompletterar designen harmoniskt.
Homepage after, Rádio Campo Maior.
Homepage after, Rádio Elvas.
Homepage after, Rádio Nova Antena.

Hemsida

Vi försökte hålla hemsidan så kort som möjligt men samtidigt full av det senaste och rika innehållet. För kunden var detta den mest avgörande sidan på hela webbplatsen. Därför gav han oss grova visualiseringar av hur han ville att innehållet skulle visas—och vi följde dessa.
Homepage after, Rádio Campo Maior.
Homepage after, Rádio Elvas.
Homepage after, Rádio Nova Antena.
Client's visualisations of the homepage.
Kundens visualiseringar av hemsidan.

Konsistens

Visuell konsekvens var en central del av projektet. Därför implementerade vi samma lösningar med små ändringar på alla tre webbplatserna. På så sätt matchar webbplatserna visuellt men ger användarna en tydlig indikation på vilken webbplats de tittar på.

Visuell identitet

Kunden ville att webbplatserna skulle skilja sig från varandra men ändå behålla den enhetliga stilen som "tillhör" nätverket. Därför valde vi en uppsättning typsnitt och färger som vi använde på alla tre webbplatserna.
Varje webbplats har sin distinkta färgpalett som består av två/tre unika nyanser + fyra primära nyanser som ska användas på alla tre webbplatserna.
Colour palette for Rádio Elvas.
Färgpalett — Rádio Elvas.
Colour palette for Rádio Nova Antena.
Färgpalett — Rádio Nova Antena.
Colour palette for Rádio Campo Maior.
Färgpalett — Rádio Campo Maior.
Primary colour palette for the network.
Primär färgpalett för nätverket.

Grafiska element

The former websites did not have any consistent visual identity in place, making it hard to make connotations. We decided to source the ideas for the visual identity from the logos of the radio stations, as these were the only graphical elements existing. The client did not need branding elements, since the stations act primarily online and the website is the only platform they use to communicate.
Logo of Rádio Elvas.
Logo of Rádio Nova Antena.
Logo of Rádio Campo Maior.

Category Pages

The radio stations used the category system to group relevant news based on the topic. We developed a unified template for the category pages, which we replicated across all three sites. The template consists of the leading news section and then follows with the less relevant articles, as well as the latest articles in the sidebar.

Radio Player

The client needed to implement a radio player to allow the website visitors to listen to the stream while exploring the site. With the help of the plugin, we were able to include a live stream on the website that can be listened to by clicking on a custom-made player in a navigation bar.

Static Pages

Next to a single article and category templates, we created four additional static pages per website. These web pages are Editorial Statue, Programme, Contact, Property, and Privacy Policy. All the pages are designed with simplicity in mind and are replicated with the same design on all three sites to keep visual consistency. These pages can be accessed exclusively from the footer.
Static page of Rádio Campo Maior.
Static page of Rádio Campo Maior.
Static page of Rádio Nova Antena.
Static page of Rádio Nova Antena.

Crossposting

The client wanted us to develop a custom post-publishing solution for his network which would allow him to write all posts from one location and then cross-post them to other sites. With this feature, he could save time and avoid writing the same articles for multiple sites. This feature was developed by a third-party developer while we were responsible for briefing the project and later testing.
The crossposting solution in Gutenberg.
The crossposting solution in Gutenberg.

Ad Management

The client desired a custom ad management solution where he could administer ads for all three sites in one location. The solution was custom-developed by a third-party developer. Our function in the process was to test the plugin thoroughly, find common bugs and discuss the methodology and user flow of the plugin. We were not responsible for the development and took more of an administrative/tester role.
The dashboard of Ad Manager plugin.
The dashboard of Ad Manager plugin.

Gallery Slider

We developed two types of gallery sliders for the client. One, where the images are auto-sliding in a slideshow and the other, where they are presented in the grid and can be expanded and viewed in a lightbox.
Grid gallery slider.
Grid gallery slider.
Auto-sliding gallery.
Auto-sliding gallery.
Grid gallery slider.
Grid gallery slider.
Auto-sliding gallery.
Auto-sliding gallery.

From Classic Editor to Gutenberg

For the client, the most stressful part was changing the writing environment from Classic Editor (not updated since 2024) to Gutenberg, which is now widely accepted in WordPress. This change was crucial as Classic Editor stopped being updated recently and will eventually become abandoned with time.

Slutsats

The project has been finished with migrating the site to the client’s network and pointing the old domains to new installations. We are no longer involved in the project and the responsibility is fully in the hands of the client and his team.

Visit the Website