<?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>huellmann.com &#187; Webdesign</title>
	<atom:link href="http://www.huellmann.com/tag/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://www.huellmann.com</link>
	<description>Hello, I&#039;m a multimedia designer and developer.</description>
	<lastBuildDate>Sun, 09 Nov 2008 15:35:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>kolibri-loving images</title>
		<link>http://www.huellmann.com/portfolio/2008/02/11/kolibri-loving_images</link>
		<comments>http://www.huellmann.com/portfolio/2008/02/11/kolibri-loving_images#comments</comments>
		<pubDate>Mon, 11 Feb 2008 07:00:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Diplomarbeit]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Projektkategorie]]></category>
		<category><![CDATA[Projektkontext]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[Web-Präsentationsplattform]]></category>
		<category><![CDATA[Anwendungskonzept]]></category>
		<category><![CDATA[Benutzeroberflächen- und Bedienkonzept]]></category>
		<category><![CDATA[Corporate Design (CD)]]></category>
		<category><![CDATA[Logodesign]]></category>
		<category><![CDATA[Marktanalyse]]></category>
		<category><![CDATA[Präsentationsplattform]]></category>
		<category><![CDATA[Printdesign]]></category>
		<category><![CDATA[Produktkonzept]]></category>
		<category><![CDATA[Styleguide]]></category>
		<category><![CDATA[Webanwendung]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://localhost/tests/wp/?p=7</guid>
		<description><![CDATA[kolibri-loving images ist eine Präsentationsplattform für multimediale Inhalte im Internet. kolibri setzt seine Schwerpunkte vor allem auf die Qualität der Präsentation und ein ungewöhnliches Bedienkonzept.]]></description>
			<content:encoded><![CDATA[<p><em>kolibri &#8211; loving images</em> ist der Titel meiner Diplomarbeit im Fachbereich Gestaltung an der Hochschule Augsburg mit dem Thema:</p>
<blockquote><p>kolibri – loving images: Konzeption, Gestaltung und Entwicklung einer Online-Präsentationsplattform für multimediale Inhalte.</p>
</blockquote>
<p>Hinter diesem Namen verbirgt sich eine kleine, aber funktionsreiche Plattform, um direkt im Internet aus digitalen Bilddaten anspruchsvolle Slideshows zu erstellen und diese zu veröffentlichen oder zu präsentieren. Sie entstand aus der grundlegenden Idee, den Umgang mit Bildern im Internet zu verbessern und ihm einen gewissen Unterhaltungswert zu schenken.</p>
<p><em>kolibri </em>nutzt die offenen Schnittstellen bekannter Bild- oder Medienportale, wie <em>Flickr </em>oder <em>Picasa Web Albums</em> und ist somit nicht nur ein Werkzeug, um Präsentationen zu erstellen, sondern gleichzeitig eine persönliche Galerie bzw. Bibliothek, die eigene und auch gesammelte Bilddaten auf einer Plattform bündelt. Eine der Besonderheiten von <em>kolibri </em>ist die Gestensteuerung mit der <em>Nintendo Wiimote</em>, die einen intuitiven Umgang mit dem Benutzerinterface der Slideshow möglich macht.</p>
<p>Ansprechen soll <em>kolibri </em>vor allem webaffine Kreative mit visuellem Output. Dazu zählen unter anderem beispielsweise Fotografen, Designer, Architekten und Studenten mit gestalterischer Fachrichtung.</p>
<p>Im Rahmen der Diplomarbeit wurde <em>kolibri </em>konzeptioniert, die Benutzeroberfläche und das Erscheinungsbild ausgearbeitet und Teile der Anwendung umgesetzt. Eingesetzte Technologien waren u.a. <em>Adobe Flex</em> und <em>ActionScript 3</em> in <em>Eclipse</em>, <em>Papervision3D</em>, <em>Tweener </em>und <em>WiiFlash</em>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.huellmann.com/portfolio/2008/02/11/kolibri-loving_images/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>humedica International</title>
		<link>http://www.huellmann.com/portfolio/2006/07/01/humedica_international</link>
		<comments>http://www.huellmann.com/portfolio/2006/07/01/humedica_international#comments</comments>
		<pubDate>Fri, 30 Jun 2006 22:00:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Praxissemester]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Styleguide]]></category>

		<guid isPermaLink="false">http://localhost/tests/wp/?p=28</guid>
		<description><![CDATA[Konzeption und Gestaltung des neuen Webauftritts für humedica International im Auftrag von vianovis® - neue medien gmbh.]]></description>
			<content:encoded><![CDATA[<p><em>humedica International</em> ist eine national sowie international hoch angesehene und bekannte Hilfsorganisation mit dem Hauptsitz in Kaufbeuren. <em>humedica </em>hat sich auf medizinische Hilfe durch Medikamente und Ärzte spezialisiert.</p>
<p>Im Rahmen meines Praxissemesters bei der Medienagentur <em>vianovis®</em>, die monatlich ein bestimmtes Kontingent an Know-how und Mannstunden spendet, bekam ich den Auftrag, den in die Jahre gekommen Webauftritt von <em>humedica </em>völlig neu zu konzeptionieren und zu gestalten.</p>
<p>Das Hauptaugenmerk bei der Gestaltung der Webseite lag darauf, die Schwerpunkte von humedica, die medizinische Hilfe und Auslieferung von notwendigen Medikamenten nach außen zu kommunizieren und sich durch eine moderne und individuelle Gestaltung von anderen Hilfsorganisationen abzuheben. Dabei spielten in der Entwurfsphase ein vertrauenswürdiges und professionelles Auftreten eine genauso wichtige Rolle wie die Übersichtlichkeit und gute Bedienbarkeit der Seite.</p>
<p>Die Umsetzung des ausgewählten Webdesigns und dem dazugehörigen Styleguide mit dem freien <em>Content Management System (CMS)</em> <em>Plone </em>übernahm Nils Schreiber und später tog.is.</p>
<p><a class="button" title="www.humedica.de" href="http://www.humedica.org/"><span>Webseite besuchen</span></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.huellmann.com/portfolio/2006/07/01/humedica_international/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>www.vianovis.de</title>
		<link>http://www.huellmann.com/portfolio/2006/05/01/www_vianovis_de</link>
		<comments>http://www.huellmann.com/portfolio/2006/05/01/www_vianovis_de#comments</comments>
		<pubDate>Sun, 30 Apr 2006 22:00:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Praxissemester]]></category>
		<category><![CDATA[Studium]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Web-Programmierung]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://localhost/tests/wp/?p=30</guid>
		<description><![CDATA[Komplettes Redesign und Umsetzung der agentureigenen Webseite von vianovis® - neue medien gmbh.]]></description>
			<content:encoded><![CDATA[<p>Komplettes Redesign und Umsetzung der agentureigenen zweisprachigen Webseite von <em>vianovis® &#8211; neue medien gmbh</em>.</p>
<p>Im Vordergrund bei der Gestaltung der Webseite standen ein einfaches und zurückhaltendes Grunddesign und ein flexibles Layout, um individuell gestaltbare Unterseiten und eine einfache und gute Erweiterbarkeit der Seite um weitere Inhalte zu ermöglichen.</p>
<p>Bei der Umsetzung mit XHTML, CSS, PHP &amp; JavaScript und einem eigens entwickelten einfachen Templatesystems wurde Wert auf eine valide Programmierung nach aktuellsten Web-Standards gelegt.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.huellmann.com/portfolio/2006/05/01/www_vianovis_de/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>www.rosenstiehl.de</title>
		<link>http://www.huellmann.com/portfolio/2005/10/15/www_rosenstiehl_de</link>
		<comments>http://www.huellmann.com/portfolio/2005/10/15/www_rosenstiehl_de#comments</comments>
		<pubDate>Sat, 15 Oct 2005 10:00:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Filmproduktion]]></category>
		<category><![CDATA[Freiberuflich]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Privat]]></category>
		<category><![CDATA[Projektkategorie]]></category>
		<category><![CDATA[Projektkontext]]></category>
		<category><![CDATA[Web-Programmierung]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.huellmann.com/wp/?p=83</guid>
		<description><![CDATA[Nähere Beschreibung siehe Rosenstiehl &#8211; Der Film. Webseite besuchen]]></description>
			<content:encoded><![CDATA[<p>Nähere Beschreibung siehe <a title="Rosenstiehl - Der Film" href="portfolio/2004/06/01/rosenstiehl-der_film">Rosenstiehl &#8211; Der Film</a>.</p>
<p><a class="button" title="www.rosenstiehl.de" href="http://www.rosenstiehl.de/"><span>Webseite besuchen</span></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.huellmann.com/portfolio/2005/10/15/www_rosenstiehl_de/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rosenstiehl &#8211; Der Film</title>
		<link>http://www.huellmann.com/portfolio/2004/06/01/rosenstiehl-der_film</link>
		<comments>http://www.huellmann.com/portfolio/2004/06/01/rosenstiehl-der_film#comments</comments>
		<pubDate>Mon, 31 May 2004 22:00:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Filmproduktion]]></category>
		<category><![CDATA[Freiberuflich]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Privat]]></category>
		<category><![CDATA[Projektkontext]]></category>
		<category><![CDATA[AV-Design]]></category>
		<category><![CDATA[Corporate Design (CD)]]></category>
		<category><![CDATA[Fotografie]]></category>
		<category><![CDATA[Logodesign]]></category>
		<category><![CDATA[Printdesign]]></category>
		<category><![CDATA[Web-Programmierung]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.huellmann.v6/wp/?p=38</guid>
		<description><![CDATA[Rosenstiehl (2005) ist nicht nur das aufwendigste private/freiberufliche Projekt, sondern eines der umfangreichsten Projekte überhaupt an denen ich mitgewirkt habe. Es zählt zu meinen absoluten Lieblingsprojekten und steht für mich für das, was aus einer Vielzahl freiwilliger Kreativer und Profis aus den verschiedensten Bereichen entstehen kann. Rosenstiehl ist der dritte Film/Kurzfilm, an dem ich zusammen [...]]]></description>
			<content:encoded><![CDATA[<p><em><a title="rosenstiehl.de - Die Seite zum gleichnahmigen Film" href="http://www.rosenstiehl.de/">Rosenstiehl</a> </em>(2005) ist nicht nur das aufwendigste private/freiberufliche Projekt, sondern eines der umfangreichsten Projekte überhaupt an denen ich mitgewirkt habe. Es zählt zu meinen absoluten Lieblingsprojekten und steht für mich für das, was aus einer Vielzahl freiwilliger Kreativer und Profis aus den verschiedensten Bereichen entstehen kann.</p>
<p><em>Rosenstiehl </em>ist der dritte Film/Kurzfilm, an dem ich zusammen mit <em>Stefan Weiß</em>, einem guten Freund, gearbeitet habe. Während bei den ersten beiden kleineren Produktionen, <em>persönliches</em> (2001) und <em>18°</em> (2003), die Rollenverteilung noch nicht festgelegt war, war ich bei dieser ausschließlich hinter der Kamera aktiv und allein verantwortlich für die Gestaltung im und rund um den Film.</p>
<p>Die Gestaltung des Filmplakats war der erste Schritt und zugleich auch der Wegweiser für das endgültige Corporate Design (CD) des Films. Dabei wird auf ihm nicht nur der Name der Schlüsselperson <em>Elisabeth Rosenstiehl (Heidy Forster)</em> abstrahiert aufgegriffen, sondern es repräsentiert diesen auch gleichzeitig als wohlhabendere und mit Charme und weiblicher Intelligenz gesegneten älteren Dame. Darüberhinaus gibt das Plakat in gewisser Weise bereits versteckte Hinweise auf die Auflösung des Films.</p>
<p>Insgesamt wurde für <em>Rosenstiehl</em>, passend zu einer liebenswerten Kriminalkomöde mit fiktivem historischem Hintergrund, ein edles, verspieltes, nostalgisches und geheimnisvolles CD mit modernem und zeitgemäßem Charakter konzipiert. Medienübergreifend wurde dieses dann in Form von einer Titelanimation, dem Filmvor- und abspann, Postkarten, einer DVD mit diversen Extras, einer Webseite, etc. umgesetzt.</p>
<p>Außerdem erstellte ich eine S/W-Fotoserie über die Dreharbeiten, übernahm die Programmierung der Webseite und erstellte spezielle Elemente für den Film, wie z.B. eine fiktive Webseite der <em>Stadtbibliothek München</em>, auf der <em>Robert (Florian Odendahl)</em> in einem Archiv nach alten Zeitungsartikeln der <em>Berliner Zeitung</em> stöbert oder einen Trenner für das fiktive Fernsehmagazin <em>Sanja Mag</em>.</p>
<p>Generell galt für alle Arbeiten, sich auch neben Hollywood-Produktionen behaupten zu können und einer Independent-Produktion mehr als nur gerecht zu werden.</p>
<p><a class="button" title="www.rosenstiehl.de" href="http://www.rosenstiehl.de/"><span>Seite zum Film</span></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.huellmann.com/portfolio/2004/06/01/rosenstiehl-der_film/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
