Design & Programmierung

Radio Mainwelle goes responsive!

Mittwoch, 23. Oktober 2013 Design & Programmierung

Auf UKW 104,3 hören Sie Radio Mainwelle,
Ihr Lokalradio für Bayreuth und die Region, mit den größten Hits aller Zeiten!

Responsive Webseite für Radio Mainwelle

Erfahren Sie mehr...

über das Design:

Unsere Kreativabteilung legte bei der Umsetzung der neuen Radio Mainwelle-Webseite besonderen Wert auf kräftige Farben, modernes Layout und einen Ansatz von Retro-Design, welches junge wie ältere Menschen gleichermaßen gut ansprechen soll.

Blitzer- und VerkehrsmeldungenPassend zum Sender und dem engagierten Team wurden neue Strukturen ausgearbeitet. Unser Ziel war es, das einfache Navigieren auf allen Endgeräten (Smartphones, Tablets und Desktop-PC´s) mit gleichwertigem Usabilityerlebnis zu ermöglichen und relevante Informationen auf einen Blick zu zeigen.

Hierzu wurden auf der Startseite die Top-News weit oben platziert. Die rechts angeordnete Sidebar dient unter gängigen Desktop-Auflösungen als Schnelleinstieg in wichtige Kategorien und zur Darstellung von relevanten Informationen sowie weiteren, kontextbasierten Funktionen. Diese werden hierdurch populär auf der Seite platziert.

On AirHier sieht man unter anderem auf einen Blick, welcher Moderator gerade im Studio "On Air" ist, wo im Stadtgebiet aktuell Blitzer stehen oder wo es zu Verkehrsstörungen in und um Bayreuth kommt. Auch den neuesten Podcast und natürlich aktuelle Meldungen aus Bayreuth und der Region sowie Aktionen oder Gewinnspiele des Senders können hier angezeigt werden. 

 

über die Umsetzung:

Radio Mainwelle LayoutingDie Softwarepalette der Adobe Creative Cloud kam bei der Layouterstellung der zahlreichen Seitenbereiche und Detailabschnitte der Webseite, welche natürlich auch für verschiedene Auflösungen gestaltet werden mussten, zum Einsatz. Ein flexibles Grid-System für den Einsatz als Responsive-Design diente hierbei zur Orientierung.

Weiterhin verwendet wurden u.a. verschiedene Webfonts: LobsterTitillium Web.

Zur visuellen Darstellung von Echtzeitdaten (On Air, Blitzer/Verkehr, Nachrichten, Tiersuche, Wetter etc.) wurden neue, einprägsame Grafiken erstellt, welche einen eigenen "Logo-Charakter" erzeugen sollen und zusammen mit den textlichen Inhalten über das CMS Drupal den Weg in die neue Seite fanden.

Zum Teil wurden die alten Seiteninhalte aus dem Vorgänger-CMS mit eigens programmierten Export- und Importfunktionen in die neuen Datenbanken überführt.

 

Technik und Funktionalität Entwicklung Radio Mainwelle

Informieren Sie sich...

über Technik und Funktionalität

Die CMS-Hinterlegung erfolgte in Drupal 7, eines der weltweit am meisten verbreiteten Open Source Content-Management-Systeme. TMT entwickelte für die Mainwelle ein eigenes Responsive-Template auf Basis von Bootstrap v2

Für den Newsbereich werden Nachrichten aus dem System des Nordbayerischen Kuriers mittels eines eigens entwickelten Drupal-Moduls automatisch importiert. Auch der Import von Nachrichten-Aufzeichnungen im MP3-Format erfolgt selbsttätig.

Die neuen Radiomacher sind Sie!Ein eigener Bereich offenbahrt individuelle Aktionen für Zuhörer und User
(z.B. aktuell "Die neuen Radiomacher sind Sie!" oder "Live dabei: medi Bayreuth").

Im Servicebereich werden u.a. folgende Dienste angeboten:

  • Wetter für den heutigen Tag und Vorhersage für den nächsten Tag
  • Blitzer- und Verkehrsmeldungen
  • Tiersuchmeldungen, welche durch den User selbst aufgeben werden können
  • Podcasts mit Verschlagwortung

Durch die Eigenentwicklung eines Sendeplan-Moduls für Drupal mit Standard- und Sondersendung-Funktion, Datums- und Zeitsteuerung, Moderations-Zuweisung und versch. Ausgabemöglichkeiten auf der Seite werden automatisch die Programmübersicht und das On Air Panel befüllt. 

Die inhaltliche Erzeugung der Team-Seite erfolgt mit automatischer Kategorisierung und Verschlagwortung der einzelnen Mainwelle-Mitarbeiter. 

Hat Ihnen eine aktuelle Aktion von Radio Mainwelle gefallen und Sie möchten mehr darüber erfahren?

Die Galerie auf der Seite liefert Ihnen Bilder der Mainwelle auf Tour, in Action oder Live dabei im kompletten Sendekreis! Hier wurde auf Basis von Kundenwünschen ein individuelles Modul für Drupal geschrieben, welches sich durch seine performante und ressourcenschonende Einfachheit als nahezu perfekte Lösung für diesen Einsatz auszeichnet.

Weiterhin wurde die Anzeige von kostenpflichtigen Werbebannern über den Adserver OpenX integriert.

über zukünftige geplante Funktionen:

Zwar ist die Seite nun online und bekommt durchweg positive Resonanzen, jedoch geht die Planung hinter den Kulissen weiter.
Folgende Funktionalitäten stehen schon fest und sollen in absehbarer Zeit optimiert und integriert werden:

  • Ausbau der Webradio-Funktion (Livestream)
  • Import von regionalen Verkehrsmeldungen direkt vom ADAC
  • Automatisierung von Wettervorhersagen und weitere Wetter-Details
  • Unterstützung im Aufbau von neuen Aktionen
  • ständige Kontrolle und Verbesserungen der Seiten durch genaue Analysen des Userverhaltens

 



Footer

Suchformular

TMT GmbH & Co. KG | Nürnberger Straße 42 | 95448 Bayreuth
Tel: +49 (0)921 507 200 - 0 | Fax: +49 (0)921 507 200 - 299 | E-Mail: net@tmt.de


Paessler VMware Partner - Professional Solution Provider NetApp - Silver-Partner Acronis Authorized Partner Spinetix - Certified Silver Dealer Barracuda Networks RIPE NCC Kerio Preferred Partner Sophos