Produktion und Gestaltung interaktiver Medien

Die Website ist für ein bestehendes kanadisches Unternehmen, die kanadische Pferde, eine spezielle Rasse züchten und verkaufen. 

Zielsetzung

Ziel der Website ist, dass ein ansprechendes Layout erstellt wird. Jedoch sollte das Design nicht vom Inhalt ablenken, sondern lediglich als Unterstützung dienen. Das Layout soll den Kunden aktivieren und zur Tat bzw. zum Kauf anregen. Daher ist es besonders wichtig, dass der Kunde auf einen Blick sieht worum es sich auf dieser Website handelt. Die Schrift sollte nicht zu klein und leicht leserlich sein und die Website sollte durch anregende Bilder unterstützt werden.

Zielgruppe

Die Zielgruppe sind begeisterte Reiter/innen aller Altersklassen, die ein verlässliches Freizeitpferd oder Turnierpferd kaufen wollen oder die sich der Herausforderung eines jungen Pferdes stellen wollen.

Interface Design

Aufbau

Der Aufbau sollte auf jeder Seite gleich sein. Der Header besteht aus den wichtigsten Informationen, wie der Überschrift mit dem Namen der Farm "Canadian Hay Ranch", mit einem Link zu Kontaktinformationen und einer Telefonnummer. Darunter befindet sich jeweils passend zur jeweiligen Webseite ein ansprechendes Bild.

Navigation

Horizontale Menüleiste

Seitenaufbau

Home, Sale Barn, About Canadian Horses, Contact

Das Impressum ist am Seitenende zu finden.

Home Inhalt

Der Inhalt der Homeseite bezieht sich auf die Tätigkeit des Unternehmens. Vier Fragen sollten auf einmal beantwortet werden. 

1. Worum handelt es sich auf dieser Website? - um einen Züchter von kanadischen Pferden (Canadian Horse Breeders)
2. Wo befindet sich dieser Züchter? - in Cremona, AB (Alberta), Canada
3. Welche Pferde Altersklassen werden verkauft? - alle Altersklassen  (all ages)
4. Wie kann der Züchter kontaktiert werden? - Link zu Kontaktinformationen

Sale Barn Inhalt

Auf der Seite Sale Barn sind 6 Pferde gelistet mit jeweils zwei Bilder (Kopf und Pferd von der Seite) und den wichtigsten Informationen. Jeweils pro Pferd gibt es die Möglichkeit auf weitere Informationen zu klicken. Dann werden weitere Bilder, ein Video und ein ausführlicher Text von dem Pferd gezeigt. Auf dieser Seite hat der User auch die Möglichkeit durch einen Link zu den Detailinformationen des nächsten Pferdes zu kommen oder zurück zur Gesamtübersicht zu navigieren.  

Designfarbe

• #0dd2b18
• #9d9d9d
• #f2f2f2
• #ffffff

Text

Dunkelgrau (#727070); Arial 16 Punkt

Links

Um weitere Details und Hintergründe des Konzepts zu erhalten verweise ich:

1. auf die Marketingstrategie des Unternehmens und 
2. auf die Hintergrundinformationen zum Aufbau der Website.

Websiteentwürfe:

Designentwurf der Website: Final Design

Vorherige Entwürfe: Website Photoshop Entwürfe

Videoprotokoll:

Drehbuch zum Video: Drehbuch

Ursprüngliches Videoprotokoll: das erste Videoprotokoll

Eingebaute Video auf der Website: Verkaufsvideo

Link zur Website: Canadian Hay Ranch