Fotomotiv: Bei der Arbeit

Website für das erfolgreiche IT-Unternehmen Cologne Intelligence

Das Kölner IT-Unternehmen Cologne Intelligence entwickelt intelligente Software-Lösungen, die den Bedürfnissen seiner Kunden auf den Leib geschneidert sind. Dabei stellt die Webpräsenz des Unternehmens ein wichtiges Kommunikationsmittel dar.

Die Aufgabe

Neben der Professionalisierung des Erscheinungsbildes wird eine responsive Website benötigt, welche zum einen durch den Kunden einfach zu pflegen ist und sich zum anderen auf den unterschiedlichsten mobilen Endgeräten bedienen lässt. Darüber hinaus sollen dem Besucher die neu eingeführten Submarken vorgestellt werden. 

Die Lösung

Wir konzipieren auf Basis des von uns erstellten Corporate Designs eine zeitgemäße Webpräsenz, welche die Werte des Unternehmens verkörpert. Aufgrund der komplexen Seiteninhalte haben wir ein leicht verständliches Navigationskonzept entwickelt, was auch von jeder Submarke übernommen wird. So erhält zum Beispiel jede Submarke eine eigene Landingpage mit separaten Themenschwerpunkten, um zielgerichtet Inhalte zu vermitteln.

Die Umsetzung

Ein TYPO3 CMS ist bei der Komplexität der Seitenstruktur das Mittel der Wahl. Da mehrere Mitarbeiter unterschiedliche Bereiche des Internetauftritts pflegen, werden verschiedene Nutzergruppen im Login-Bereich eingerichtet. So ist der Inhalt der Seite für die einzelnen Web-Redakteure schnell und einfach editierbar. Die gesamte Nutzeroberfläche ist in HTML5 und CSS3 realisiert worden und auch auf mobile Endgeräte abgestimmt.

Internetauftritt von Cologne Intelligence auf großem Display
Aufbau eines Cases auf der Website von Cologne Intelligence
Eigene UI-Elemente für die Projektseiten auf der Cologne Intelligen Website

Alle Layouts werden für die verschiedenen Endgeräte entwickelt. So entstehen Corporate Sites der Submarken für Desktops, Laptops, Tablets und Smartphones. Diese werden auf unserem eigenen Entwicklungsserver getestet und Inhalte regelmäßig neu eingestellt.

Layout der Cologne Intelligence Startseite einmal mit und ohne Text
Die Cologne Intelligence Website passt sich verschiedenen Auflösungen an
Bildschirm zeigt immer nur einen Teil des Inhaltes
Verschiedene Seiten-Ansichten auf einem Tablet
Konzeptzeichnung des Cologne Intelligence Website Layouts
Eingefärbte Layout Konzeptzeichnungen

Noch vor dem Wireframing kommen das Brainstorming und der darauffolgende Entwurf auf Papier, bevor wir im nächsten Schritt digital werden.

Nahaufnahme der Konzeptzeichnungen der neuen Website
Mock-Up der Cologne Intelligence Website auf einem Tablet

Bitte nutzen Sie einen moderneren Browser.