Tumblr (3.0; @katharinaclasen)http://katharinaclasen.tumblr.com/<img src="http://25.media.tumblr.com/tumblr_mdp418RQQa1rsqa88o6_r1_400.png"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp418RQQa1rsqa88o5_400.png"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp418RQQa1rsqa88o4_400.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp418RQQa1rsqa88o3_400.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp418RQQa1rsqa88o2_400.png"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp418RQQa1rsqa88o1_400.png"/><br/> <br/><p><strong>Private Arbeiten</strong></p> <p>Auch Privat beschäftige ich mich intensiv mit Interface Design. Ich habe begonnen einige meiner Arbeiten auf <a href="http://dribbble.com/kahema" target="_blank">Dribbble</a> zu veröffentlichen.</p>http://katharinaclasen.tumblr.com/post/35999950285http://katharinaclasen.tumblr.com/post/35999950285Sun, 18 Nov 2012 19:15:00 +0100<iframe src="http://player.vimeo.com/video/45856868" width="400" height="300" frameborder="0"></iframe><br/><br/><p><strong>Visualisierungsprojekt 4. Semester</strong></p> <p>Unseren “Kasten” haben wir in einem kleinen Video visualisiert.</p>http://katharinaclasen.tumblr.com/post/35999774684http://katharinaclasen.tumblr.com/post/35999774684Sun, 18 Nov 2012 19:12:00 +0100<img src="http://25.media.tumblr.com/tumblr_mdp3w2PWlb1rsqa88o2_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp3w2PWlb1rsqa88o1_500.png"/><br/> <br/><p><strong>Visualisierungsprojekt 4. Semester</strong></p> <p>Gemeinsam mit <a href="http://timogoebel.tumblr.com/" target="_blank">Timo Göbel</a> habe ich mich in diesem Projekt mit dem Thema “digitaler Kleiderschrank” auseinander gesetzt. </p> <p>Im begleitenden <a href="http://konzoom.tumblr.com/" target="_blank">Blog</a> kann der Entstehungsprozess verfolgt werden.</p>http://katharinaclasen.tumblr.com/post/35999715463http://katharinaclasen.tumblr.com/post/35999715463Sun, 18 Nov 2012 19:12:00 +0100<iframe src="http://player.vimeo.com/video/45854100" width="400" height="300" frameborder="0"></iframe><br/><br/><p><strong>E-Learning 4. Semester</strong></p> <p>Zur Visualisierung der Azubi-App haben wir dieses Video erstellt.</p> <p>Die Umsetzung meiner Photoshop Screens in After Effects hat <a href="http://timogoebel.tumblr.com/" target="_blank">Timo Göbel</a> übernommen.</p>http://katharinaclasen.tumblr.com/post/35999659355http://katharinaclasen.tumblr.com/post/35999659355Sun, 18 Nov 2012 19:11:00 +0100<img src="http://24.media.tumblr.com/tumblr_mdp3t8dSRi1rsqa88o1_500.png"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp3t8dSRi1rsqa88o2_500.png"/><br/> <br/><p><strong>E-Learning 4. Semester</strong></p> <p>Gemeinsam mit <a href="http://timogoebel.tumblr.com/" target="_blank">Timo Göbel</a> und Samuel Knoch habe ich eine App für Auszubildende bei Edeka entwickelt. Sie soll den Azubis die Arbeit und somit den Ausbildungsalltag im Betrieb erleichtern.</p> <p><span>Mein Part war dabei hauptsächlich das Interface Design.</span></p>http://katharinaclasen.tumblr.com/post/35999598384http://katharinaclasen.tumblr.com/post/35999598384Sun, 18 Nov 2012 19:10:00 +0100<iframe src="http://player.vimeo.com/video/45845532" width="400" height="300" frameborder="0"></iframe><br/><br/><p><strong>Interaktionstechniken 4. Semester</strong></p> <p>Auch hier hat die Visualisierung meiner Screens <a href="http://timogoebel.tumblr.com/" target="_blank">Timo Göbel</a> übernommen und hat dieses Video erstellt.</p>http://katharinaclasen.tumblr.com/post/35999353137http://katharinaclasen.tumblr.com/post/35999353137Sun, 18 Nov 2012 19:07:00 +0100<img src="http://24.media.tumblr.com/tumblr_mdp3leDuAt1rsqa88o1_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp3leDuAt1rsqa88o2_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp3leDuAt1rsqa88o3_500.png"/><br/> <br/><p><strong>Interaktionstechniken 4. Semester</strong></p> <p>Diese App soll Businessreisenden beim Aufenthalt am Flughafen, aber auch auf der gesamten Reise begleiten. Sie trackt alle Unterhaltungen, Mails und sonstige Aktivitäten und liefert über nette Illustrationen Auswertungen.</p>http://katharinaclasen.tumblr.com/post/35999253425http://katharinaclasen.tumblr.com/post/35999253425Sun, 18 Nov 2012 19:05:00 +0100<iframe src="http://player.vimeo.com/video/45863341" width="400" height="300" frameborder="0"></iframe><br/><br/><p><strong>Corporate Design 4. Semester</strong></p>http://katharinaclasen.tumblr.com/post/35999160667http://katharinaclasen.tumblr.com/post/35999160667Sun, 18 Nov 2012 19:04:28 +0100<img src="http://25.media.tumblr.com/tumblr_mdp3g5e8B11rsqa88o1_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp3g5e8B11rsqa88o2_500.png"/><br/> <br/><p><strong>Corporate Design </strong><strong>4. Semester</strong></p> <p>Im Kurs Corporate Design ging es darum zunächst ein Unternehmen und ein Marketingkonzept für eine Lösung zu gestalten. Passend dazu haben wir das Corporate Design entsprechend der Zielgruppe entwickelt.</p>http://katharinaclasen.tumblr.com/post/35999023654http://katharinaclasen.tumblr.com/post/35999023654Sun, 18 Nov 2012 19:02:00 +0100<img src="http://24.media.tumblr.com/tumblr_mdp2jaWxFW1rsqa88o1_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp2jaWxFW1rsqa88o2_500.png"/><br/> <br/><p><strong>Arbeit für ELO Digital Office</strong></p> <p>Ab Juli 2011 bis Juli 2012 arbeitete ich in der Marketingabteilung von ELO Digital Office als Grafikaushilfe. In den meisten Projekten, die ich übernehmen durfte, hatte ich nur einen sehr geringen gestalterischen Spielraum. Deswegen habe ich für diesen Blog 2 Arbeiten ausgewählt in denen ich sehr frei arbeiten durfte. Zum einen war das eine Ablaufgrafik, die den Abstimmungsprozess mit ELO bei der Planung eines ELO Business Breakfast zeigt, zum anderen auch die Gewinnspielkarte für die Sviaz in Russland.</p>http://katharinaclasen.tumblr.com/post/35997626302http://katharinaclasen.tumblr.com/post/35997626302Sun, 18 Nov 2012 18:42:00 +0100<img src="http://24.media.tumblr.com/tumblr_mdp2e1PGmH1rsqa88o1_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp2e1PGmH1rsqa88o2_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp2e1PGmH1rsqa88o3_500.png"/><br/> <br/><p><strong>Research Project E-Learning 3. Semester</strong></p> <p>Ebenfalls im 3. Semester, in dem Wahlpflichtkurs Research Project E-Learning, kreierten wir ein Konzept für das Magicbook, das Buch der Zukunft. Die Layouts für die App, die Wissenschaftliche Arbeit und die Präsentation wurden dabei von mir erstellt. Unser Konzept wurde mit Hilfe von Fragebögen überprüft. Diese habe ich ausgewertet, sodass unsere „iLearn”-App die Wünsche und Vorstellungen der Zielgruppe aufgreifen konnte.</p>http://katharinaclasen.tumblr.com/post/35997391355http://katharinaclasen.tumblr.com/post/35997391355Sun, 18 Nov 2012 18:39:36 +0100<iframe src="http://player.vimeo.com/video/42333435" width="400" height="300" frameborder="0"></iframe><br/><br/><p><strong>Application Design 3. Semester</strong></p> <p>Um die Transitions und Interaktionen erfahrbar zu machen, haben wir ein kurzes Video erstellt.</p>http://katharinaclasen.tumblr.com/post/35999471739http://katharinaclasen.tumblr.com/post/35999471739Sun, 18 Nov 2012 18:33:00 +0100<img src="http://25.media.tumblr.com/tumblr_mdp1yr57u11rsqa88o1_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp1yr57u11rsqa88o2_500.png"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp1yr57u11rsqa88o3_500.png"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp1yr57u11rsqa88o4_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp1yr57u11rsqa88o5_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp1yr57u11rsqa88o6_500.jpg"/><br/> <br/><p><strong>Application Design 3. Semester</strong></p> <p>Im Wahlpflichtkurs Application Design gestalteten wir die Oberfläche für eine Reise-App. Grundlage bildete das ICIC-Projekt an dem die Hochschule der Medien beteiligt ist. Die Screens habe ich in Photoshop erstellt, das Abschlussvideo hingegen wurde von meinem Gruppenpartner <a href="http://timogoebel.tumblr.com/" target="_blank">Timo Göbel</a> in After Effects umgesetzt.</p> <p>Begleitend zum Projekt haben wir einen <a href="http://idblog.hdm-stuttgart.de/iseeic/" target="_blank">Blog</a> geführt.</p>http://katharinaclasen.tumblr.com/post/35996780308http://katharinaclasen.tumblr.com/post/35996780308Sun, 18 Nov 2012 18:30:00 +0100<img src="http://25.media.tumblr.com/tumblr_mdp1ggQLPb1rsqa88o1_500.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp1ggQLPb1rsqa88o2_500.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp1ggQLPb1rsqa88o3_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp1ggQLPb1rsqa88o4_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp1ggQLPb1rsqa88o5_500.jpg"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_mdp1ggQLPb1rsqa88o6_500.jpg"/><br/> <br/><p><strong>Lehrmedien 3. Semester</strong></p> <p>Im Wahlpflichtkurs Lehrmedien des 3. Semesters erstellten wir Lehrmedien für den Tätergedenkort „Hotel Silber“. In unserer Gruppe entstand dabei ein großes Raumkonzept in dem Täter- sowie Opferbiografien, die miteinander in Berührung treten, nachgelebt werden können. Neben einer Präsentation in der mit Hilfe eines Szenarios das Konzept zum Leben erweckt wurde, entstand auch ein großes Modell, von welchem hier einige Aufnahmen zu sehen sind.</p>http://katharinaclasen.tumblr.com/post/35996014486http://katharinaclasen.tumblr.com/post/35996014486Sun, 18 Nov 2012 18:19:19 +0100<img src="http://25.media.tumblr.com/tumblr_mdp17aNdvk1rsqa88o1_500.png"/><br/><br/><p><strong>Kommunikationsdesign 2. Semester</strong></p> <p>In Kommunikationsdesign im 2. Semester hatten wir die Aufgabe uns eine Institution zum Thema „Grenzgänger“ zu überlegen, ein Logo mit Bild und Schriftmarke zu entwerfen und eine Plakatreihe aus 3 Plakaten zu erstellen. Eines der so entstandenen Plakate ist hier zu sehen.</p>http://katharinaclasen.tumblr.com/post/35995618679http://katharinaclasen.tumblr.com/post/35995618679Sun, 18 Nov 2012 18:13:54 +0100<iframe src="http://player.vimeo.com/video/30277806" width="400" height="300" frameborder="0"></iframe><br/><br/><p><strong>Multimediadidaktik 2. Semester<br/></strong><br/><span>Im Kurs Multimedia Didaktik sollten wir einen Blick in die Zukunft werfen und eine Prognose für das Lernen im Jahr 2020 geben. Visualisiert wurden die Konzepte in einem Trailer. Die didaktischen Hintergründe wurden in einer separaten Dokumentation dargelegt.</span></p>http://katharinaclasen.tumblr.com/post/35995093143http://katharinaclasen.tumblr.com/post/35995093143Sun, 18 Nov 2012 18:06:22 +0100<iframe src="http://player.vimeo.com/video/30275963" width="400" height="300" frameborder="0"></iframe><br/><br/><p><strong>Interfacedesign 2. Semester</strong></p> <p>Szenario 2: Dieser Klick-Dummy entstand im Rahmen von Interfacedesign im 2. Semester.</p>http://katharinaclasen.tumblr.com/post/35995016390http://katharinaclasen.tumblr.com/post/35995016390Sun, 18 Nov 2012 18:05:13 +0100<iframe src="http://player.vimeo.com/video/30274960" width="400" height="300" frameborder="0"></iframe><br/><br/><p><strong>Interfacedesign 2. Semester</strong></p> <p>Szenario 1: Dieser Klick-Dummy entstand im Rahmen von Interfacedesign im 2. Semester.</p>http://katharinaclasen.tumblr.com/post/35994973961http://katharinaclasen.tumblr.com/post/35994973961Sun, 18 Nov 2012 18:04:00 +0100<img src="http://25.media.tumblr.com/tumblr_mdp0p7oVBa1rsqa88o1_500.jpg"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp0p7oVBa1rsqa88o2_500.jpg"/><br/> <br/><p><strong>Interfacedesign 2. Semester</strong></p> <p>Im 2. Semester im Kurs Interfacedesign sollten wir eine Musikverwaltungs-Software konzipieren und in einem Papier Klick-Dummy erfahrbar machen. Als Informationsdesigner arbeiteten wir dabei natürlich immer im Sinne der Usability und User Experience. Für das Video entstanden so verschiedene Entwürfe. Hier meine Scribbles für den Papierprototyp.</p>http://katharinaclasen.tumblr.com/post/35994885150http://katharinaclasen.tumblr.com/post/35994885150Sun, 18 Nov 2012 18:03:06 +0100<img src="http://24.media.tumblr.com/tumblr_mdp0f4a1C31rsqa88o2_500.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_mdp0f4a1C31rsqa88o1_500.png"/><br/> <br/><p><strong>Fotografieworkshop 1. Semester</strong></p> <p>In einem Fotografieworkshop im 1.Semester lernten wir das Arbeiten im Fotostudio kennen. Die Aufgabenstellung gab vor, dass ein Schwarz-Weiß Foto von einem Gegenstand in zwei verschiedenen Ansichten entstehen muss. Die Umsetzung war jedoch frei, sodass wir kreativ an die Aufgabe heran gehen konnten. Unser Fotopaar zeigt eine Walnuss, vor und nach einer Explosion. Diese wurde mit einer entspiegelten Glasplatte und Licht von unten fotografiert, sodass eine „Weltraumstimmung“ entstand.</p>http://katharinaclasen.tumblr.com/post/35994457080http://katharinaclasen.tumblr.com/post/35994457080Sun, 18 Nov 2012 17:57:02 +0100