Crossmedia Grundlagen WS 2011/12

Lehrveranstaltung FH Trier Intermedia Design

Layout HEAD

Hier das Layout zur LandingPage HEAD – Wie werde ich Tennisprofi?

Aufgabe 4

http://sport.crossmedia-integrierte-kommunikation.de/?p=1340

Landingpage und Mockup Joe

> Die überarbeitete Landingpage <

> Mockup <

3 Layouts

Hier meine 3 Layouts zum Raster

App zur landing page

Dies ist eine App zur Funktionserweiterung der Landing Page “Jack Wolfskin-ice climbing”.

Es ist ein Wanderungsplaner, der Übersicht über die Route, die bereits zurückgelegte Strecke, den allgemeinen Charakter der Strecke mit aktuellem Standort und Pausenübersicht+Empfehlungen geben soll. Desweiteren ist ein “save me” Button entlten, sollte man einen Unfall gehabt haben oder nicht mehr dazu in der Lage ist, die Strecke körperlich fortzuführen. Es wird dabei sofort eine Nachricht mit aktuellem Standort an den nächsten Bergrettungsdienst gesandt.

Auf der Hauptseite kann man in grober Übersicht sehen, wie viele Pausen man schon gemacht hat und wie lange diese gedauert haben- per Klick wird  der damalige Standort angezeigt. Außerdem eine Miniansicht der Route, in der der bereits bewältigte Weg mitverfolgt wird und ein Erfolgsbutton der in Prozent denzurückgelegten Weg anzeigt. Sowie der bereits erwähnte “saveme”-Button.

Klickt man auf die Route, wird diese in groß angezeigt mit zoomfunktion, damit man spezielle Orte und Eigenschaften der Route suchen kann, inklusive Standort anzeige und Wegverfolgung.

Beim klicken auf den Text neben den Pausen wird eine Graphic angezeigt die den Schwierigkeitsgrad der Route darstellt mit Standor und Empfehlung, wann die nächste Pause am besten erfolgn sollte.

Somit soll diese App helfen, den Überblick über seine Wanderroute zu bewahren und sie mit der best möglichen Effizienz zu bewältigen.

Wander-App

Smartphone App Protec

Smartphone App

Ich habe versucht die Idee der landing page für die Firma Protec mit scribbles darzustellen. Hierbei hat man Zugriff auf sein Profil, Videos der Profisportler, Termine für Events und Videos der Community, welche kommentiert und bewertet werden können.

Protec Landingpage Layouts

Layout 1

Layout 2

Layout 3

Ich habe einige Elemente der Original Protec Landing page in mein Raster eingefügt und jeweils einen Mediaplayer mit Videos der Profisportler hinzugefügt. Schließlich habe ich die Elemente verschieden arrangiert, einige Elemente weggelassen oder hinzugefügt.

02 Aufgabe – Raster erstellen

Raster Link

Beim Raster wollte ich ein Grundlinienraster festlegen, in das eine Schriftgröße 14 passt. Dabei haben hat die Schrift einen Zeilenabstand von 6 Pixeln. Das Raster hat eine Gesamtbreite von 960 Pixel und wobei die Höhe je nach belieben verändert werden kann. Ein 4:3 Bildformat kann eingefügt werden.

Dc Shoes Landing-Page Entwurf (wip)

Finaler Landing-Page Entwurf für die Marke “DC-Shoes”
Thema: “Wie werde ich extremer” Prozess: (working in progress)
Anmerkung: das blau hinterlegte Bild oben soll einen Mouseover-effekt simulieren/darstellen
“die vorherigen Entwürfe werde ich auch noch hochladen”

Dc Shoes Landingpage

iPhone_App Elisa Wireframes

Bei meiner App soll es um eine mobile Anwendung zur Selbstverteidigung gehen.

Die Menüseite zeigt die Hauptfunktionen, einfach,schnell und funktional …

Menü

Im Übungsmodus sollen kurz die häufigsten und effektivsten “Griffe”/”Schritte” dargestellt werden. Damit man sich die Übungen ins Gedächtnis ruft.

Übungsmodus

Die Standortfunktion ermittelt via GPRS den Standort und warnt gegebenenfalls, wenn die Gegend als unsicher eingeschätzt werden sollte. Dies wird zum Beispiel, durch schon gemeldete Überfälle, oder ähnliches ermittelt.

Standort

Weiterhin gibt es einen integrierten Notfallbutton, der automatisch die GPRS Daten an die nächste Polizeistation übermittelt.

Notruf

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