Semesterdokumentation



Ähnliche Dokumente
corporate design manual Für einen wunderbaren Auftritt. büro für gestaltung

40-Tage-Wunder- Kurs. Umarme, was Du nicht ändern kannst.

Gutes Leben was ist das?

Checkliste zur Planung einer Webseite

1: 9. Hamburger Gründerpreis - Kategorie Existenzgründer :00 Uhr

Anwendungsbeispiele. Neuerungen in den s. Webling ist ein Produkt der Firma:

Alle gehören dazu. Vorwort

Die Post hat eine Umfrage gemacht

Der perfekte Anzug für ihren erfolgreichen Auftritt

Persönliche Zukunftsplanung mit Menschen, denen nicht zugetraut wird, dass sie für sich selbst sprechen können Von Susanne Göbel und Josef Ströbl

Kulturelle Evolution 12

Geburtstagsgedanken, das schönste Fotobuch für Kinder + Giveaway mit Kleine Prints

10.1 Auflösung, Drucken und Scannen

Papa - was ist American Dream?

Versetzungsgefahr als ultimative Chance. ein vortrag für versetzungsgefährdete

Unser Standort in Donaueschingen

von: Oktay Arslan Kathrin Steiner Tamara Hänggi Marco Schweizer GIB-Liestal Mühlemattstrasse Liestal ATG

Das Leitbild vom Verein WIR

FRONT CRAFT.

bea CORPORATE DESIGN MANUAL Stand: Mai 2015

So gestalten Sie selbst!

Welche Gedanken wir uns für die Erstellung einer Präsentation machen, sollen Ihnen die folgende Folien zeigen.

r? akle m n ilie ob Imm

Diese 36 Fragen reichen, um sich zu verlieben

WORKSHOP für das Programm XnView

DIGITALKONSULAT DK. Unsere Leistungen

Flyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen

Nicht kopieren. Der neue Report von: Stefan Ploberger. 1. Ausgabe 2003

Projektmanagement in der Spieleentwicklung

für einen optimalen Büroalltag S O F T W A R B Ü R O

1. Was ihr in dieser Anleitung

konzeption & beratung screendesign webprogrammierung webhosting flashprogrammierung content managment system mobile websites up- & downloadbereich

Studieren- Erklärungen und Tipps

Die neue Aufgabe von der Monitoring-Stelle. Das ist die Monitoring-Stelle:

Ihrer Kunden, auf die vorderen Suchmaschinenplätze zu bringen. Das hatten Sie sich

Anleitung über den Umgang mit Schildern

Jojo sucht das Glück - 3 Folge 23: Der Verdacht

Copyright Sophie Streit / Filzweiber / Fertigung eines Filzringes mit Perlen!

infach Geld FBV Ihr Weg zum finanzellen Erfolg Florian Mock

1. Standortbestimmung

DER SELBST-CHECK FÜR IHR PROJEKT

Sich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. ist einer davon.

DESIGN PRINT IT. Was genau ist eigentlich Crossmedia?

Das Persönliche Budget in verständlicher Sprache

Mehr Geld verdienen! Lesen Sie... Peter von Karst. Ihre Leseprobe. der schlüssel zum leben. So gehen Sie konkret vor!

Achten Sie auf Spaß: es handelt sich dabei um wissenschaftliche Daten

ZfP-Sonderpreis der DGZfP beim Regionalwettbewerb Jugend forscht BREMERHAVEN. Der Zauberwürfel-Roboter. Paul Giese. Schule: Wilhelm-Raabe-Schule

Fotos und Videos von Ihnen und von Ihren Kindern und Jugendlichen

Lineargleichungssysteme: Additions-/ Subtraktionsverfahren

Kreativ visualisieren

ONLINE-AKADEMIE. "Diplomierter NLP Anwender für Schule und Unterricht" Ziele

BRANDING & MARKENSTÄRKE

Leit-Bild. Elbe-Werkstätten GmbH und. PIER Service & Consulting GmbH. Mit Menschen erfolgreich

50 Fragen, um Dir das Rauchen abzugewöhnen 1/6

DAS PARETO PRINZIP DER SCHLÜSSEL ZUM ERFOLG

Eva Douma: Die Vorteile und Nachteile der Ökonomisierung in der Sozialen Arbeit

Eine freundliche und hilfsbereite Bedienung ist doch die Seele des Geschäfts! Wir sind noch ein Dienstleistungsbetrieb im wahrsten Sinne des Wortes!

Primzahlen und RSA-Verschlüsselung

GmbH. Feuer im Herzen. Werbung im Blut.

Herzlich Willkommen beim Webinar: Was verkaufen wir eigentlich?

Checkliste Wie gut ist die Qualität meiner Fanpage?

L10N-Manager 3. Netzwerktreffen der Hochschulübersetzer/i nnen Mannheim 10. Mai 2016

Beständig und vertrauenswürdig: Warum eine einheitliche Corporate Identity so wichtig ist

