Sabine Haag, Diplom-Designerin (FH), Kommunikationsdesign | Webdesign München
zurück zur Übersicht
vorheriges Beispiel
nächstes BeispielProjektbeispiel im Webdesign 2010
Branche: Internetshop für Hunde- und Katzennahrung
Anforderung an die Webseitengestaltung
Das Ladengeschäft Hunde- und KatzenOase in München erweitert seinen Verkauf aufs Internet und mietet sich einen vorgefertigten Shop als CATandDOG-Internetshop. Ein Weblogo wird benötigt, zum Einbau in den Kopfbereich der Seite. Zunächst bietet der Mietshop eine große Auswahl an Templates. Hier gilt es, eine geeignete Vorlage zu wählen und das gewünschte Logo grafisch anzupassen. Es sollte zudem einen Bezug zum bestehenden Logo der Hunde- und KatzenOase hergestellt werden. Die Vorliebe fällt auf eine knallige Designvorlage.
Bestandsaufnahme und Umsetzung
Zunächst muss ich mich mit dem Administrationsbereich des Mietshops vertraut machen, und die Gestaltungsmöglichkeiten erfahren. Diese sind sehr eingeschränkt. Man kann ein vorgefertigtes Template auswählen. Die individuelle Veränderungmöglichkeit besteht im Einfügen von Bildern im Header. Wie sich herausstellt, wird das bestehende Hintergrundbild aus der Vorlage durch das eigene hochgeladene Bild ersetzt. Das Hintergrund-Design (in diesem Fall ein glossy Farbverlauf) verschwindet und muss neu erstellt und zusammen mit dem Logo eingefügt werden.
Grafische Aufbereitung
Der Kopfbereich teilt sich in 3 Teile, wobei der linke und rechte Bereich feststehend sind (nach Breite des eigenen Bildes) und der Mittelteil sich mit der Bildschirmbreite skaliert. Wir entscheiden uns klassisch, das Logo mit einem Slogan auf die linke Seite zu platzieren. Das gewählte Template ist rot-glossy, entsprechend wird das Logo "CATandDOG" in der Schrift der Hunde- und KatzenOase erstellt. Im rechten Bereich wird die Hunde- und Katzengrafik des Ladengeschäfts eingefügt. Das war es dann auch schon.
Zeitfenster und Verlauf
Die Erstellung des Logos und der Grafiken mit Entwurf, Besprechung, Änderung und Abnahme ist innerhalb von 4 Wochen abgewickelt. Als nächstes steht die inhaltliche und semantische Struktur der Seite an, insbesondere die Gestaltung der Startseite mit Text und Bild.
Der Header steht, die Seite muss grundlegend auf Inhalt, Struktur und SEO überarbeitet werden.