Crossmedia Grundlagen WS 2011/12 » tobiaszimmer

tobiaszimmer — Thu, 01 Mar 2012 19:58:59 +0000

Hier drei Screens der App. Auf dem Plakat ist noch eine etwas erweiterte Variante zu sehen.

04 Aufgabe: iPhone App als Wireframes – Pro-Tec-Crash – Tobias Zimmer

tobiaszimmer — Sun, 18 Dec 2011 20:45:39 +0000

Meine App greift das Crash Thema unserer Landingpage auf, und ermöglicht es dem User seine Crash hochzuladen. Er kann ein Video und eine Beschreibung hochladen, sowie die Verletzungne die er beim Unfall erlitten hat. Hierzu gibt es eine Silouhette auf welcher er die verletzten stellen rot markieren kann. Bei einem Klick auf diese wird weitergeleitet zu einem Bild und einer Beschreibung der Verletzung. Die Silouhette lässt sich für einzelne Unfälle sowie auch für alle Unfälle auf einmal anzeigen. Umso röter die Silouhette wird, umso mehr “Trophäen” hat der Benutzer gesammelt. Evtl könnte man verschiedene Verletzungen als Achievement honorieren.

Der User hat in der Community die Möglichkeit die Verletzungen seiner Freunde anzusehen.

03 Aufgabe: Layouts gestalten – Pro-Tec – Tobias Zimmer

tobiaszimmer — Sun, 18 Dec 2011 20:36:13 +0000

Auf unserer Landingpage werden Interviews mit Sportlern über ihre Crashs gezeigt. Hauptsächlich durch Videos. Das eingebettete Video steht in jedem Layout im Vordergrund. In den drei LAyouts habe ich verschieden Anordnungen der Crash/Sportler Auswahl sowie der Videobeschreibung ausprobiert. Im dritten Layout steht an erster Stelle ein Text, zur Einführung in die Seite.

Eine digitale Version folgt.

01 Aufgabe: Themenfindung Landingpage Pro-Tec

tobiaszimmer — Tue, 29 Nov 2011 12:06:34 +0000

Unsere Gruppe (Timo, Adrian, Tobias) hat sich für die Firma Pro-Tec entschieden, ein Hersteller von Schutzkleidung für Extremsport.

Unser Thema ist: Wie schütze ich mich am besten beim Skaten/Biken/Boarden.

Unser Haupt-Content sind Interviews mit bekannten Sportlern die über Unfälle, Stürze und Verletzungen berichten, und wie die Schutzkleidung von Pro-Tec sie vor dem schlimmsten bewahrt hat. Diese Berichte sind in erster Linie Videos (YouTube Channel), sie sind aber auch nochmal in der Beschreibung geneauer nachzulesen. Schematische Zeichnungen von Schutzkleidung und Anatomie verdeutlichen die Schutzwirkung von Pro-Tec.

Die Seitenbesucher sind aufgefordert ihre eigenen Crash Geschichten hochzuladen und somit ein eigenes Profil zu erstellen. Ausgewählte Crashs können auf der Landingpage gefeatured werden.

Eine weitere Idee ist Workshops anzubieten, zum Beispiel auf Contests oder anderen Events, die vorranging jüngeren Sportlern beizubringen wie wichtig Schutzkleidung ist und wie sie sich am besten schützen. Auf der Landingpage wird darüber berichtet, und man kann Termine für Workshops nachsehen.

02 Aufgabe: Raster entwickeln – Entwurf – Tobias Zimmer

tobiaszimmer — Fri, 25 Nov 2011 09:46:25 +0000

Ich habe ein quadratisches Raster erstellt, da auf der Seite von Pro-Tec sowieso fast nur quadratische Bilder zu sehen sind. Die Quadrate haben eine Größe von 50×50 px, die Abstandshalter sind 10px breit. Für Fließtext entsteht so eine Schriftgröße von 10px mit 10px Zeilenabstand.