[Projektbericht IPT emporia] 10 Juni 2014

Transkript

1

2 WER SIND WIR Wir sind eine Gruppe von drei Studentinnen des Studienganges Produktdesign und Technische Kommunikation an der Fachhochschule Oberösterreich Campus Wels. Zurzeit befinden wir uns im sechsten Semester und heißen Verena Koppler, Julia Kreutner und Kathrin Reimann. Das Team bestand für dieses Projekt aus folgenden Mitgliedern (von links nach rechts): hintere Reihe: Kathrin Reimann (Projektteammitglied, zuständig für Videos), Michael Rabenstein (Projektbetreuer), Mag. a Barbara Heim (Projektbetreuerin) vordere Reihe: Verena Koppler (Projektteammitglied, zuständig für Grafikelemente), Julia Kreutner (Projektleiterin, zuständig für Werbeflyer) nicht mit auf dem Bild: Prof. in Dr. in Christiane Takacs (FH Projektauftraggeberin), Dr. Sylvia Fischer (FH Projektcoach), Christina Landl (Marketing Assistentin) und Karin Schaumberger (CMO) Seite 2 von 10

3 WORUM ES GEHT Das Unternehmen emporia geht mit der Entwicklung eigener Handys und zugehöriger Applikationen auf die Bedürfnisse von Verbrauchern ein, die nicht viel Wert auf multimediale Anwendungen und komplexe Menüführung legen. Mittels der App emporiame bietet das Unternehmen eine einfache Kommunikation mit unseren Liebsten. Damit werden Generationen verbunden: Oma kann sich trotz der Entfernung von 739 km die neuesten Fotos von ihren Enkelkindern anschauen, hat immer die aktuellen Handynummern ihrer Familie und Arzttermine können nicht vergessen werden. Die Funktionen Bilder teilen, Telefonbuch warten und Termine eintragen sind Teil der App emporiame. Mit Hilfe von Werbevideos werden diese drei Funktionen einfach und schnell nähergebracht. Zusätzlich zu den Videos wird jedem neuen Handy emporiaconnect ein Werbeflyer beigelegt, der auf die App emporiame aufmerksam machen soll. Auf dem Werbeflyer werden zusätzlich zu den drei zuvor genannten die weiteren Funktionen An Medikamenteneinnahme erinnern und Sicherheit bieten vorgestellt. NUTZEN Der Werbeflyer wurde in mehreren Sprachen übersetzt und gedruckt. Er dient als Verpackungsbeilage für das Handy emporiaconnect. Die Videos werden auf Messen präsentiert und können im Internet angeschaut werden. Im Werbeflyer ist für jedes Video ein QR-Code abgebildet, dadurch können die Videos auch bequem über Smartphone angeschaut werden. ZIELE Unser Ziel war es, einen Werbeflyer in druckbarer Version und drei Werbevideos für die Funktionen Bilder teilen, Telefonbuch warten und Termine eintragen zu erstellen. Die Seitengröße des Werbeflyers soll ungefähr 140 mm mal 110 mm betragen und aus maximal 5 Druckbögen bestehen. Bei der Gestaltung sind die CI-Richtlinien der Firma einzuhalten. Die Videos dürfen eine Länge von maximal 1 Minute nicht überschreiten und emotional auf die Zielgruppe wirken. Werbeflyer und Videos sind in deutscher Sprache abzugeben. Seite 3 von 10

