Ant1 RADIO WEB PORTAL & MOBILE APPS

ANT1 RADIO
ANT1

THE CLIENT

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.

THE CHALLENGE

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.

OUR APPROACH

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.

THE CREATIVE APPROACH

The primary Call To Action on the homepage is the “Listen Live” bar, which can be seen at the bottom of the page. Current song title and artist information is available right next to the button, as well as information on the Last Played song.

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:

  1. 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!
  2. 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.

 

Mobile Application

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.

 

THE OPIUM TEAM