mal an Ihre Karriere! glaub, ich werd verrückt!

Erklärung zu den Internet-Seiten von

geben. Die Wahrscheinlichkeit von 100% ist hier demnach nur der Gehen wir einmal davon aus, dass die von uns angenommenen

Informationen zum Ambulant Betreuten Wohnen in leichter Sprache

Warum Sie jetzt kein Onlinemarketing brauchen! Ab wann ist Onlinemarketing. So finden Sie heraus, wann Ihre Website bereit ist optimiert zu werden

Leitbild. für Jedermensch in leicht verständlicher Sprache

Sie werden sehen, dass Sie für uns nur noch den direkten PDF-Export benötigen. Warum?

WEBDESIGN MIT WORDPRESS DRUCKSACHEN SOCIAL MEDIA STACHOWITZ. Werbung.Medien.Web

Fotos verkleinern mit Paint

DAVID: und David vom Deutschlandlabor. Wir beantworten Fragen zu Deutschland und den Deutschen.

Corporate Design - ein kurzer Überblick. Mit Corporate Design ist das gesamte visuelle Erscheinungsbild eines Unternehmens

Euer Hochzeitsfotograf aus Berlin... mit Leib und Seele! Ich freue mich darauf euch kennenzulernen! Leistungsüberblick 01/2015

Entwickeln Sie Ihre Vision!


Kurzanleitung für eine erfüllte Partnerschaft

Auf den Schlussspurt kommt es an!

Druck- und Verpackungslösungen. CARINI Grafik-Design Die Spezialitäten Agentur

Schritte 4. Lesetexte 13. Kosten für ein Girokonto vergleichen. 1. Was passt? Ordnen Sie zu.

D.E.O. Die Erwachsene Organisation. Lösungen für eine synergetische Arbeitswelt

M03a Lernstraße für den Unterricht in Sekundarstufe I

ES GEHT NICHTS ÜBER EX-AZUBIS, Leiter der Fertigung, Produktbereich Blech, bei

Was kann ich jetzt? von P. G.

Mozart House Vienna Logo Präsentation

Grußwort. des Herrn Staatsministers. Prof. Dr. Winfried Bausback. beim Blaulichtertag auf der Gartenschau in Alzenau (im Generationenpark)

short manual das corporate design der övp wien

PIERAU PLANUNG GESELLSCHAFT FÜR UNTERNEHMENSBERATUNG

Entwicklung des Dentalmarktes in 2010 und Papier versus Plastik.

Die Industrie- und Handelskammer arbeitet dafür, dass Menschen überall mit machen können

Fotostammtisch-Schaumburg

Der Kunde zahlt die Gehälter.

Die fünf Grundschritte zur erfolgreichen Unternehmenswebsite

Das Thema von diesem Text ist: Geld-Verwaltung für Menschen mit Lernschwierigkeiten

FRAGEBOGEN Webseite. Ihre Daten helfen uns und Ihnen bei der Erfüllung unseres Auftrages. Bitte nehmen Sie sich etwas

Fehler und Probleme bei Auswahl und Installation eines Dokumentenmanagement Systems

Transkript:

Semesterdokumentation büro für gestaltung

Inhalt Über uns 5 Unser Leitbild 6 Stärken & Leistungen 8 Das Team 10 Corporate Design 17 Das Logo 18 Typografie 22 Farbwelt 24 Die Wunderstreifen 26 Drucksorten 28 Projekte 35 Website sechserhaus 36 Auslage Foto Riedl 44 Fazit 53 Am Ende des Tages 54

Über uns

6 Unser Leitbild Wir machen Visionen sichtbar. Die Träume und Ideen unserer Kunden in Sachen Corporate und Web Design setzen wir in die Tat um. Dabei ist es uns wichtig, keine Patentlösungen zu erarbeiten, sondern individuelle Konzepte für jeden Kunden. Um dieses Ziel zu erreichen, setzen wir auch gerne weitere Kompetenzen in den Bereichen Fotografie, Video, Animation, 3D-Visualisierungen oder Texte ein. So entsteht ein maßgeschneidertes Gesamtpaket: Alles aus einer Tüte eben. Mit Treffsicherheit und exzellenter Qualität sorgen wir dafür, dass unsere Kunden in ihrer Wundertüte genau das finden, was sie gerade brauchen, auch wenn sie vorher nicht gewusst haben, wonach sie suchen. Unsere Kunden sind Menschen mit großen Plänen, denen wir auf Augenhöhe begegnen. Immer hungrig auf neue Herausforderungen wollen wir unser Büro in den nächsten Jahren als Fixpunkt in der Grazer Designszene etablieren und dort mit guten Ideen überraschen und überzeugen.

