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

De tidigare webbplatserna hade ingen enhetlig visuell identitet, vilket gjorde det svårt att skapa konnotationer. Vi bestämde oss för att hämta idéerna till den visuella identiteten från radiostationernas logotyper, eftersom dessa var de enda grafiska elementen som fanns. Kunden behövde inga varumärkeselement, eftersom stationerna främst agerar online och webbplatsen är den enda plattformen de använder för att kommunicera.
Logo of Rádio Elvas.
Logo of Rádio Nova Antena.
Logo of Rádio Campo Maior.

Kategorisidor

Radiostationerna använde kategorisystemet för att gruppera relevanta nyheter baserat på ämne. Vi utvecklade en enhetlig mall för kategorisidorna, som vi replikerade på alla tre webbplatser. Mallen består av den ledande nyhetssektionen och sedan följer de mindre relevanta artiklarna, samt de senaste artiklarna i sidofältet.

Radiospelare

Klienten behövde implementera en radiospelare för att låta webbplatsbesökare lyssna på strömmen medan de utforskade webbplatsen. Med hjälp av plugin-programmet kunde vi inkludera en liveström på webbplatsen som kan lyssnas på genom att klicka på en specialanpassad spelare i en navigeringsfält.

Statiska Sidor

Utöver en enda artikel- och kategorimallar skapade vi fyra extra statiska sidor per webbplats. Dessa webbsidor är Redaktionell Stadga, Program, Kontakt, Egendom och Integritetspolicy. Alla sidor är utformade med enkelhet i åtanke och replikeras med samma design på alla tre webbplatser för att bibehålla visuell konsekvens. Dessa sidor kan endast nås från sidfoten.
Static page of Rádio Campo Maior.
Statisk sida för Rádio Campo Maior.
Static page of Rádio Nova Antena.
Statisk sida för Rádio Nova Antena.

Korspostning

Kunden ville att vi skulle utveckla en anpassad lösning för hans nätverk, vilket skulle göra det möjligt för honom att skriva alla inlägg från en plats och sedan publicera dem på andra webbplatser. Med den här funktionen kunde han spara tid och undvika att skriva samma artiklar för flera webbplatser. Funktionen utvecklades av en tredjepartsutvecklare medan vi ansvarade för att briefa projektet och senare testa.
The crossposting solution in Gutenberg.
Korspostningslösningen i Gutenberg.

Annonshantering

Kunden önskade en skräddarsydd annonshanteringslösning där han kunde administrera annonser för alla tre webbplatser på ett ställe. Lösningen specialutvecklades av en tredjepartsutvecklare. Vår funktion i processen var att testa pluginet noggrant, hitta vanliga buggar och diskutera pluginets metodik och användarflöde. Vi var inte ansvariga för utvecklingen och tog mer på oss en administrativ/testande roll.
The dashboard of Ad Manager plugin.
Instrumentpanelen för Ad Manager-pluginet.

Galleri-slider

Vi utvecklade två typer av gallerisliders för klienten. En där bilderna automatiskt glider i ett bildspel och den andra där de presenteras i ett rutnät och kan expanderas och visas i en ljuslåda.
Grid gallery slider.
Rutnätsgallerislider.
Auto-sliding gallery.
Automatiskt glidande galleri.
Grid gallery slider.
Rutnätsgallerislider.
Auto-sliding gallery.
Automatiskt glidande galleri.

Från Klassisk Editor till Gutenberg

För klienten var den mest stressiga delen att byta skrivmiljö från Classic Editor (inte uppdaterad sedan 2024) till Gutenberg, vilket nu är allmänt accepterat i WordPress. Denna förändring var avgörande eftersom Classic Editor slutade uppdateras nyligen och så småningom kommer att överges med tiden.

Slutsats

Projektet har avslutats med att webbplatsen migrerats till kundens nätverk och de gamla domänerna pekats ut mot nya installationer. Vi är inte längre involverade i projektet och ansvaret ligger helt i händerna på kunden och dennes team.