Crossmedia Grundlagen WS 2011/12

Lehrveranstaltung FH Trier Intermedia Design

Artikel der Kategorie 03 Aufgabe: Layouts gestalten

Aufgabe 3

Layout 1 Layout 2 Layout 3

Landingpage-Layout Asics

Hier meine Landingpages

1.Entwurf

2. Entwurf

3.Entwurf

Aufgabe 3: Layout gestalten

Landingpage

Layout 1

Layout 2

Layout 3

Layout 3 mit Raster

Chongbin Nie – 03 Aufgabe: Landingpage Layouts gestalten

Landingpage 1.

Landingpage 1. + Gitter

Landingpage 2.

Landingpage 2. +Gitter

Landingpage 3.

Landingpage 3. +Gitter

….

Layouts Roxy

Die Layouts entsprechen auch dem ROXY Design, damit der Zusammenhang schnell klar wird.

Roxy layout1
Roxy layout2
Roxy layout3

Landingpages zum Thema “Wie werde ich Tennisprofi” mit HEAD

Überarbeitetes Layout

Altes Layout 1

Altes Layout 2

Hier 2 alte und ein neues, überarbeitetes Layout für eine HEAD Landingpage zum Thema “Wie werde ich Tennisprofi”. Alle drei basieren auf dem Raster aus Aufgabe 2 und legen besonderen Wert auf Gesundheit, Fitness, die Technologie von HEAD und auf die Suche nach dem Schläger, der exakt zu dem jeweiligen Spielertypen passt.

3. Aufgabe: Layouts gestalten

Aufbauend auf meinem zuvor selbst erstellten Raster, habe ich mich an drei unterschiedlichen Layouts der Landingpage versucht.

Es war für mich wichtig das aktuelle Programm der Marke, What’s your Game?, das auch zu unserem Thema “Wie werde ich Tennis-Profi?” passt, an oberster Stelle zu platzieren. Ungünstig hierfür waren die vier Spalten meines Rasters, wo die Kampagne sich allerdings um fünf Stile dreht.

Beim ersten Layout habe ich den neusten Stil noch rausgelassen, da die Kampagne bis vor Kurzem noch mit nur vier Stile hatte und der fünfte noch ganz neu ist. Es war auch schwer an Bildmaterial für eben diesen Stil heranzukommen.

Layout 01 (3-seitige PDF, inkl. Raster)

Dem Hauptprogramm der Marke folgen die für unser Thema “Wie werde ich Tennis-Profi?” die besonders wichtigen Bereiche Fitness und Gesundheit. Direkt neben den großen Überschriften der Bereiche finden sich weiterführende Links, die das entsprechende Thema, das den Besucher interessiert näher beleuchten.

Ebenfalls sehr wichtig zum Verbessern im Sport ist die Community, die ebenfalls in allen Layouts weit oben ihren Platz gefunden hat.

Layout 02 (3-seitige PDF, inkl. Raster)

Beim zweiten Layout habe ich die Darstellung der fünf Stile in die Vertikale gebracht, womit nun alle sauber und passend zum Gesamtbild abgebildet sind.

Erst am unteren Ende findet sich der bei HEAD heutzutage stark vertretene, für das Thema aber nebensächliche, Shop-Bereich. Unter Equipment sieht man die von HEAD vertretenen Produkte nebeneinander aufgereiht und über weiterführende Links erreichbar.

Direkt darunter finden sich die Technologie-Informationen, die  das jeweils darüber liegende Produkt näher beleuchten.

Layout 03 (3-seitige PDF, inkl. Raster)

Die in Layout 03 verwendeten Tennisspieler-Vektorgrafiken im Hintergrund stammen von hier.

Alle anderen Grafiken sind entweder selbst entworfen oder Eigentum von HEAD.

Layouts ProTouch

Layout1

Layout2

Layout3

Hier meine 3 Layouts für die Page ProTouch (“Kampfsport und Selbstverteidigung”)

Kursinfo

Aufgabe des Kurses Grundlagen Crossmedia & Integrierte Kommunikation ist es, sich mit dem Thema crossmedialer Markenführung auseinanderzusetzen und ein eigenes kleines Entwurfsprojekt zu durchlaufen. mehr erfahren

Archive

Meta