über uns 7 Schließlich und endlich darf die nötige Prise Humor auch nicht zu kurz kommen. Ein ausreichender Vorrat an Konfetti sollte immer lagernd sein, um gegebenenfalls spontan und stilecht feiern zu können. Wir feiern Ideen. Wir feiern schöne Dinge. Wir feiern den Moment. Wir machen Ideen sichtbar. unser Mission Statement

8 Stärken & Leistungen Wir erarbeiten individuelle Konzepte für jeden Kunden. Unsere Kernkompetenzen liegen in den Bereichen Corporate Design und Web, wodurch sich die besondere Stärke ergibt, eine einheitliche Gestaltung sowohl analog als auch digital nahtlos garantieren zu können. Durch unsere weiteren Fähigkeiten in Fotografie, Video, Animation und 3D-Visualisierung entsteht ein maßgeschneidertes Gesamtpaket alles aus einer Tüte. Mit Treff sicherheit und Qualität sorgen wir dafür, dass Kunden bei uns genau das finden, was sie gerade brauchen, auch ohne vorher gewusst zu haben, wonach sie suchten. Für unsere Kompetenzbereiche haben wir eine überraschend ausgeklügelte Symbolik entwickelt, damit auf einen Blick erkennbar ist, worin unsere Profession liegt.

über uns 9 corporate design web design fotografie film 3d & animation

10 Das Team Thomas Mirnig Thomas fungiert im Unternehmen als Geschäftsführer und stellt somit die Anlaufstelle für (Neu-)kunden dar. Er hält Kundenkontakt, betreut Projektplanungen und -abläufe und behält diese im Auge. Neben den ausführenden Tätigkeiten liegt sein Hauptaugenmerk jedoch auf der produktiven Seite, wo er sich mit Detailverliebtheit um Grafik, Layout/Satz und Web(design) kümmert. Thomas verfügt bereits über eine mehrjährige Berufserfahrung in der Werbebranche, wo er als Grafiker in einer Werbeagentur tätig war.

über uns 11 Barbara Gundl Als einzige Frau im Team ist Barbara die gute Seele der Firma. Sie ist ein wahres Sprachgenie, der russische Raum könnte durch ihre Fähigkeiten also wirtschaftlich ebenso erschlossen werden. Ihre konzeptionellen Fähigkeiten konnte sie bereits bei einer Vielzahl von FH-Projekten wundervoll unter Beweis stellen, was sie zu einem wertvollen Mitglied unseres Teams macht. Dem nicht genug sind ihr aber auch grafische Tools alles andere als fremd! Konzept & Grafik das und noch viel mehr ist Barbara Gundl.

12 Lukas Kollmann Konzept ist Lukas zweiter Vorname. Wo sein Name drauf steht, ist auch eine Idee drin. Und weil er diese Ideen nicht nur absolut gerne entwickelt, bringt er sie mit seinem grafische Know-how auch gleich selbst zum Leben. Lukas unterstützt die wundertüte als Konzepter und Grafiker. Weil sich Lukas aber nicht nur im Print bereich wohlfühlt, deckt er auch große Teile unserer Websparte ab und packt bei den einzelnen Teams mit an, wo immer es geht.

über uns 13 Jakob Listabarth Ideenreichtum und Sprachgewandtheit zeichnen Jakob aus, der somit bei keiner (Projekt-)Präsentation fehlen darf. Genauso legendär ist seine Liebe zum Detail, mit der er nicht nur Kunden sondern auch das Team der wundertüte selbst immer wieder auf s neue positiv überrascht. So kümmert er sich um grafische Belangen und setzt mit absoluter Detailtreue Drucksorten und Magazine.

14 Felix Pichler Er bereichert unser Kompetenzen-Portfolio weiter: Felix ist nicht nur ein ausgezeichneter Coder im Web-Bereich, auch 3D-Modeling und die 3D-Animation gehen ihm leicht von der Hand. Wo immer er kann, unterstützt er das Grafik-Team und stemmt gemeinsam mit Stefan und Thomas die Web-Unit von wundertüte. Außerdem ist Felix begeisterter Fotograf und hält digital alles fest, was festzuhalten ist.

über uns 15 Stefan Reinprecht Code-Artist, Pixelschubser, Fotograf. So könnte man Stefan am ehesten und schnellsten beschreiben. Ständig verblüfft er mit seinem state-of-the-art Know-how wenn es um s Web geht, er beherrscht sämtliche Kniffe der Branche. Dies macht ihn zu einem unverzichtbaren Mitglied in unseren Reihen. Websites und Fotos sind sein Metier. Durch seine Ausbildung an der HAK in Feldbach verfügt er des Weiteren über das buchhalterische Vorwissen, um unsere unternehmerische und finanzielle Grundlage (unterstützend zum Steuerberater) aufrecht zu erhalten.

Corporate Design

