Modernes Webdesign - Creative Work bei eifel-online
Präzise Unternehmenspräsentation
Ein Unternehmen möchte nach außen beständig, geschlossen und damit glaubhaft auftreten. Zu einem guten Image leistet ein schlüssiges und konsistentes Erscheinungsbild einen wichtigen Beitrag. Unsere Aufgabe ist es, das Profil sowie die Inhalte und Werte Ihres Unternehmens ins Web zu transportieren und sie dort mediengerecht zu präsentieren.
- Beispiel einer Sitemap, die die funktionalen Bereiche einer Website erfasst und strukturiert
Strukturiertes Arbeiten und kreatives Schaffen sind keine Gegensätze
Konzipieren und Planen steht vor jedem grafischen Entwurf. Die kreative Arbeit fängt beim Briefing an. Denn ganz genau zu wissen, was unsere Kunden wollen und brauchen, befähigt uns, kreative und effektive Lösungen zu schaffen.
- Beispiel für ein Wireframe
Wireframes sind Pflichtprogramm
Nach oder während der Pflichtenhefterstellung konzipieren wir sogenannte Wireframes. Diese Drahtgitter-Modelle visualisieren das grobe Seitenlayout. Als grobe, relativ schnell zu erstellende Skizzen der späteren Webseiten dienen Wireframes der genauen Abstimmung über die Funktionsweise und den Aufbau der Seiten. Sie zeigen, wie die Inhalte und Funktionen auf der Seite angeordnet werden und welchen Raum sie einnehmen. In der Regel wird zu den wesentlichen Seitentypen der Website je ein Wireframe erstellt: Startseite, Rubriköffnerseite und Detailseite. Bei komplexen Webportalen oder Webanwendungen erstellen wir zu allen für den Ablauf und die User Experience wichtigen Seiten ein Wireframe.
- Beispiel für ein Screen Design
Screen Designs hauchen Leben ein
Erst danach geht es an das Feinlayout und die grafische Ausarbeitung der Screen Designs. Screen Designs sind eine Sammlung von Bildern, die das Aussehen der fertigen Website wiedergeben. Da die Website den Content später dynamisch anzeigt, können die Screen Designs nur exemplarisch die Ausgabe von Inhalten darstellen. Damit ist jedoch auch die Anforderung verbunden, dass das Design eine Anpassung an verschiedenste Arten von Änderungen, Varianten und Wachstum der Inhalte zulässt.
Einerseits sollen die Screen Designs einen Überblick über die User Experience vermitteln, andererseits kann aber nicht jede einzelne Seite als Ansicht aufbereitet werden.
Daher werden ähnlich wie bei den Wireframes auch hier nur die Schlüsselseiten in Photoshop erstellt, z.B. für die Startseite, eine der Rubriköffnerseiten sowie eine Detailseite.
Online Styleguide
Ein Online Styleguide definiert alle optischen wiederkehrenden Elemente einer Website (oder auch der gesamten Online-Kommunikation eines Unternehmens). Im Styleguide werden mögliche Layouts, Navigationen, Schriften, Farben, Abstände uns sonstige grafische Elemente definiert. Diese Anleitung unterstützt sowohl die Webentwickler als auch die späteren Redakteuren bei ihrer Arbeit und gewährleistet einen konsistenten Umgang mit Inhalten und optischen Elementen, was zu einem stimmigen und nutzerfreundlichen Gesamtbild führt.
