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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.