18 Das Logo Unser Logo ist eine reine Wortmarke aus dem Schriftzug wundertüte. Als Schriftfamilie dient Brandon Grotesque im Schriftschnitt Bold. Der Schriftzug wird für unsere Logoanwendung ausschließlich mit einer Laufweite von 100/1000 Geviert gesperrt. Wir haben uns bewusst gegen eine Bildmarke entschieden, um einen Kontrast zum verspielten Namen zu setzen. Eine Wundertüte sollte nicht sofort ihren Inhalt offenbaren, sondern von außen eher unscheinbar wirken, um dann mit ihrem Inhalt umso mehr zu überraschen. Die absichtliche Kleinschreibung des Wortes hat zweierlei Gründe: Einerseits wollen wir von der normierten Großschreibung abweichen und Konventionen dehnen, andererseits möchten wir uns wiederum dezenter präsentieren und mit Inhalten beeindrucken.

corporate design 19 ⅛ x x Logomaße Die Wortmarke wundertüte ist immer proportional im Verhältnis 1:1/8 zu platzieren. Ein Strecken, Stauchen, Drehen oder eine anderweitige Verformung ist nicht zulässig. Die Mindestbreite beträgt 15 mm, um auch in kleinen Formaten die Lesbarkeit des Logos gewährleisten zu können. Anwendungsbeispiele befinden sich auf der Folgeseite.

20 Logo-Anwendungen Das wundertüte -Logo liegt zur breiteren Verwendungsvielfalt ebenfalls in einer rein schwarzen und weißen Variante (für Verwendung auf negativen Räumen) vor. Der Negativraum muss in seiner Breite jeweils links und rechts um mindestens 1/16 x breiter und in seiner Höhe mindestens um 1/8 x höher sein als das Logo selbst. Andere Farben sind nicht zulässig.

corporate design 21 So lieber nicht! Wir mögen unser Logo. Umso wichtiger ist uns daher die richtige Anwendung. Auch wenn die Gestaltung unserer Drucksorten viele Freiheiten zulässt, geben wir folgend ein paar Beispiele, wie wir unser Logo keinesfalls sehen möchten:

22 Typografie Bei der Wahl der verwendeten Schriftfamilien haben wir uns für Brandon Grotesque und Brandon Text entschieden. Beide Schriften sind serifenlos, für Print und Web optimiert und bieten eine große Bandbreite an Schriftschnitten an. Beeinflusst vom Stil der 1920er und 30er Jahre, gestaltete Hannes von Döhren die Brandon-Schriftfamilie basierend auf geometrischen Formen. Die Brandon Text ist durch ihre höhere x-höhe ideal für lange Texte und kleine Größen geeignet, die Brandon Grotesque kommt bei uns in Überschriften zum Einsatz. Beide Schriftfamilien bieten außerdem eine große Vielfalt an Sonderzeichen und Glyphen, wodurch ein breites Einsatzgebiet auch in anderen Sprachen für die Zukunft gewährleistet ist.

corporate design 23 Folgend nun eine Auswahl der am häufigsten innerhalb unseres Auftritts eingesetzen Schriftschnitte: Brandon Grotesque Regular! #$%& ()*+,./0123456789:;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Brandon Grotesque Bold! #$%& ()*+,./0123456789:;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Brandon Text Light! #$%& ()*+,./0123456789:;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Brandon Text Regular! #$%& ()*+,./0123456789:;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Brandon Text Bold! #$%& ()*+,./0123456789:;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

24 Farbwelt Unser Auftritt ist stark von einem Blauton dominiert. Die Farbe Blau steht, im Gegensatz zu unserem Namen, für Ruhe, Vertrauen und Freundschaft, aber auch für Fantasie. Weiters hat das von uns gewählte Blau einen leichten Stich ins Türkise, die Farbe der Kommunikation. Als Akzentfarbe steht außerdem ein weiterer, hellerer Blauton zur Verfügung, der u.a. bei unserem Streifenmuster zum Einsatz kommt (siehe S. 16). Generell wird bei wundertüte viel mit Weiß gearbeitet, sodass unsere Blautöne besonders gut zur Geltung kommen.

corporate design 25 wunderblau RGB: r 000 g 155 b 195 CMYK: c 080 m 000 y 10 k 15 Pantone: 299 C wunderhellblau RGB: r 095 g 195 b 224 CMYK: c 060 m 000 y 10 k 10 Pantone: 298 C schwarz RGB: r 000 g 000 b000 CMYK: c 000 m 000 y 000 k 100 Pantone: 419 C

26 Die Wunderstreifen Das Streifenmuster, von uns liebevoll wunderstreifen genannt, ist unser Key-Visual und kommt auf dezent angewandt auf unseren Geschäftsdrucksorten zum Einsatz. Obwohl es vollflächig zur Anwendung kommen kann (bspw. auf den Visitenkarten- Wundertüten), wird es zumeist doch als Rahmenfüllung verwendet. Die Streifen sind außerdem unsere Assoziation zu Geschenkspapier und Zuckerstangen. Zu beachten ist, dass die Streifen ungeachtet des Endformats (bis DIN A3, darüber hinaus proportional) der jeweiligen Drucksorte immer exakt 7 mm stark sind und in einem Winkel von 45 platziert werden. Farblich sind die wunderstreifen alternierend in wunderblau und wunderhellblau gehalten. Werden die Streifen als Rahmenfüllung benutzt, so ist dieser Rahmen nach folgenden Kriterien anzulegen: Format Rahmenstärke < DIN A4 1,5 mm ab DIN A4 2 mm ab DIN A3 3 mm ab DIN A2 4 mm

