Kampagnen Website

Die Sport-Unit der Düsseldorfer Agentur GREY machte gemeinsam mit dem isländischen Parkinson-Verband Parkinsonsamtökin und dem Fußballverband KSÍ die isländische Fußball-Nationalmannschaft zu Botschaftern für die gute Sache und startete die Kampagne “Sons of Solidarity”. Beim letzten Länderspiel vor der Fußball-Weltmeisterschaft 2018 zeigten die Spieler ihre Solidarität durch ein einheitliches Trikot mit dem Namen PARKINSON auf dem Rücken – ein Wortspiel mit den auf “-SON” endenden isländischen Männernamen.

Ziel der Aktion war es, mehr Aufmerksamkeit und nicht zuletzt Spenden zu generieren. Die Gelder fließen in ein Betreuungs-Zentrum für Parkinson Patienten in Island.

Wir haben mit der Entwicklung und Bereitstellung der Kampagnen Webseite mit Freude unseren Beitrag dazu geleistet. Neben Frontend & Backend Development sorgten wir für einen reibungslosen Ablauf der Spendenaktion und koordinierten sowohl den GoLive als auch den Betrieb der Seite und der Spendenformulare über den gesamten Kampagnenzeitraum.

Tech Sheet

  • HTML5, CSS3, jQuery
  • Fully Responsive
  • CMS-Integration
  • Mehrsprachigkeit
  • Integration Payment Gateway

Social Media Monitoring Platform

Das OnAirRadar wurde initial für die Online-Redaktion und die Moderatoren von 1LIVE als browserbasiertes Social Media Monitoring Tool entwickelt. Es sollte eine übersichtliche Anwendung zur Beobachtung relevanter Inhalte in den sozialen Netzwerken entstehen. Mit einem Blick sieht der Redakteur und Moderator, welche Themen aktuell in sozialen Netzwerken diskutiert werden, welche Kommentare und Informationen der Sender über seine eigenen Profilseiten veröffentlicht und was in den sozialen Netzen über das Programm gesagt wird. Gleichzeitig können auch Einträge und Informationen von ausgewählten öffentlichen Profilen in den sozialen Netzwerken abgebildet und so schnell in das Programm integriert werden.

Mittlerweile wurde das System für die anderen Radiosender des westdeutschen Rundfunks (WDR 2, WDR 3, WDR 4, WDR 5) sowie des norddeutschen Rundfunks (NDR 90,3, N-JOY) umgesetzt und jeweils auf die individuellen Bedürfnisse angepasst. So können neben Inhalten auf Facebook und Twitter auch Inhalte aus Instagram, Messenger, Soundcloud, YouTube oder E-Mails und SMS/Whatsapp abgebildet werden und HD Info Screens angelegt werden.

Das OnAirRadar sticht aus der Menge der bestehenden Monitoring-Lösungen durch ein individuelles User Interface im Corporate Design des Betreibers und der Erweiterbarkeit individueller Funktionen hervor.

Tech Sheet

  • HTML5, CSS3
  • AngularJS
  • PHP, MYSQL, Symfony2
  • Mehrsprachigkeit
  • Facebook-API, Twitter Streaming API usw.

Studienportale Multisite

Im Netzwerk Das-Richtige-studieren.de sind über 30 stark frequentierte Online-Studienführer zusammengeschlossen, die gezielt bei der Suche nach dem richtigen Studium bzw. Bildungsangebot helfen.
Das Herzstück der Portale ist die umfassende Datenbank, in der alle Hochschulen und Akademien mit ihrem passenden Studienangebot aufgeführt sind.

Die erste Herausforderung in diesem Projekt bestand darin, die vielen unterschiedlichen Portale einer wiederkehrenden Struktur und einem übergreifenden Redesign zu unterziehen. Zusammen mit dem Kunden haben wir das Grundkonzept für den Relaunch erarbeitet und es geschafft, die High Frequencies und SEO Rankings der Plattformen zu behalten oder zu erhöhen.

Darüberhinaus sollten alle Plattformen in einem CMS zentral verwaltet werden können, welches den Bedürfnissen der Redaktion sowie auch dem weiteren Wachstum des Unternehmens gerecht werden kann.
So haben wir eine extrem skalierbare und stabile TYPO3 Multisite geschaffen, welche die gesamte Datenbank erfasst und zentral bereitstellt.

Wir verantworten die technische (Weiter-)Entwicklung sowie den laufenden Betrieb.

Tech Sheet

  • TYPO3 Integration
  • Elastique Search
  • AngularJS
  • Fully Responsive
  • High Performance Hosting

Product Website

