Für den IK Produktion und Gestaltung interaktiver Medien habe ich im Zuge der Vorbereitung wie im Willkommensbeitrag gefordert zwei Themenvorschläge ausgearbeitet.  

Vorschlag 1 - Restaurant KRAFTSTOFF

Corporate Identity & Zielgruppe

Die Website soll das fiktives Nischenrestaurant KRAFTSTOFF am Hauptplatz in Linz präsentieren. Es handelt sich hierbei um ein veganes Restaurant, das Kraftnahrung in großen Portionen anbietet und dadurch die vermutet unmischbaren Bereiche der Arbeiter- und Kraftsportlerkultur mit dem der veganen Ernährungsweise verbindet. 

Zielgruppe dieser Website bzw. des Restaurants sind vorwiegend Kultur- und Ernährungsbewusste mit Vorliebe für Themenrestaurants. Während die Website zwar eine Nähe zur Arbeiterschaft suggeriert, wird diese Schicht durch die Botschaft der Seite nicht direkt angesprochen. Viel mehr soll ein Image eines Lokals, zu dem man auch klassische und veganskeptische Allesesser bzw. fleischverliebte Sportler einladen kann.

Farblich gestaltet sich die Website zwar farblich sachlich und schwarz-weiß, d.h. sie beinhaltet nur wenige Farbtupfer. Diese sollen jedoch wohlplatziert sein und dazu verwendet werden, den User auf bestimmte Dinge (z.B: Buttons für soziale Netzwerke) aufmerksam zu machen. 

Aus diesem Grund habe ich mich für drei Logoansätze entschieden:

A	B	C

Zu allen drei Logos kann behauptet werden, dass hier vordergründig die Einfachheit im Vordergrund steht. Der Name des Restaurants wird prominent dargestellt, auf schnörkel- und glanzvolle Darstellung wird bewusst verzichtet.

In Logo A wird das grüne X zum Erkennungsmerkmal stilisiert. Das X soll den Stilbruch verdeutlichen, zwei unterschiedliche Ansichten kreuzen sich. Des Weiteren existiert hier eine Verbindung zur Urbankulturbewegung Straight Edge, deren Anhänger neben dem Verzicht auf Alkohol, Drogen und Nikotin auch teilweise den Veganismus hinzurechnen. Das X ist hierbei eine Art Markenzeichen für die Bewegung.

In Logo B wird auf eine bildnerische Darstellung verzichtet. Hier steht der Leitspruch im Vordergrund. Das blaue "Stoff" erklärt sich durch die Verbundenheit zur Arbeiterschaft und Linz und soll entfernt an das Logo der voestalpine erinnern.

In Logo C wird auf Brennstoffe angespielt. Kraftstoffe sind Brennstoffe, deren "chemische Energie durch Verbrennung in Verbrennungskraftmaschinen (...) in Antriebskraft umgewandelt wird." ¹ Auch hier findet der weßblaue Schriftzug Verwendung. 

Die Nutzung ist für Standgeräte und Tablets vorgesehen. 

Designkonzept & Medieneinsatz

Im Vordergrund steht zum einen die Botschaft, die das Restaurant verbreitet, zum anderen soll ein Augenmerk auf die Speisen gelegt werden. Aus diesem Grund soll der User per Blick auf die Speisekarte durch für vegane Speisen ungewöhnliche Namen (Bratwurst mit Kartoffeln und Sauerkraut, Herzhaftes Chili, etc.) beeindruckt werden.

Zum anderen stehen Bilder im Vordergrund, die zwar das Ambiente nicht zwingend abbilden müssen, jedoch repräsentieren sollen. Weiteres Interesse Interesse des Kunden soll durch die visuelle Darstellung der gebotenen Speisen geweckt werden. Die Seite wird nach dem Prinzip einer Single Page-Website entstehen und sich stilistisch hierbei an folgenden Beispielen orientieren:

Farmer's Market Kitchen
San Andrea
The Black Truffle

Die Bilder werden selbst gemacht. Was das Video betrifft, wird ein Imagevideo als Lösung angedacht, wodurch sich die Schwierigkeiten, die sich durch die Fiktivität des Restaurants ergeben, verringern.

Menü, Navigation und Inhalte

 Ich habe versucht, in Photoshop einen erstes Groblayout zu erstellen:

Auf der Website werden 3 Fonts angewandt. Zum einen befindet sich die Schriftart Bebas Neue im Logo. 

