Kita-Navigator – Illustratives Responsive Design

Für die ITK-Rheinland haben wir das illustrative Responsive Design des »Kita-Navigators« entwickelt. Da das Produkt für verschiedene Städte zum Einsatz kommt, kann das Layout individualisiert werden.

Leistungen

Projektzeitraum

2013

Unsere Aufgabe

Die ITK Rheinland suche eine Agentur zur Gestaltung und Umsetzung des Layouts für ihr neues Digitalprodukt »Kita Navigator«. Wichtig war neben handgezeichneten Illustrationen ein stufenloses Responsive Design. Darüber hinaus sollte sich das Layout an verschiedene Städte anpassen lassen.

Ziel waren Frontend-Templates, in die die ITK Rheinland selbstständig das selbstentwickelte CMS implementieren konnte.

Ausdrucksstarke Illustrationen

Gestalterisch bestand die Herausforderung darin, einen grafischen Stil zu finden, der ansprechend ist und sich mit wenig Aufwand technisch umsetzen lässt. Auch die Optimierung der Website für hochauflösende Displays und die spätere Kombination von gezeichneten und Code-generierten Grafiken musste von Beginn an bedacht werden.

Das passende Layout für jede Stadt

Um mit geringem Aufwand das Layout an die jeweilige Region anzupassen, lässt sich die Skyline austauschen. In Kombination mit dem Begrüßungstext ergibt sich so ein charakteristischer Look, passend für jede Stadt. Als zusätzliche Individualisierungsmöglichkeit war auch das Trikot des Fußballers im Gespräch – wurde dann aber verworfen.

»Mobile First« Prototyping

Aus konzeptioneller und technischer Sicht bestand die größte Herausforderung darin, die umfangreichen Inhalte auf kleinen Displays übersichtlich abzubilden. Das Projekt wurde daher nach dem »Mobile First«-Konzept umgesetzt: Im ersten Schritt wurde ein technischer Prototyp der Smartphone-Version entwickelt. Nachdem sichergestellt war, dass in dieser Version alles wie gewünscht funktioniert, wurde der Prototyp um die Ansichten größerer Displays erweitert. Im letzten Schritt wurde der Prototyp gestaltet.