Crossmedia Grundlagen WS 2011/12

Lehrveranstaltung FH Trier Intermedia Design

ProTec SafeSkating App

Die ProTec App soll Benutzern ermöglichen sich schnellst möglich über sichere und gute Orte zum Skaten zu informieren.
Genauso schnell lässt sie den Benutzer sehen, welche Orte zum Skaten ganz und gar nicht geeignet sind.
Diese Datenbank erweitert sich durch das Mitwirken und Bewerten der Nutzer.

Beispielscreens: (oben: alte screens; unten: neue screens)

von links nach rechts: Anzeige der sicheren Orte ; Anzeige der unsicheren Orte ; Bewertung durch den Benutzer ; Suchfunktion um Orte zu finden

App Wireframes: Pro-Tec Safe-Skating

Hier die Wireframes für das App für Pro-Tec.
Es geht darum die sicheresten Skating Locations in der Umgebung zu finden, selbst Bewertungen abzugeben und unsichere Locations zu markieren.
Wireframes

Die Umgebung wird auf einer Straßenkarte angezeigt und die Skateparks und andere Orte zum Skaten, die sich in der Nähe befinden, werden angezeigt.

Wird einer der Orte angewählt, öffnet sich ein Fenster, in dem eine Bewertung steht. Der Benutzer hat nun selbst die Möglichkeit eine Bewertung für den Ort abzugeben.

Im unteren Menü kann man auch die Dangerous Spots anschalten. Die Dangerous Spots also die Orte, an denen man nicht skaten sollte, werden in einer anderen farbe als die Safe Spots angezeigt.

Wieder kann man die Bewertung einsehen und selbst bewerten. Zudem wird das Kommentar vom Benutzer angezeigt, der den Dangerous Spot entdeckt hat.

Ganz oben im Menü lässt sich der angegebene Ort durch Texteingabe ändern.

Der unterste Button lässt den Benutzer den momentanen Ort als Dangerous Spot markieren und ein Kommentar schreiben.

Layouts Pro-Tec

Hier die 3 Layouts, die ich für die Landing Page für Pro-Tec entworfen habe.
Ich habe versucht sie dem Stil der Seite anzupassen.
Layouts

02 Aufgabe: Raster entwickeln – Entwurf – Adrian Damerow

Raster für Pro-Tec

habe mich an den vorhandenen bildformaten (150×200) orientiert
Raster

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