Das junge Cloud-Server Unternehmen mit Sitz in Köln setzt in seiner Marketing Strategie den Fokus auf die Produktwebseite.
In enger Zusammenarbeit mit dem gridscale Team haben wir Designs und Ideen in eine responsive WordPress Webseite umgesetzt, die dank Cornerstone Frontend Editing super leicht bedienbar ist. Um den Anforderungen an eine vielseitige Produktpräsentation wie auch Marketing Kampagnen gerecht zu werden, wurde das CMS um einige dynamische Spezialmodule erweitert.

Der letzte Relaunch erfolgte 2018. Wir verantworten Monitoring, Tracking und technische (Weiter-)Entwicklung im laufenden Betrieb und unterstützen bei A/B Tests.

Tech Sheet

  • HTML5, CSS3, jQuery
  • CMS Integration: WordPress mit Cornerstone
  • Fully Responsive

Hochzeitsportal

Locations, Hochzeitstorten, Fotografen, DJs… Das Hochzeitsportal Frau Immer & Herr Ewig steht privaten Hochzeitsplanern mit einer großen Auswahl von Locations und Dienstleistern im Raum Köln, Bonn, Düsseldorf und Umgebung zur Seite.

Wir haben 2017 die bereits bestehende Website übernommen und zusammen mit dem Frau Immer & Herr Ewig Team den Relaunch durchgeführt. Neben der Erstellung einer neuen technischen Basis, die mit dem erfolgreichen Portal mitwachsen konnte, waren Mobile First und Responsive Webdesign zentrale Topics für den Relaunch. So wurden die verschiedenen Bereiche der Website neu konzipiert und den Bedürfnissen der Zielgruppe und des Geschäftsmodells angepasst.

Kernfunktion der neuen Site ist der sehr einfach zugängliche Kategorie-Filter. Weitere Unterkategorien und Suchfunktionen sorgen für ein rundes Besuchererlebnis. So kann der User in den 16 verschiedenen Kategorien schnell und einfach den Anbieter finden, der zu den eigenen Wünschen passt.
Abgerundet wird das Angebot von weiteren Bereichen wie dem Blog oder dem Event Kalender.

Tech Sheet

  • TYPO3 Integration
  • Elasticsearch
  • HTML5, CSS3
  • JS, jQuery
  • Fully Responsive

Website mit Radioplayer

Die 1LIVE Website wurde im Zuge der Online-Standardisierung an das WDR-Raster angepasst und in das Content Management System Sophora integriert. Praktischerweise gibt es somit nun auch eine mobile Ausspielung der Seite. Gleichzeitig haben wir das Layout noch einmal etwas entschlackt und modernisiert.

Neu und exklusiv für 1LIVE wurde das Radioplayer Modul entwickelt, welches den Player, die Streams und alle Radio-relevanten Funktionen und Inhalte in einem Modul bündelt, ohne aber wie bisher in einem PopUp angeboten zu werden. Der Radioplayer ist immer am unteren Browserrand angedockt. Hierüber hat der User Zugriff auf die wichtigsten Funktionen. Das Modul kann maximiert werden um zusätzlich Zugriff auf die Playlist und Themen zu erhalten. Um den Blick auf die redaktionellen Inhalte der Seite nicht zu verhindern, kann das Radiomodul minimiert werden.

Tech Sheet

  • Sophora Integration
  • Radioplayer
  • HTML5, CSS3
  • Javascript, jQuery
  • Grunt, SASS

Web Frontend Entwicklung

Mit mehr als 270 Mitarbeitern entwickeln und betreibt Host Europe in Köln zuverlässige Hosting Lösungen mit umfassendem Support und Service – für mehr als 250.000 Privat- und Geschäftskunden.

Auf der neuen Webseite können Besucher seit Anfang 2013 die umfangreiche Produktpalette von Domains und vServern bis hin zu komplexen Managed-Hosting-Lösungen bestellen bzw. anfragen.

In enger Zusammenarbeit mit der internen IT von Host Europe sind wir für die Web Frontend Entwicklung zuständig. Leistungsfähige Programmierung, SEO-freundliche HTML Umsetzung, komplexe Bestellprozesse und ansprechende Layouts sind nur einige Schwerpunkte unserer Tätigkeit.

Die Umsetzung der Webseite erfolgte u.a mit den folgenden Technologien, Librarys und Techniken: HTML5, CSS3, Javascript, jQuery, Grunt, SASS

App Programmierung

Mit mehr als 270 Mitarbeitern entwickeln und betreibt Host Europe in Köln zuverlässige Hosting Lösungen mit umfassendem Support und Service – für mehr als 250.000 Privat- und Geschäftskunden.

Für alle Host Europe Root Server und Dedicated Root Server Kunden, die Ihre Server mobil verwalten und steuern möchten bietet Host Europe seit Anfang 2013 den „Mobile Server Manager“ an. Server starten, stoppen, neustarten und überwachen ist mit dieser App von jedem iOS und Android Endgerät einfach möglich.

Die Umsetzung der App erfolgte u.a mit den folgenden Technologien, Librarys und Techniken:
PHP, HTML5, CSS3, Javascript, jQuery Mobile, Grunt, SASS, REST-APIs, PhoneGap, Web-App