corporate design 27 7mm

28 Drucksorten Die Basis unserer Kommunikationstools sind definitiv unsere Geschäftsdrucksorten, zu denen unter anderem Visitenkarten, Briefpapier und Kuverts in allen gängigen Formaten zählen. Allen Drucksorten gemeinsam sind selbstverständlich die wunderstreifen, welche auf der vorherigen Seite im Detail vorgestellt wurden. Visitenkarte TINA BAUER department berlin 0664 7813743 tina@diewundertuete.at diewundertuete.at 85 mm Alte Poststraße 152 8020 Graz büro für gestaltung 55 mm Visitenkartenwundertüte diewundertüte.at

corporate design 29 Briefpapier büro für gestaltung Paul Wunderlich, M.A. Bekleidende Position Wunderlichs Wunderwerke Wunderstraße 1a 8010 Graz Austria Alte Postraße 152 8020 Graz Austria 0660 1234567 buero@diewundertuete.at www.diewundertuete.at Knalleffekt: Sechs Wundertüten lassen es krachen. Sehr geehrter Herr Wunderlich, Peng! In Graz sprengen sechs junge, talentierte Gestalter den (kleinen) Rahmen der dortigen Designszene. Sie haben sich unter dem programmatischen Namen wundertüte zusammengeschlossen, um die Vorstellungen ihrer Kunden in Sachen Corporate und Web Design umzusetzen. 297 mm Hier findet man alles, was man braucht - auch ohne vorher gewusst zu haben, wonach man sucht. Egal ob Printprodukte, Website oder komplettes Corporate Design: wundertüte überrascht mit Treffsicherheit und Qualität. Das junge Büro für Gestaltung erarbeitet keine Patentlösungen, sondern individuelle Konzepte für jeden Kunden. Da gehören auch Fotografie, Video, Animation oder 3D-Visualisierungen dazu. Und das Besondere daran ist, dass alles aus einer Tüte kommt. Somit entsteht ein rundes Gesamtpaket, bei dem die angebrachte Prise Humor immer mit dabei ist. Das Team werkt im Atelier des Studiengangs Informationsdesign an der FH Joanneum Graz, Alte Poststraße 152. Dort haben die Gestalter ihr Handwerk gelernt und sich nun zusammengetan, um weiter zu lernen und an neuen Aufgaben zu wachsen. Sie geben auf www.diewundertuete.at einen Einblick in ihre Arbeit. Mit freundlichen Grüßen, Thomas Mirnig ceo grafik layout Seite 1 von 1 w wundertüte büro für gestaltung UID: ATU 12345678 Alte Poststraße 152 8020 Graz Austria Bank Austria UniCredit IBAN: AT29 1200 0123 4567 8901 BIC: BKAUATWW facebook.com/buerowundertuete twitter.com/diewundertuete 210 mm

30 Kuvert C4 229 mm büro für gestaltung Alte Postraße 152 8020 Graz Austria 0664 1234567 buero@diewundertuete.at www.diewundertuete.at 324 mm ta tüte da

büro für gestaltung Alte Postraße 152 8020 Graz Austria 0664 1234567 buero@diewundertuete.at www.diewundertuete.at corporate design 31 Kuvert C5 reiß mich auf! 162 mm 229 mm Kuvert C5/6 büro für gestaltung Alte Postraße 152 8020 Graz Austria 0664 1234567 buero@diewundertuete.at www.diewundertuete.at 110 mm stell dir vor, ich bin eine wundertüte. 220 mm

32 Die wundertüte Sie ist unser kleines Herzstück: die wundertüte! Sie dient als Give-Away und enthält eine Vielzahl an kleinen Überraschungen, die schon vorab ein Lächeln auf die Lippen unserer Kunden zaubern werden. Es gibt doch nichts schöneres, als Geschenke auszupacken, nicht wahr? Corporate Wording Wundert euch nicht: Wir schreiben halt manche Wörter einfach klein! Auch wenn das willkürlich wirken mag, hat es System denn nämlich nur jene Wörter, die direkt unserem Corporate Wording unterstehen, wie bspw. wundertüte, wunderstreifen und wunderblau, werden klein geschrieben.

