<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Portfolio &#187; Web &amp; Interaktion</title>
	<atom:link href="http://jan.ramroth.de/category/web-interaktion/feed/" rel="self" type="application/rss+xml" />
	<link>http://jan.ramroth.de</link>
	<description>Jan Ramroth</description>
	<lastBuildDate>Tue, 07 Feb 2012 12:34:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Körpereinsatz</title>
		<link>http://jan.ramroth.de/korpereinsatz-website-und-corporate-design/</link>
		<comments>http://jan.ramroth.de/korpereinsatz-website-und-corporate-design/#comments</comments>
		<pubDate>Fri, 01 Apr 2011 17:34:58 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/?p=672</guid>
		<description><![CDATA[Die ganze Palette &#8211; Für das junge Unternehmen Körpereinsatz in Frankfurt am Main gestaltete ich zunächst Corporate Design mit Logo, Visitenkarten und Briefbögen. Fotografisch inszenierten wir Momentaufnahmen aus Übungssituationen sowie Portraits der jeweiligen Trainer. Im Anschluss entstand der passende Internetauftritt in modernem Webdesign mit direkter Verknüpfung zur Facebook Seite von Körpereinsatz.Die Umsetzung erfolgte mittels der [...]]]></description>
			<content:encoded><![CDATA[<p>Die ganze Palette &#8211; Für das junge Unternehmen Körpereinsatz in Frankfurt am Main gestaltete ich zunächst Corporate Design mit Logo, Visitenkarten und Briefbögen. Fotografisch inszenierten wir Momentaufnahmen aus Übungssituationen sowie Portraits der jeweiligen Trainer. Im Anschluss entstand der passende Internetauftritt in modernem Webdesign mit direkter Verknüpfung zur Facebook Seite von Körpereinsatz.<br />Die Umsetzung erfolgte mittels der CMS Software WordPress. Dadurch kann das Unternehmen jederzeit selbstständig die Inhalte der Seite verwalten, verändern und erweitern.</p>
<p><a href="http://koerpereinsatz.com" target="_blank">Hier geht&#8217;s zur Website: http://koerpereinsatz.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/korpereinsatz-website-und-corporate-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>no strings attached Website</title>
		<link>http://jan.ramroth.de/no-strings-attached-website/</link>
		<comments>http://jan.ramroth.de/no-strings-attached-website/#comments</comments>
		<pubDate>Tue, 04 Jan 2011 09:37:21 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/?p=696</guid>
		<description><![CDATA[Für das Figurentheaterfestival „no strings attached“ in Mainz gestaltete ich einen neuen Internetauftritt. Die Umsetzung erfolgte mittels der CMS Software WordPress. Hier geht&#8217;s zur Website: http://www.no-strings-attached.de]]></description>
			<content:encoded><![CDATA[<p>Für das Figurentheaterfestival „no strings attached“ in Mainz gestaltete ich einen neuen Internetauftritt. <br />Die Umsetzung erfolgte mittels der CMS Software WordPress.</p>
<p><a href="http://www.no-strings-attached.de" target="_blank">Hier geht&#8217;s zur Website: http://www.no-strings-attached.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/no-strings-attached-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Zettel’s Traum Livestream Website</title>
		<link>http://jan.ramroth.de/zettels-traum-livestream-seite/</link>
		<comments>http://jan.ramroth.de/zettels-traum-livestream-seite/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 23:06:31 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/?p=569</guid>
		<description><![CDATA[Für die sechsstündige Literaturlesung des Romans Zettel&#8217;s Traum von Arno Schmidt bei der SWR Literaturnacht 2010 in Mainz entwarf ich diese Microsite. Während der Veranstaltung wurde darin der Livestream übertragen. Bestehend aus verschiebbaren Zetteln ermöglicht sie es den Zuschauern ohne den Stream zu verlassen Informationen zu Projekt, Veranstatung und Team zu erhalten. Eine Demo der [...]]]></description>
			<content:encoded><![CDATA[<p>Für die sechsstündige Literaturlesung des Romans Zettel&#8217;s Traum von Arno Schmidt bei der SWR Literaturnacht 2010 in Mainz entwarf ich diese Microsite. Während der Veranstaltung wurde darin der Livestream übertragen. Bestehend aus verschiebbaren Zetteln ermöglicht sie es den Zuschauern ohne den Stream zu verlassen Informationen zu Projekt, Veranstatung und Team zu erhalten.<br />
 Eine <a href="http://www.jayjayweb.de/zettels_traum" target="_blank">Demo der Seite steht hier</a> zur Verfügung</p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/zettels-traum-livestream-seite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Luminale 2010 – Bahnhof Zoo</title>
		<link>http://jan.ramroth.de/luminale-2010/</link>
		<comments>http://jan.ramroth.de/luminale-2010/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 23:49:52 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Film & Video]]></category>
		<category><![CDATA[Web & Interaktion]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/?p=510</guid>
		<description><![CDATA[Von Sonntag 11. bis Freitag 16. April 2010 fand in Frankfurt und Rhein/Main Umgebung die Luminale statt. Aus diesem Anlass durften wir als Kurs verschiedene Installationen am Mainzer und Frankfurter Hauptbahnhof umsetzen. Gemeinsam mit Daniel Mauthe, Claudia Cress und Julian von Hopffgarten arbeitete ich am Bahnhof Zoo Projekt. Überdimensionale Lebewesen auf der Fassade des Frankfurter [...]]]></description>
			<content:encoded><![CDATA[<p>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="450" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11905955&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="800" height="450" src="http://vimeo.com/moogaloop.swf?clip_id=11905955&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</p>
<p>Von <strong>Sonntag 11. bis Freitag 16. April 2010</strong> fand in Frankfurt und Rhein/Main Umgebung die Luminale statt. Aus diesem Anlass durften wir als Kurs verschiedene Installationen am Mainzer und Frankfurter Hauptbahnhof umsetzen. Gemeinsam mit Daniel Mauthe, Claudia Cress und Julian von Hopffgarten arbeitete ich am Bahnhof Zoo Projekt. <em>Überdimensionale Lebewesen auf der Fassade des Frankfurter Hauptbahnhofs &#8230;</em> Betreut wurde das ganze von Prof. Tjark Ihmels der uns in jeglicher Hinsicht unterstützt hat. <br />
Gefördert wurde die Arbeit durch die Nachwuchsmedienförderung Rheinland-Pfalz. <br />
Bei der Werkschau der FH Mainz im Juli 2010 erhielt der Luminale Kurs den ersten Preis im Bereich Interaktion.</p>
<p> Die Projekt Website: <a href="http://lichtung.fh-mainz.de" target="_blank">http://lichtung.fh-mainz.de</a><br />
 Die offizielle Luminale Website: <a href="http://luminapolis.com" target="_blank">http://luminapolis.com</a>/</p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/luminale-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webworkshop 1.0</title>
		<link>http://jan.ramroth.de/webworkshop-1-0/</link>
		<comments>http://jan.ramroth.de/webworkshop-1-0/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 01:53:10 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/?p=448</guid>
		<description><![CDATA[Zu Beginn des Semesters gibt es an der FH Mainz die Workshopwoche im Studiengang Zeitbasierte Medien. Studenten unterrichten Studenten. Aus diesem Anlass boten Julian und ich einen Webworkshop an. Schwerpunkte waren die Basics des modernen Internets, die eigentlich schon seit über zehn Jahren die Basics sind. Nämlich HTML und CSS. An zwei Tagen setzten wir [...]]]></description>
			<content:encoded><![CDATA[<p>Zu Beginn des Semesters gibt es an der FH Mainz die <a href="http://blog.desainz.de/wir-brauchen-wieder-workshops/" target="_blank">Workshopwoche </a>im Studiengang Zeitbasierte Medien. Studenten unterrichten Studenten.<br />
 Aus diesem Anlass boten <a href="http://www.julianhermann.de/" target="_blank">Julian </a>und ich einen Webworkshop an. <br />
 Schwerpunkte waren die Basics des modernen Internets, die eigentlich schon seit über zehn Jahren die Basics sind. Nämlich HTML und CSS. An zwei Tagen setzten wir gemeinsam mit den Teilnehmern ein vorgegebenes Layout um. Zusätzlich gab es noch eine Einheit jquery und diverse Tips und Tricks für die Praxis. Der Kurs war sehr gut besucht und alle teilnehmer hatten am Ende eine kleine Seite erstellt. Die ersten Früchte in Form von Web Portfolios entstehen bereits, was uns sehr freut. Fortsetzung folgt.<br />
 <a href="http://jayjayweb.de/webworkshop" target="_blank">Zur Workshopseite</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/webworkshop-1-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sehfeld Studiengangsportfolio</title>
		<link>http://jan.ramroth.de/sehfeld-portfolio-zeitbasierte-medien/</link>
		<comments>http://jan.ramroth.de/sehfeld-portfolio-zeitbasierte-medien/#comments</comments>
		<pubDate>Thu, 24 Dec 2009 07:00:21 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/?p=490</guid>
		<description><![CDATA[Das Studiengangsportfolio wurde im Sommersemester 2008 im Designkurs bei Simone Heißel entwickelt. Im Seminar erarbeiteten wir Konzept und Layout für eine Webseite, die Arbeiten aus den Bereichen Film, Animation und Interaktion angemessen präsentiert. Als das Semester vorrüber war gab es noch keine Umsetzung der Seite, Layout und Konzept waren aber schon trockenen Tüchern und von [...]]]></description>
			<content:encoded><![CDATA[<p>Das Studiengangsportfolio wurde im Sommersemester 2008 im Designkurs bei Simone Heißel entwickelt. Im Seminar erarbeiteten wir Konzept und Layout für eine Webseite, die Arbeiten aus den Bereichen Film, Animation und Interaktion angemessen präsentiert.<br />
 Als das Semester vorrüber war gab es noch keine Umsetzung der Seite, Layout und Konzept waren aber schon trockenen Tüchern und von der Hochschule abgesegnet.<br />
 Ich setzte das Portfolio anschließend mit der Blog und CMS Software WordPress um. Seit Dezember 2009 ist die Seite online unter <a title="Sehfeld Studiengangsportfolio Zeitbasierte Medien, Medien-Design" href="http://sehfeld.fh-mainz.de" target="_blank">http://sehfeld.fh-mainz.de</a><br />
 Am Kurs waren außerdem beteiligt: Anna Schoderer, Florian Lemmel, Patrick Weise, Erman Ducqué, Christian Herber und Nicklas Armbruster.</p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/sehfeld-portfolio-zeitbasierte-medien/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>rebel-pictures.de</title>
		<link>http://jan.ramroth.de/rebel-pictures-de/</link>
		<comments>http://jan.ramroth.de/rebel-pictures-de/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 13:53:06 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/?p=297</guid>
		<description><![CDATA[Für Sebastian Matthias entstand die Website rebel-pictures.de mit Showreels, Filmografie, Photos und Kontaktmöglichkeiten. Er ist als Kameramann und Steadicam Operator im Rhein Main Gebiet also Frankfurt, Mainz, Wiesbaden, Darmstadt und darüberhinaus tätig. http://www.rebel-pictures.de]]></description>
			<content:encoded><![CDATA[<p>Für Sebastian Matthias entstand die Website rebel-pictures.de mit Showreels, Filmografie, Photos und Kontaktmöglichkeiten. Er ist als Kameramann und Steadicam Operator im Rhein Main Gebiet also Frankfurt, Mainz, Wiesbaden, Darmstadt und darüberhinaus tätig. <br />
 <a href="http://www.rebel-pictures.de/" target="_blank">http://www.rebel-pictures.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/rebel-pictures-de/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flashgame &#8211; bat the beast (2007)</title>
		<link>http://jan.ramroth.de/flashgame-bat-the-beast-2007/</link>
		<comments>http://jan.ramroth.de/flashgame-bat-the-beast-2007/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:53:48 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/blog/flashgame-bat-the-beast-2007/</guid>
		<description><![CDATA[The Idea for that interactive computer game was that toy actionfigures sit face to face on a table and use &#8216;real&#8217; humans as toy figures to fight eachother. We had to film countless video sequences in the bluebox therefore we integrate them as little loops into the game. We developed five characters rabbit, rocker, bummler, [...]]]></description>
			<content:encoded><![CDATA[<p>The Idea for that interactive computer game was that toy actionfigures sit face to face on a table and use &#8216;real&#8217; humans as toy figures to fight eachother. We had to film countless video sequences in the bluebox therefore we integrate them as little loops into the game. We developed five characters rabbit, rocker, bummler, hiphoper an a nurse. Each has a different power and the player has to explore which figure beats the other.</p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/flashgame-bat-the-beast-2007/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website – www.vollbildmainz.de</title>
		<link>http://jan.ramroth.de/website-www-vollbildmainz-de-2007/</link>
		<comments>http://jan.ramroth.de/website-www-vollbildmainz-de-2007/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:50:01 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>
		<category><![CDATA[vollbild]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/blog/website-www-vollbildmainz-de-2007/</guid>
		<description><![CDATA[I developed the website for our semester ending exhibition. http://www.vollbildmainz.de]]></description>
			<content:encoded><![CDATA[<p>I developed the website for our semester ending exhibition. <a href="http://www.vollbildmainz.de" target="_blank">http://www.vollbildmainz.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/website-www-vollbildmainz-de-2007/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website &#8211; www.dasign.info (2008)</title>
		<link>http://jan.ramroth.de/website-www-dasign-info-2008/</link>
		<comments>http://jan.ramroth.de/website-www-dasign-info-2008/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 22:48:37 +0000</pubDate>
		<dc:creator>janr</dc:creator>
				<category><![CDATA[Web & Interaktion]]></category>
		<category><![CDATA[dasign]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://jan.ramroth.de/blog/website-www-dasign-info-2008/</guid>
		<description><![CDATA[The website for our semester ending exhibition which always takes place after the semester. We had to plan and organize the whole event. I developed the site after a given CI following flyer and poster design. http://www.dasign.info]]></description>
			<content:encoded><![CDATA[<p>The website for our semester ending exhibition which always takes place after the semester. We had to plan and organize the whole event. I developed the site after a given CI following flyer and poster design. http://www.dasign.info</p>
]]></content:encoded>
			<wfw:commentRss>http://jan.ramroth.de/website-www-dasign-info-2008/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