TYPO3 Multi Webseite

Als Fair Trade-Pionier garantiert die GEPA seit mehr als 40 Jahren Transparenz und Glaubwürdigkeit ihrer Arbeit. GEPA handelt als größte europäische Fair Handelsorganisation mit Genossenschaften und sozial engagierten Privatbetrieben aus Lateinamerika, Afrika, Asien und Europa.

Produkte, Neuheiten, Produzenten, Umgebungssuche, Vertriebsstellen, Rezepte, Pressemitteilungen, Informationsmaterialien und vieles mehr kann der Besucher auf der neuen TYPO3 GEPA-Webseite finden. Aufgeteilt in „GEPA für alle“ und „Gepa für Weltläden und Handel“ werden alle Informationen optisch ansprechend und übersichtlich angeboten.

Basierend auf TYPO3 entwickelten wir für die befreundete Kölner Agentur Elastique. GmbH die neue Webseite. Neben der initialen Web Frontend und Backend Entwicklung betreuen wir die TYPO3 Webseite auch während des laufenden Betriebs.

Die Umsetzung der Webseite erfolgte u.a mit den folgenden Technologien, Librarys und Techniken:
PHP, MYSQL, TYPO3 , HTML5, CSS3, Javascript, jQuery, Grunt, SASS, APIs

Responsive WordPress Webseite

Die Condé Nast Manufaktur ist ein Corporate Publishing Anbieter mit Schwerpunkt auf das Premium- und Lifestyle-Segment.

Auf der neuen WordPress Webseite kann der Besucher sich über das Unternehmen, die Mitarbeiter und beispielhafte Projekte der Condé Nast Manufaktur informieren. Die responsive Webseite mit modernen parallax Effekt passt sich dabei ideal auf jede Bildschirmgröße und Endgerät an.

Für die Kölner ui/deation GmbH übernahmen wir bei der Umsetzung der Condé Nast Manufaktur Webseite die Web Frontend und Backend Entwicklung. Ein Schwerpunkt war hier die parallax Umsetzung auch auf mobilen Endgeräten.

Die Umsetzung der Webseite erfolgte u.a mit denfolgenden Technologien, Librarys und Techniken:
PHP, MYSQL, WordPress, HTML5, CSS3, Javascript, jQuery

Android Tablet Web-App

Das 1996 eröffnete Historische Museum der Stadt Luxemburg liegt im Herzen der Altstadt. Eine umfangreiche Dauerausstellung sowie regelmäßig stattfindende Wechselausstellungen machen auf originelle Weise die über tausendjährige Geschichte der Hauptstadt des Großherzogtums begreifbar.

Besucher des Historischen Museums der Stadt Luxenburg können mit Hilfe des Museums-Guides in Form eines Tablets jederzeit Informationen über die Exponate der Ausstellung anfragen. Über an den Exponaten angebracht Codes können die entsprechenden Informationen schnell und übersichtliche aufgerufen werden.

Technisch umgesetzt wurde die von der ui/deation GmbH konzipierte Android App im Frontend mit HTML5, CSS3 und Javascript. Die teilweise mehrsprachige Dateneingabe erfolgt durch den Kunden selber bequem über ein von uns speziell angepasstes TYPO3. Regelmäßige automatische Sync-Prozesse garantieren einem immer aktuellen Datenbestand der Android Tablets, welche nach erfolgreicher Synchronisation auch Offline zu verwenden sind.

Die Umsetzung der App erfolgte u.a mit den folgenden Technologien, Librarys und Techniken:
PHP, MYSQL, TYPO3 , HTML5, CSS3, Javascript, jQuery Mobile, PhoneGap

Google Maps Web-Applikation

In einem gemeinsamen Projekt des Historischen Museums der Stadt Luxemburg und dem Nationalarchiv Luxemburgs kann historisches Kartenmaterial mit dem aktuellen Stadtbild verglichen werden.

Mit Hilfe von exakt über Google Maps platzierte historische Stadtpläne hat der Besucher die Möglichkeit, historischer Stadtpläne mit aktuellen Satellitenbilder zu vergleichen. Durch frei wählbare Transparenz-Stufen kann die Genauigkeit dieser Karte beeindruckend verglichen werden.

Für die ui/deation GmbH übernahmen wir die technische Umsetzung sowohl der Frontend Programmierung, wie auch eines Backends basierend auf TYPO3 zur mehrsprachigen Datenerfassung. Historische Stadtpläne, Bilder und Videos werden mittels Google Maps Api exakt auf der Karte platziert.

Die Umsetzung der Web-App erfolgte u.a mit den folgenden Technologien, Librarys und Techniken:
PHP, MYSQL, TYPO3, HTML5, CSS3, Javascript, jQuery, Google Maps API