4 PROJEKTPHASEN Unser Projekt begann am 6. März 2013 mit dem Kick-off-Termin an der Fachhochschule OÖ Campus Wels. Dort stellten sich unsere Projektbetreuerin und unser Projektbetreuer der Firma emporia vor. Sie gaben uns einen Einblick in das Unternehmen und unsere Projektaufgabe. Analyse Beim Kick-off-Termin klärten wir alle Fragen zum Projekt: Welche Aufgaben erwarten uns, was für Vorstellungen und Wünsche hat das Unternehmen emporia in Bezug auf Werbeflyer und Videos, welche Anforderungen soll der Werbeflyer in Bezug auf Größe und Umfang erfüllen, welche maximale Dauer sollen die Videos haben, in welchen Formaten sind die Dokumente abzugeben und weiteres. Emotionalität und einfache Figuren waren Vorgaben, die wir in den Videos berücksichtigen sollten. Damit wir ein besseres Bild von unserer Aufgabe bekamen, zeigten sie uns die App emporiame und wie diese funktioniert. Auch ein Video vervollständigte unsere Vorstellung von den uns bevorstehenden Aufgaben. Einige Materialien, wie z. B. die App und zwei Handys emporiaconnect, haben wir an diesem Tag schon erhalten und weitere Materialien (Bilder, Videodateien, ) haben sie uns per Mail zugesandt. Zum Schluss hielten wir den Abgabetermin für Werbeflyer und Videos fest und tauschten die Kontaktdaten aus. Konzeptphase Bevor wir begannen, legten wir die Organisation innerhalb des Teams fest. Die Aufgabe der Projektleiterin für unser Team übernahm Julia Kreutner. Sie hält den Kontakt zu Frau Heim und Herrn Rabenstein bei emporia aufrecht. Die weiteren Aufgaben haben wir auf die jeweiligen Talente verteilt. Für einen schnelleren Datenaustausch untereinander erstellten wir auf der Internetseite dropbox.com einen Ordner auf dem unser Team zugreifen kann. Damit wir fristgerecht arbeiten, stellten wir einen Zeitplan auf. Nun überlegten wir uns, wie wir diese Aufgaben erfüllen können. Dazu recherchierten wir im Internet, welche Programme sich dafür am besten eignen. Die Wahl fiel auf uns bekannte Programme von Adobe und Microsoft. Dann legten wir die Anzahl der Seiten für den Werbeflyer fest. Wir bestimmten die Reihenfolge der Funktionen innerhalb des Werbeflyers und auf welcher Seite diese angeordnet werden. Wir skizzierten uns Ideen für die Geschichten, die in den einzelnen Videos ablaufen sollten. Die Geschichten stellten wir mit einer Familie von Strichmännchen dar. Seite 4 von 10

5 Während der Konzeptphase notierten wir uns gleich, welche Bilder wir benötigen und welche Grafikelemente (Strichmännchen) zu erstellen sind. Material beschaffen Um die Funktionen der App emporiame zu testen, benötigten wir Android Smartphones und die Handys von emporia (die wir schon am ersten Termin erhalten hatten). Unsere Projektleiterin hat dafür Leihhandys von A1 Telecom Austria organisiert. Nach erfolgreicher Einrichtung der App, gaben wir die Telefonnummern bei emporia bekannt. Mit diesen Informationen schaltete emporia die Verbindungen zu den Handys frei. Jetzt konnten wir die Funktionen der App testen. Bilder für Flyer, Fotos von Handys und Screenshots der Bildanzeigen beschafften wir über emporia. Die Screenshots der App erstellten wir selbst. Grafikelemente wie die Strichmännchen-Familie erstellte Verena Koppler mit Adobe Illustrator. Die Hintergrundmusik für die Videos erhielten wir von einer Instrumental-Gruppe namens Groovequaker. Unsere Liedauswahl stellten wir bei emporia vor. Die Musik passt ideal zu den Videos und wir erhielten die Freigabe von emporia. Grafikelemente erstellen Eine Aufgabe beinhaltete die Erstellung aller Grafikelemente für das Projekt. Hauptsächlich die Grafikelemente für die Videos. Neben den Grafikelementen wurden die Screenshots von der Applikation am Smartphone gemacht und kleine Teile der Fotobearbeitung. Als erste Überlegung war es natürlich, wie die Videos aussehen sollten. Michael Rabenstein von emporia äußerte den Wunsch, dass die Werbevideos ein Art Piktogramm-Movies werden sollten. So kam uns die Idee, die Figuren der Videos aus Strichmännchen zu gestalten. Da wir in anderen Lehrveranstaltungen schon einiges über das Programm Illustrator von Adobe gelernt haben, fiel dann relativ schnell die Entscheidung, die Grafikelemente im Illustrator zu erstellen. Nachdem die Entscheidung auf die Strichmännchen gefallen war, kam einer der schwersten Teile, welches Gesicht sollten diese erhalten. Der wichtigste Punkt, der von emporia gewünscht wurde, war die Emotionalität. Dieser Aspekt sollte sich auch auf die Strichmännchen übertragen. Vor dem Zeichnen im Illustrator, überlegten wir uns ein grobes Konzept auf Papier. Als wir dann eine ungefähre Idee hatten, wie jedes Familienmitglied aussehen sollte, wurde die Strichmännchen-Familie im Illustrator gezeichnet. Die Familie besteht aus Oma, Mama, Papa, Junge und Mädchen. Nachdem die Familie gezeichnet war, musste sie zum Leben erweckt werden. Das heißt, es mussten passende Geschichten überlegt werden. Seite 5 von 10