corporate design 33 Konfetti Ein ausreichender Vorrat an Konfetti (in wunderblau) sollte immer lagernd sein, um gegebenenfalls spontan und stilecht feiern zu können. Denn: Wir feiern Ideen. Wir feiern schöne Dinge. Wir feiern den Moment. Social Media Wer wären wir, wenn wir nicht auch auf den wichtigsten sozialen Plattformen vertreten wären? Aufgrund der Schnelllebigkeit des Web wäre es sinnbefreit, hier diverse CD- Gestaltungsregeln für Facebook, Twitter und Co anzugeben. Aber eines können wir: unsere Profile anführen. facebook.com/buerowundertuete @diewundertuete

Projekte

36 Projekt 1: Website sechserhaus Das Hauptprojekt in diesem Semester war die Gestaltung und Entwicklung einer Website für den Creative Coworking Space sechserhaus, der sich in der Sackstraße beim Grazer Haupt platz befindet. Ziel war es, einen ansprechenden Webauftritt samt Blog zu gestalten und umzusetzen. Als Projektauftraggeber fungierte einer der Vortragenden in diesem Semester, Heimo Lercher, was die Kommunikation ungemein erleichterte. Die Details zum Projekt und dessen Ablauf erzählen wir in der nachfolgenden Case-Study. Kommunikation mit dem Kunden Da es sich beim sechserhaus um einen Kunden aus der Kreativbranche handelt, lief die Kommunikation grundsätzlich einwandfrei ab. Vom ersten Meeting an bis hin zum Email- Verkehr gab es eigentlich keinerlei gröbere Probleme und wenn es Konflikte mit Terminen etc. gab, wurden diese schnell und einfach gelöst, auch wenn manchmal ein Anruf den Prozess beschleunigt hätte. Wir fühlten uns dennoch in jedem Moment respektiert und das Team vom sechserhaus stand stets hinter uns. Die sachlichen Diskussionen und konstruktive Kritik legten definitiv den Grundstein für den Erfolg des Projekts.

projekte 37 Briefing Beim ersten Treffen mit dem Team vom sechserhaus, dem sogenannten Briefing, bekamen wir zu Beginn schön aufbereitete Unterlagen mit den Anforderungen der Website und auch das Corporate Design Manual, das als Richtlinie für unsere Entwürfe diente. Nach einem ersten Durchblättern der Unterlagen fiel unserem Team ein großer Stein vom Herzen, da es entwicklungstechnisch und gestalterisch im Prinzip nur minimale Einschränkungen von Seiten des sechserhauses gab. Es blieben kaum Fragen offen und wir konnten uns in die erste Phase des Projektes stürzen. Die Briefings- sowie alle Angebotsunterlagen finden Sie anbei. Entwürfe Eine Vorgabe für die Website war unter anderem, dass diese responsive ist, sich also an unterschiedliche Anforderungen der Endgeräte anpasst und auf verschiedensten Bildschirmauflösungen perfekt dargestellt werden. Dafür ist natürlich einen besonderen Designprozess erforderlich: Ein komplett durchgestaltetes Photoshop-File reicht hier bei weitem nicht mehr aus und es wäre schlicht und ergreifend zu aufwändig, für jede erdenkliche Auflösung ein eigenes Screendesign auszuarbeiten.

38 Um also unsere Entwürfe flexibler gestalten zu können, bauten wir die Website aus modularen Bausteinen zusammen, MAR 2014 03 website verbund sogenannten Style-Tiles. Anhand dieser konnte sich der von thomas Erstens: wir haben nicht offensiv gespielt. Es gibt keine deutsche Mannschaft spielt offensiv und die Name offensiv wie Bayern. Letzte Spiel hatten wir in Kunde dann leichter vorstellen, wie einzelne Elemente auf unterschiedlichen Screens aussehen. Die Steigerung der Platz drei Spitzen: Elber, Jancka und dann Zickler- Wörter, ist möglich verstehen, was ich hab gesagt? mehr info Effizienz... war spürbar, doch es erforderte dann doch zumindest ein fertiges Screendesign, um dem Kunden voll ständig klar machen zu können, wie die Website aussehen wird. 12 die neuen sessel sind da! Alles APR in allem war es jedoch genau dieser Mix aus klassischem 2014 Designprozess von thomas kombiniert mit Style-Tiles, der das Team vom na servas die neuen sessel wurden geliefert... sechserhaus von unseren Entwürfen überzeugen konnte. mehr info APR 2014 24 achtung: frühjahrsputz von thomas alles neu, oder zu mindestens so richtig durchgeputzt - das war die devise heut im sechserhaus. nun glänzt es wieder an alle ecken und enden... mehr info 24/7

projekte 39 Meetings Sämtliche Meetings waren eigentlich durchwegs produktiv. In der Entwurfsphase gab es zwei Meetings, bei denen unsere Kunden die Gestaltung absegneten. Die Änderungswünsche mussten wir dann aber noch in die Photoshop-Datei einarbeiten, anstatt es gleich im Browser für den interaktiven Prototypen coden zu können. Dies war eine unpraktische Vorgehensweise und kostete unnötig Zeit, da es sich meistens nur um textliche Änderungen handelte, welche im Endprodukt mittels CMS sowieso alle geändert werden konnten. In zwei weiteren Meetings präsentierten wir den Prototypen bzw. die Website inklusive CMS, im letzten Treffen gab es dann noch einen kurzen Breakdown vom Aufbau im Backend,

