Hjemmeside til Uniradioen

Introduktion

Uniradioen er en frivillig forening, hvor 100+ unge og studerende producerer spændende liveprogrammer og engagerende podcasts. Hjemmesiden er målrettet Uniradiones lyttere, interessenter og potentielle medlemmer.

Min rolle

Jeg har haft det overordnede ansvar for projektet, og stået for både designet og udviklingen af den færdige løsning.

Formål

Det primære formål for hjemmesiden er at fortælle om Uniradioen som organisation. Som en frivillig forening er det typisk institutioner, publikationer, fonde, musikartister, festivaller mm. som vil i kontakt med Uniradioen (og omvendt), så derfor er det vigtigt at fremstå troværdig og være nem at komme i kontakt med.

Det sekundere formål er at give lyttere problemfri adgang til Uniradioens lydunivers, som består af liveradio med sendeplan, tidligere programmer og podcasts.

Det tertiære formål er at fremstå spændende over for potentielle nye medlemmer og give praktiske informationer om hvad et medlemskab indebærer.

Design

Med udgangspunkt i Uniradioens mål med hjemmesiden, og med input fra de forskellige redaktioner udviklede jeg først et sitemap med overblik over hjemmesidens struktur og indhold. Herefter skitsede jeg wireframes, som jeg omdannede til en mockup af hele hjemmesiden i Figma. Hjemmesidens visuelle design afspejler Uniradioens nyligt opdaterede identitet og er skabt med fokus på genkendelighed og brugervenlighed.

Værktøjer

Hjemmesiden er udviklet med Nuxt, som er et framework baseret på Vue.js, der tilbyder statisk generering (SSG). Nuxt er valgt på baggrund af den ønskede lydafspilningsfunktionalitet, god performance og mulighed for at hoste front-end gratis hos Netlify.

Der er brugt Tailwind CSS og Sass. Til lydafspilningen af liveradio og programmer er der brugt howler.js.

Bag om scenerne bliver der det brugt Payload CMS, som er et gratis og open-source headless CMS. Back-enden bliver hostet på et Droplet hos DigitalOcean.

Funktioner

Med den nye løsning er Uniradioen gået bort fra deres gamle og lidt tunge WordPress-løsning, som manglede flere eftertragtede funktioner. I stedet har jeg valgt at bruge en statisk genereret løsning med et open-source headless CMS, så der er fuld kontrol over koden uden overraskelser eller begrænsninger.

Som besøgende på hjemmesiden er der mulighed for afspilning af liveradio, som fortsætter uden afbrydelse, mens man browser rundt på hjemmesiden.

Man kan se sendeplanen for de næste dage. Sendeplanen får sin data direkte fra Uniradioens radiostyringsplatform, hvor de kommende programmer er skemalagte.

Man kan også gå ind og lytte til tidligere programmer og podcasts. Uniradioens programmer ligger hos en ekstern podcast-hostingsplatform, som også distribuere programmerne til de forskellige tjenester. Det foregår via et RSS-feed, som hjemmesiden udnytter til at streame lydfilerne. Her er der taget højde for at der kun afspilles en episode ad gangen, og at det ikke sker samtidig med afspilning af liveradio.

Indholdet på hjemmesiden kan nemt blive opdateret af forskellige redaktører i Payload CMS.