6 Für die Funktion Bilder teilen war die Strichmännchen-Familie im Urlaub natürlich mit Palmen, Strand und Meer. Die Geschichte für die Funktion Telefonbuch warten war ein neues Handy für die Mama und somit auch eine neue Telefonnummer, die ferngewartet werden musste. Bei der letzten Geschichte handelte es sich um die Funktion Termine eintragen. Diese haben wir mit dem Geburtstag des Mädchens umgesetzt. Für all diese Geschichten wurden alle benötigten Grafikelementen gezeichnet, wie die Geburtstagsfeier des Mädchens oder die Urlaubsatmosphäre für das Urlaubsfoto. Absprache mit emporia Nachdem unser Konzept feststand und wir schon grob die Richtung in die wir gehen wollten, mit dem Werbeflyer und den Videos ausgearbeitet hatten, trafen wir uns bei emporia, um unsere Entwürfe zu zeigen. Es stellte sich die Frage, ob unser Konzept bei emporia gut ankommen würde. Das bestätigte sich und wir fuhren mit unserer Arbeit fort. Seite 6 von 10

7 Werbeflyer erstellen Grundsätzlich war es die Aufgabe den Flyer so zu gestalten, dass die Hauptfunktionen Bilder teilen, Telefonbuch warten und Termine eintragen gut dargestellt werden. Darüber hinaus sollte der Flyer auch zusätzliche Features aufzeigen, um für das Produkt zu werben. Erste Überlegungen zur Erstellung des Flyers waren das Format und der Seitenumfang. Wir entschieden uns für 16 Seiten, also 4 Blätter. Das Format war zuerst mit den Maßen 140 x 110 mm definiert. Beim Durchstudieren der CI-Richtlinien der Firma emporia entschieden wir uns für ein quadratisches Format. Dieses wurde aber dann mit Absprache der Marketingleitung von emporia verworfen und wir einigten uns schließlich auf das Format A6 (148 x 105 mm) in Anlehnung eines Werbeflyers zu einem anderen emporia Produkt. Nun wurde eine grobe Einteilung der Inhalte am Papier festgelegt. Danach wurden im Programm Adobe InDesign, mit Berücksichtigung der CI-Richtlinien der Firma emporia, die Strukturen festgelegt (Logo richtig platzieren, Farbfelder festlegen,...). Für den Text wurde die Schriftfamilie UniversCom installiert. Zur Visualisierung benötigten wir diverse Screenshots von der Applikation am Smartphone. Diese Screenshots fertigten wir selber an und die Anzeigen des emporiaconnect-gerätes bekamen wir von emporia. Auch die Bilder zu den Geräten von emporia wurden verwendet. Die Screenshots wurden in die Bilder der Geräte integriert. Dies geschah mit Adobe Photoshop. Nachdem die Geräte und weitere Bilder platziert wurden, ging es an das Formulieren. Dies war eine Herausforderung, da der Text das Wichtigste ausdrücken soll und dennoch kurz, prägnant und fesselnd sein soll. Dazu berücksichtigten wir auch die spätere Übersetzung in andere Sprachen, sowie mehr Platz für längere Textpassagen lassen. Bei der Formulierung gelang uns auch eine Alliteration (eine Seite 7 von 10

8 einfache, effektive und emotionale Kommunikation) und bemühten uns um eine Kontinuität. In der Endphase lasen ausgewählte Freunde den Flyer durch und beurteilten diesen kritisch. Die erste Fassung ging Mitte April an emporia. Der Flyer gefiel ihnen sehr gut. Nach dieser sogenannten Freigabe wurden noch die letzten Details eingearbeitet und am 20. April 2013 war der Flyer fertig. Videos erstellen Eine weitere Aufgabe bestand darin, für die Funktionen Bilder teilen, Telefonbuch warten und Termine eintragen Videos zu erstellen. Die Videos sollten emotional auf die jeweiligen Betrachter/innen wirken. Als erstes legten wir die Auflösung der Videos fest. Die Entscheidung fiel auf eine Größe von 1280 x 720 Pixeln, da die Videos sowohl im Internet als auch auf dem Smartphone angeschaut werden können. Danach wurde die Bilderanzahl pro Sekunde für den Film festgelegt. Durch die Internetrecherche erfuhren wir, was für die Art Videos am besten geeignet ist. Die Videos sollen nicht nur auf Geräten mit Betriebssystem Microsoft Windows-, sondern auch auf Macintosh- Geräten abspielbar sein. Die weit verbreitete Bildrate ist 24 fps (frames per second), für eine hohe Qualität werden 48 fps empfohlen. Wir entschieden uns für den Mittelwert von 31 fps, der sowohl für Windows als auch für Macintosh gut umsetzbar ist. Der nächste Schritt bestand darin, die einzelnen Videos zu erstellen. Dazu wurde das Programm Adobe Flash verwendet. Ein Vorspann und Abspann wurden kreiert, der für jedes Video hergenommen wird, denn diese sollten in den einzelnen Filmen gleich sein. Für den mittleren Teil der Videos wurden alle benötigten Bilder und Grafiken in die Programmbibliothek von Adobe Flash importiert. Diese wurden auf den Arbeitsbereich (Bühne) platziert und deren Zeitpunkt und Länge in der Zeitleiste festgelegt. Gleitende Übergänge zwischen den Filmsequenzen erzeugten wir mit verschiedenen Aktionen auf den Bildern. Sobald die Länge des Films feststand, wurde die von emporia freigegebene Musik auf die passende Länge mit dem Programm Audacity zugeschnitten. Diese wurde in den Film eingefügt und die drei Filme wurden als swf-dateien veröffentlicht. Im Team kamen wir auf weitere Verbesserungsvorschläge für die Videos. Seite 8 von 10