Auf der Website selbst habe ich vorerst Orator verwendet. Diese Schriftart steht nicht zur freien Verwendung und kann daher weder durch Google Webfonts noch durch selbstgehostete Webfonts eingesetzt werden. Ich hab die Schrift dennoch im Entwurf gelassen, da ich mich im weiteren Verlauf nach einer ähnlichen Schrift umsehen möchte. Das gleiche gilt für die Navigation, die auch mittels einer Liste erstellt werden und einen Mouseover-Effekt beinhalten soll. 

Die Navigation wird durch den Singlepage-Character der Website vorgegeben. Auf der linken Seite befindet sich ein (fixiertes und immer "mitscrollendes") Menü, das in die Bereiche Futter, Saft, Reservierung und Kontakt gegliedert ist. 

Unter Futter und Saft befindet sich eine kleine Beschreibung, darunter die entsprechenden Speise- und Getränkekarte. Direkt daran angehängt (in Form eines Hyperlinks) befindet sich außerdem eine Tageskarte als PDF-File, die durch ein Dropbox-Hosting zur Verfügung gestellt wird, um die einfache tägliche Wartung zu gewährleisten: Es wird hiermit nur das Ersetzen der gleichnamigen PDF in den Ordner notwendig.

Reservierung bietet dem Kunden die Möglichkeit, mittels Kontaktformular einen Tisch im Restaurant zu bestellen bzw. das Restaurant für private Feiern zu buchen. Unter dem Menüpunkt Kontakt befinden sich Verlinkungen zu den entsprechenden sozialen Netzwerken, eine Mailadresse und Adresse bzw. Telefonnummer. Außerdem soll darin eine Karte enthalten sein, die der Webbeschreibung dient. Im Optimalfall ist es mir möglich, Google Maps in das Design einzubinden. Alternativ ist es als Minimalziel auch denkbar, lediglich ein Bild einzubauen. 

Quelle 1: http://de.wikipedia.org/wiki/Kraftstoff

(verworfener und nach Termin 1 nicht weiterbearbeiteter) Vorschlag 2 - Persönliches Illustrationsportfolio

Ich selbst beschäftige mich in meiner Freizeit seit längeren mit digitaler Kunst, insbesondere der Stilrichtung Pixelart. Im Zuge dessen sind einige kleine Werke entstanden, die sich unter Umständen zur Präsentation eignen. Aus diesem Grund soll Sammlung zu einem Portfolio zusammengefasst werden. 

Designkonzept & Medieneinsatz

Die Bilder selbst stehen im Vordergrund, auf der Startseite befinden sich ausgewählte Werke, Informationen zu meiner Person werden recht kurz und bündig auf der Startseite angezeigt. Dieses "Feld" soll auch entsprechende Vernetzungen zu meinen sozialen Netzwerkprofilen sowie eine E-Mailadresse enthalten.

Die visuellen Medien (Fotos, ein Video?) werden alle von mir selbst angefertigt und bereitgestellt. 

Menü & Navigation

Die Navigation sollte möglichst einfach sein. Die Menüpunkte gliedern sich durch meinen konzeptuellen Ansatz lediglich thematisch und dienen vordergründig zur Abtrennung einzelner stilistischer Merkmale in den Werken:

- Home

- Isometric
- Non-Isometric
- Scraps

Zielgruppe

Zielgruppe meiner Website sind zum einen Interessierte dieser Art von Illustration, allerdings soll dieses Portfolio auch eine Orientierung für diejenigen sein, die für ihr Projekt einen solchen Illustrator benötigen, d.h. Game Designer, andere Illustratoren, etc.

Kritische Faktoren

Nachdem die Navigation ausschließlich über die thematische Gliederung stattfindet, sollte für die Zielgruppe verständlich sein, was sich hinter den Links verbirgt. Um die User allerdings vom sofortigen Absprung abzuhalten, ist es notwendig, das Interesse des Anwenders bereits auf der Startseite durch diverse Kostproben zu wecken, um ihn zum Weiternavigieren zu verleiten. Des Weiteren soll die Vernetzung zwischen sozialen Netzwerken und Website funktionieren und Früchte tragen. 

Das bedeutet: Absprungrate niedrig halten, soziale Medien effizient einsetzen. 

Gut Durchdacht. CI ist super gestaltet. Hast du eine Online Order bedacht?

Video

Ich bin sehr begeistert von deinem Video. Du hast wirklich Talent dazu.