Crossmedia Grundlagen WS 2011/12

Lehrveranstaltung FH Trier Intermedia Design

Artikel der Kategorie 04 Aufgabe: iPhone App als Wireframes

iPhone UI Kit

Asics App. Startseite iPhone User Interface mit UI Kit

4. Aufgabe: iPhone Wireframes (asics.com)

Viewpoints der Asics App./Webapp. Die Mockups dienen als erste Visualisierung der geplanten features.

Auswahl zwischen normaler Webseite und mobiler Seite

Startseite (globale Landingpage) der App.

Suche der App. mit Vorschlägen und Visualisierung der Suchergebnisse

Kartenansicht. Welche Stores sind in der nähe?

Patagonia App re2ce

re2ce2

Patagonia App red2ce

re2ce1

04 Aufgabe: iPhone App als Wireframes

Angelehnt an das Jack Wolfskin betreffende Thema “Extremsport Iceclimbing”, beschäftigt sich meine App mit der Planung und Vorbereitung einer Iceclimbing-Tour. Besonders effektiv wird es, wenn man den Austausch mit anderen Nutzern sucht und so mit Gleichgesinnten zusammen auf tour gehen oder sich beraten lassen kann. Die App ist ideal geeignet um eine für sich passende Route zu finden bzw. selbst zu erstellen und einen Überblick über die Planung und Vorbereitung zu behalten. Besonders für Einsteiger, aber auch für Fortgeschrittene ansprechend.

Meine App – Mockups.

MockUps HEAD+

Hier meine Entwürfe der MockUps für HEAD+

Aufgabe 4

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

Landingpage und Mockup Joe

> Die überarbeitete Landingpage <

> Mockup <

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.

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