The goal was to create a website that not only reflects the identity of the club and is visually appealing but also provides a rich and smooth user experience. To achieve this, page transitions were added to enhance the overall experience. On the technical side, some challenges included incorporating a show archive, an extensive resident overview, and live streams.
DatoCMS was used to manage all the content, allowing Radio Radio to add shows to the archive with genre tags that users can filter while browsing. A custom audio player was integrated using the SoundCloud API, offering full control over its layout and functionality. Both the audio player and the video player, which supports Twitch or custom streaming URLs, are root components, remaining visible as users navigate the site for a more seamless experience.
The residents overview is split into two lists: radio show residents and club residents. Users can easily navigate between these lists, and the residents are linked to one another. When viewing a resident's detail page, it's simple to browse through other resident profiles, further contributing to the seamless experience.
The website has received positive feedback from the Radio Radio community and was also recognized as "Website of the Day" by Awwwards.