Ant1 Radio is a popular radio station broadcasting music all across Cyprus. The radio station plays the latest and biggest Greek hits, and broadcasts a number of daily talk shows.
Listeners can enjoy Ant1 Radio at 102.7 and 103.7FM, as well as through the website and the iOS and Android mobile apps that we built. For the website we used Thunder, the open-source, Drupal 8-based Content Management System.
Ant-1 was a fun project to work on, giving us the chance to explore new and exciting design aspects. The biggest challenge about this project was increasing the Ant1 Radio web presence, and establishing this presence in the digital era. We had to start wireframing the website while the company was in a process of rebranding. Our aim was to build a fully responsive website from scratch, with a fresh, millennial-oriented design with vivid gradients and large titles.
We arranged things according to content hierarchy, or each section’s level of importance. On desktop, the website includes a navigation bar across the top, which includes: News, Events, DJs/Producers, Shows, Artists, and Playlists. The white background gives the website a tidy feel to it, and offers balance against the “louder” pink, purple, and blue hues that were chosen for the links, icons, and headers. At the bottom of the screen there is a fixed Play button that stays in place regardless of scrolling, which allows visitors to quickly tune in and listen to Ant1 Radio.
Ant1 Radio Website & Mobile Apps
The Ant1 Radio website was built on Drupal 8, our favorite framework for building our websites. This is one of the most beautiful websites we have built, in terms of both design and functionality. It contains many eye-catching, “eccentric” features such as animated carousels, striking color gradients, professional photographs, and much more.
Visitors that enter the Ant1 Radio website have the chance to listen to the Ant1 Radio Station live while navigating through the website.
In terms of functionality, the Live Radio feature that enables visitors to listen to the Ant1 Radio Station while navigating the website, is something we are proud of. The live information on current and last played tracks was achieved through a third party integration with another service that holds all relevant information.
Another very important functionality that was built for Ant1 Radio was the interaction between the website and the mobile applications. Drupal is used as a data source for both the website and mobile applications. Web services were built using Drupal that send data to the mobile applications. This, we achieved 2 major things:
- We ensured that all content for the mobile applications was fully dynamic. Our client has full access and control of the content through the Drupal CMS. This means we can avoid unnecessary mobile updates after changing the content on the apps—no need to re-submit the apps to the stores after modifying the content!
- The client can edit the content of both the website and the mobile applications using only one CMS, since the content is common for all platforms and is hosted on Drupal.
The iOS and Android applications were built using the Appcelerator framework. Appcelerator is an open source mobile application development platform that allows you to create native applications using web technologies that are well-known to most developers. It provides a very user-friendly environment for building the application, is cross-platform, and supported by a rapidly growing community.
Additionally, Appcelerator provides very smooth web service communication that allows us to have excellent interaction between mobile application and web service. In our case, this helped us achieve a very efficient connection between the Ant1 Radio mobile applications and website. The mobile applications retrieve their content from the website, thanks to Drupal Services.
WHY IT WORKED
Aside from building the Anti-1 website, we created Android and iOS mobile apps that offer the same functionality. The applications feature the same colour patterns as the website in order to achieve a uniform, uniting element across all platforms.
Much like the desktop site, the mobile applications include a Play button at the bottom of the screen, with information regarding the current track, as well as previous Last Played song. The interface is neat, uncomplicated to use, and preserves the Ant1 Radio look and identity.
Building uniform, fully functional apps and website allowed us to achieve our goal of easily reaching our millennial target group and increasing the Ant1 Radio online presence.