40 damit das sechserhaus-team bereits mit der Erstbefüllung beginnen konnte. Von hier an arbeiteten wir also gemeinsam an der Website, was dem Projekt etwas Leben einhauchte, da auch ein paar kleinere Probleme sichtbar wurden. Technische Hürden Da wir uns nicht um die Kompatibilität mit älteren Browserversionen kümmern mussten und auch sonst keine Brow serspezifischen Schwierigkeiten hatten, konnten wir auch einige Effekte in die Website einbauen, um eine gewisse Interaktivität zu gewährleisten. Als CMS entschieden wir uns für das einfach anpassbare WordPress, da ein Blog, auf dem mehrere Coworker posten können, eine der Hauptvorgaben war. Lediglich beim interaktiven Plan mussten wir uns für Mobil geräte eine statische Lösung einfallen lassen, ansonsten gab es keine großen Hindernisse in der Entwicklung. Triple Office Sackstraße Double Office Sackstraße Druckergang Canon ir ADV C7260i Open Space Briefing Lounge WC WC Bastelplatz 2 Studio WC Lift Welcome Server & Web Server Single Offices Innenhof Double Office Innenhof Archiv

projekte 41 Der von den Usern generierte Content verursachte jedoch einige Probleme. Denn auch mehrmaliges Hinweisen darauf, komprimierte Bilder hochzuladen, hielt das sechserhaus- Team nicht davon ab, Fotos mit 11 MB hochzuladen und so die Ladezeiten der Website erheblich zu verlängern. Hier hat es einiges an Nacharbeiten von unserer Seite gebraucht, um das Performance-Problem wieder in den Griff zu bekommen. Doch schlussendlich konnten wir die gesamte Dateigröße der Fotos auf fast ein Hundertstel der Originalgröße reduzieren, ohne dabei viel an Qualität zu verlieren. Denn vor allem bei einer Website dieser Art ist es enorm wichtig, auf gute Performance zu achten (dazu zählt vor allem das Komprimieren von Fotos), um User auf Mobilgeräten

42 nicht mit langen Wartezeiten zu verärgern - sonst würde eine responsive Website von vornherein keinen Sinn machen. Am Ende konnten wir alle technischen Spitzfindigkeiten lösen und die Website ist für alle User problemlos zugänglich. Fazit Das Projekt gilt für uns sicher als Referenzprojekt in Sachen Webdesign und Entwicklung. Wir bekamen die nötige kreative Freiheit, um neue Design prozesse zu testen und auch die technische Umsetzung selbstständig abwickeln zu können. Unser gesamtes Team konnte einiges aus diesem Projekt mit nehmen, vor allem im Bereich Responsive Webdesign und dem Arbeiten mit User-Generated-Content. Das Projekt und dessen Verlauf stufen wir als sehr positiv ein und sehen die Website als vollen Erfolg für beide Seiten.

projekte 43

44 Projekt 2: Auslage Foto Riedl Unser Projekt für Foto Riedl war eine Auslagengestaltung im Rahmen des Grazer Designmonats und dessen Veranstaltung Redesign the Street. Für einen Unkostenbeitrag von bis zu 400 sollten die teilnehmenden Geschäfte in der Reitschulgasse dank kreativen Köpfen für einen Tag in einem neuen Licht erstrahlen. Die wundertüte kümmerte sich bei diesem Event um Foto Riedl, einen Veteran der Passfotografie in zweiter Generation an diesem Standort. Akquise & Kommunikation Unsere Teilnahme an dieser Veranstaltung kam durch Stefan zustande, der im Jahr zuvor schon an Redesign the Market mitgearbeitet hatte und von einem befreundeten Fotografen auf das neue Event angesprochen wurde. Die Kommunikation

projekte 45 und alles Förmliche liefen im Weiteren über die beiden. Den Vertrag finden Sie wiederum beigefügt. Der Kontakt mit dem Besitzer von Foto Riedl, Herrn Martin Riedl, beschränkte sich auf drei Besuche im Geschäft zum Abholen der Maße und Klären der Grundvoraussetzungen für die Auslagengestaltung. Der Berufsfotograf zeigte sich dabei sehr kooperativ und schien sich auf die Zusammenarbeit zu freuen. Er war dabei offen für jede unserer Ideen, was den Prozess für uns um einiges flexibler gestaltete. Konzept Von Anfang bis Ende hatten wir ca. zwei Wochen Zeit, sodass wir recht flott ein Konzept bei der Hand haben mussten.

