Webdesign mit Kirby CMS

• Entwicklung Webdesign
• Inhaltliches und Grafisches Konzept Web
• Bildkonzeption
• Responsive Webdesign
• Umsetzung mit Kirby CMS

Die arg in die Jahre gekommene und zuvor nie professionell gestaltete Website des Unternehmens sollte relaunched werden. Das Projekt sollte "schlank" werden, um günstige Entwicklungskosten für das Design sowie für die Backend-Technologie zu erreichen.

Pixel Melange entwickelte dafür ein Konzept für das Erscheinungsbild im Internet, das einem komplett neuen Corporate Design entspricht - neue Farben, moderne Typografie, neue Headerbilder, alles natürlich responsive und barrierearm.

Webdesign

Das Design der Website ist schlicht und modern. Drei kleine Fotomotive über einem Hauptmotiv auf der Startseite machen auf die Kernkompetenzen des Unternehmens aufmerksam. Diese Motive werden auf den Unterseiten als "Fenster" für einen Parallax-Effekt genutzt – ein Eye-Catcher: Durch den "Parallax-Effekt" schieben sich die einzelnen Elemente der Website elegant wie durch drei Passepartouts ineinander. Die Navigation bleibt beim nach unten Scrollen am linken oberen Rand fixiert. Diese durch Javascript gesteuerten Interface-Features werden auf Tablet- und Mobilgeräten abgeschaltet, um Probleme beim Scrollen mit den Touch-Panels zu vermeiden und den Platz für Inhalte auf kleinen Bildschirmen zu maximieren.

Hausschrift im Web ist "Museo Sans" - eine Sans Serif Schrift mit Open Font License, die für eine optimale Darstellung auf hochauflösenden Bildschirmen ausgelegt ist und durch ihren Minimalismus die Schlichtheit des Gesamt-Designs unterstreicht.

Kirby CMS 

Technische Basis für das Projekt liefert das CMS "Kirby". Es ist klein, schnell, leichtgewichtig und ermöglicht einen extrem kostengünstigen Betrieb der Website. Größere CMS wie TYPO3, Drupal oder Wordpress müssen technisch wesentlich aufwändiger gewartet und permanent auf Stand gehalten werden. Kirby CMS kommt komplett ohne Datenbank aus. Die Texte liegen auf dem Server als Text-Dateien vor, dennoch gibt es ein äußerst benutzerfreundliches Backend zur Bearbeitung der Texte und zum Hochladen von Bildern. 

Das Kirby-Backend ist dabei ebenso responsive wie die Website selbst - die Bedienung des Redaktionsinterfaces ist ein Kinderspiel und ebenso für Tablet- und Mobilgeräte optimiert.

Responsive Webdesign

Das Frontend, also die Website, wurde State of the Art umgesetzt: Responsive Webdesign passt sich allen modernen Ausgabegeräten an: Sei es Mobiltelefon, Tablet oder "Phablet", auf jeder Bildschirmgröße wird ein optimales Benutzerinterface zur Verfügung gestellt. Eine grundlegend barrierearme Gestaltung und Umsetzung ist bei Pixel Melange Standard: Schriften sind beispielsweise ohne Überlagerung vergrößerbar und schon in der Standardeinstellung in "ordentlicher" Größe, Die Website ist tastaturbedienbar, semantisch korrekt in HTML5 aufgebaut, die Seiten sind grundsätzlich für Endgeräte wie Screenreader zugänglich.