9 Ergebnisse vorstellen Der Werbeflyer und die Videos wurden verfeinert und zur Abgabe vorbereitet. Nach Beendigung unserer Arbeiten stellten wir unsere Ergebnisse nochmals bei emporia vor. Unsere Ergebnisse wurden für gut befunden und es wurden noch einige Änderungswünsche geäußert. Nachbearbeitung Videos Der Vorspann und der Abspann der Filme sollen an bereits bestehende Videos angepasst werden und das Logo der App fehlte in den Filmen. Die Änderungen wurden eingearbeitet. Beim Abspann stellte sich die Frage, wie eine wmv-datei in Adobe Flash importiert werden kann. Dabei stellte sich heraus, dass diese in ein anderes Format umgewandelt werden musste. Dazu verwendeten wir das Programm Adobe Encoder. Mit diesem Programm wandelten wir das wmv-video für den Abspann in eine flv-datei um. Diese wurde in Flash importiert und die Länge so angepasst, dass das ganze Video nach der Veröffentlichung genau einmal abläuft. emporia äußerte den Wunsch, die Videos in Englisch zu gestalten. Da die App nur in englischer Sprache existiert, übersetzten wir die wenigen Textpassagen im Video ins Englische. So wirken die Videos jetzt einheitlicher und können sofort verwendet werden. Nach erneuter Freigabe von emporia waren die Videos für die Funktionen Bilder teilen, Telefonbuch warten und Termine eintragen fertig. VERWENDETE SOFTWARE Adobe Illustrator: Grafikelemente (Strichmännchen) erstellen Adobe InDesign: Werbeflyer und Poster erstellen Adobe Flash: Videos erstellen Adobe Photoshop: Bilder bearbeiten Microsoft Office: FH-Dokumente erstellen Audacity: Musik anpassen Seite 9 von 10

10 FAZIT Dieses Projekt hat uns einen Einblick ins spätere Berufsleben ermöglicht und unsere Erfahrungen mit den verschiedenen Programmen wurden vertieft und erweitert. Die Arbeit im Team hat uns Spaß gemacht und zeigte uns, dass man gemeinsam viele Hindernisse überwinden kann. Wir bedanken uns recht herzlich bei allen Beteiligten. Verena Koppler Julia Kreutner Kathrin Reimann Seite 10 von 10