46 Die Entscheidung fiel dann schnell auf den Entwurf einer Typografie mit einem frechen Text, der nicht nur durch die vielen verschiedenen Schriftarten und grafischen Eye - catcher, sondern auch durch den kecken Inhalt die Passanten zum Stehenbleiben und Lesen bewegen sollte. Dazu sollten kleine Goodie-Bags mit Stickern und Traubenzucker in einem neuen Corporate Design gereicht werden, zu dem es auch zwei neue Plakate gäbe. Nach etwa einer Woche hatte sich die Idee zu einem konsistenten Plan entwickelt, mit dem die Produktion starten konnte. Hackeln In der Woche vor der Veranstaltung galt es für uns im Akkord zu arbeiten. Die Plakate wurden nach der fertigen Gestaltung im hauseigenen Plotter gedruckt, die Sticker aus passendem

projekte 47 Papier ausgeschnitten, die Traubenzucker entsprechend verziert und die Vorlage, von der wir die Typografie auf der Auslagenscheibe nachmalen wollten, in Originalgröße aus A3-Teilen zusammengeklebt. Zwischendurch kauften wir auch die benötigten Materialien wie die Kreidestifte, mit denen wir auf die Scheibe malten, und die Luftballons, die hinter unserem Text hängen sollten. Durch eine gut strukturierte Organisation hingen wir so gut wie nie hinter unserem Zeitplan. Das einzig nennenswerte Problem während der Produktion, das für Aufruhr sorgte, war der Plotter, der aus unerklärlichen Gründen erst nach einer Unzahl an Versuchen das gewünschte Ergebnis lieferte.

48 Im Nachhinein lässt sich die Organisation von Redesign the Street bekritteln, da sie es nicht nur verpasst hat, das Event entsprechend zu bewerben, sondern auch es bis heute nicht geschafft hat, uns die Unkosten zurückzuerstatten.

projekte 49 Fazit Durch die viele analoge Arbeit hatten wir nebst dem Stress viel Spaß bei der Durchführung dieses kurzfristigen Projekts. Gerade auch die anderen Teilnehmer sorgten während der Veranstaltung für ein sympathisches Klima, das uns das eher schlechte Wetter beinah vergessen ließ. Auch Herr Riedl war sehr zufrieden mit unserer Arbeit, sodass eines unserer Plakate sogar heute noch neben der Auslage hängt. Eine wunderbare Erfahrung.

50

projekte 51

Fazit

54 Am Ende des Tages Manch ein Teammitglied mag sich wundern, wie schnell das Sommersemester doch vorübergegangen ist. Nicht zu wundern aber brauchten sich unsere Kunden: Das Feedback war toll und unsere Arbeit wurde mit viel Lob gewürdigt das freute uns wahnsinnig, spornte uns aber natürlich noch mal ein Stückchen weit mehr an, weiterhin auf wundersame Art und Weise unsere Kunden mit unseren Fähigkeiten zu verzücken. Doch Obacht: Es ist nicht alles Gold, was glänzt! Die wundertüte mag ein eingespieltes Team sein, aber es wäre doch viel zu langweilig, wenn alles immer wie am Schnürchen gelaufen wäre. Diese größeren und kleineren Hindernisse aber sind das, was die an uns herangetragenen Aufgaben zu wunderbaren Projekten machten und wir sind stolz darauf, was wir in diesem vergangenen Semester schaffen durften und konnten. Wir haben viel gelernt; Gestalterisch, technisch, menschlich. Im Team sind wir zusammengewachsen und wir alle spüren die Wehmut, dass unser geliebtes Wunderwerk langsam sein Ende findet. Doch vielleicht muss das auch nicht sein! Eines Tages, wer weiß, steigt die wundertüte wieder empor wie Phönix aus der Asche in neuem, alten Glanz.

fazit 55 Dieser Glanz wird jedoch nicht golden sein, nein, es wird einzig unsere Farbe sein: Strahlendes Wunderblau! In diesem Sinne bedanken wir uns recht herzlich bei unseren Vortragen und Mentoren Catherine Rollier, Orhan Kipcak Melitta Moschik, Heimo Lercher und Severin Filek für die so wundervolle Unterstützung. Auch unseren Kunden, dem Creative Coworking Space sechserhaus für die entspannte Zusammenarbeit und Herrn Martin Riedl von Foto Riedl, dass wir sein Schaufenster mit all unserer Kreativität verschönern durften. Gedankt werden soll hier natürlich auch unseren Freunden, Familien und Haustieren, die während durchgearbeiteter Tage und Nächte nachsichtig auf unsere Nähe und Liebe verzichteten. Und natürlich der Firma Lidl, denn ohne regelmäßigen Cookie-Nachschub wäre all das nicht zu bewältigen gewesen. Es war eine wundervolle Zeit! Dankeschön! eure wundertüte

Alte Postraße 152 8020 Graz buero@diewundertuete.at www.diewundertuete.at büro für gestaltung