<?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>TIMO HOYER — Visual Communication — Weblog &#187; Webdesign</title>
	<atom:link href="http://timohoyer.de/weblog/tag/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://timohoyer.de/weblog</link>
	<description>Blogging about design and UX from Mannheim, Germany.</description>
	<lastBuildDate>Wed, 21 Sep 2011 06:20:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>_ The Wilderness Downtown</title>
		<link>http://timohoyer.de/weblog/the-wilderness-downtown/</link>
		<comments>http://timohoyer.de/weblog/the-wilderness-downtown/#comments</comments>
		<pubDate>Tue, 26 Jul 2011 16:00:04 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Intern]]></category>
		<category><![CDATA[Digital]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=1121</guid>
		<description><![CDATA[

I really like the idea and execution of this project and it has gotten a well deserved D&#038;AD pencil in Digital Design. Check it out yourself—it&#8217;s worth it!
]]></description>
			<content:encoded><![CDATA[<p><img src="http://timohoyer.de/weblog/wp-content/uploads/2011/07/wilderness1-500x260.png" alt="wilderness1" title="wilderness1" width="500" height="260" class="blog-image" /></p>
<p><img src="http://timohoyer.de/weblog/wp-content/uploads/2011/07/wilderness2.png" alt="wilderness2" title="wilderness2" width="500" height="260" class="blog-image" /></p>
<p>I really like the idea and execution of this project and it has gotten a well deserved <a href="http://www.dandad.org/index.php/awards/professional/2011/categories/digd/digital-design/18170/the-wilderness-downtown">D&#038;AD pencil</a> in Digital Design. <a href="http://thewildernessdowntown.com/">Check it out yourself</a>—it&#8217;s worth it!</p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/the-wilderness-downtown/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LIGALUX relauncht Website</title>
		<link>http://timohoyer.de/weblog/ligalux-relauncht-website/</link>
		<comments>http://timohoyer.de/weblog/ligalux-relauncht-website/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 07:59:26 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=420</guid>
		<description><![CDATA[Vorher:

Nachher:



Link: http://www.ligalux.de
]]></description>
			<content:encoded><![CDATA[<p>Vorher:<br />
<img src="http://timohoyer.de/weblog/wp-content/uploads/2009/06/ligalux2.png" /></p>
<p>Nachher:<br />
<img src="http://timohoyer.de/weblog/wp-content/uploads/2009/06/ligalux_website1.png" /></p>
<p><img src="http://timohoyer.de/weblog/wp-content/uploads/2009/06/ligalux_website2.png" /></p>
<p><img src="http://timohoyer.de/weblog/wp-content/uploads/2009/06/ligalux_website3.png" /></p>
<p>Link: <a href="http://www.ligalux.de">http://www.ligalux.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/ligalux-relauncht-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webmaster 4you!</title>
		<link>http://timohoyer.de/weblog/webmaster-4you/</link>
		<comments>http://timohoyer.de/weblog/webmaster-4you/#comments</comments>
		<pubDate>Fri, 05 Jun 2009 15:50:49 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Online]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=404</guid>
		<description><![CDATA[
Die Zukunft des Webdesigns (und Webdevelopments nat&#252;rlich) ist gesichert — dank Webmaster 4you. Hier werden diverse Tools verwendet. Von u.a. Firmen wie Adobe oder Macromedia (RIP).
Link: webmaster-4you.de
]]></description>
			<content:encoded><![CDATA[<p><img src="http://timohoyer.de/weblog/wp-content/uploads/2009/06/webmaster4you.jpg" /></p>
<p>Die Zukunft des Webdesigns (und Webdevelopments nat&#252;rlich) ist gesichert — dank Webmaster 4you. Hier werden diverse Tools verwendet. Von u.a. Firmen wie Adobe oder Macromedia (RIP).</p>
<p>Link: <a href="http://www.webmaster-4you.de">webmaster-4you.de</a></p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/webmaster-4you/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kolle Rebbe relauncht Website</title>
		<link>http://timohoyer.de/weblog/kolle-rebbe-relauncht-website/</link>
		<comments>http://timohoyer.de/weblog/kolle-rebbe-relauncht-website/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 11:47:22 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=389</guid>
		<description><![CDATA[


http://kollerebbe.de (Kolle Rebbe)
http://korefe.de (Designagentur »Kolle Rebbe Form und Entwicklung«)
]]></description>
			<content:encoded><![CDATA[<p><img src="http://timohoyer.de/weblog/wp-content/uploads/2009/04/kollerebbe_web3.png" /></p>
<p><img src="http://timohoyer.de/weblog/wp-content/uploads/2009/04/kollerebbe_web.png" /></p>
<p><img src="http://timohoyer.de/weblog/wp-content/uploads/2009/04/kollerebbe_web2.png" /></p>
<p><a href="http://kollerebbe.de">http://kollerebbe.de</a> (Kolle Rebbe)<br />
<a href="http://korefe.de">http://korefe.de</a> (Designagentur »Kolle Rebbe Form und Entwicklung«)</p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/kolle-rebbe-relauncht-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Farben f&#252;r Web-Designer</title>
		<link>http://timohoyer.de/weblog/farben-fuer-web-designer/</link>
		<comments>http://timohoyer.de/weblog/farben-fuer-web-designer/#comments</comments>
		<pubDate>Thu, 27 Nov 2008 10:02:52 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=239</guid>
		<description><![CDATA[

Hilfe bei der Farbauswahl im Webdesign bieten zahlreiche Seiten. forwebdesigners.com hat die popul&#228;rsten und besten auf einer Liste zusammengefasst.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://kuler.adobe.com/"><img src="http://timohoyer.de/weblog/wp-content/uploads/2008/11/farben-fuer-webdesigner.png" alt="Farben f&#252;r Webdesigner: Adobe kuler" title="Farben f&#252;r Webdesigner: Adobe kuler" width="460" height="397" class="size-full wp-image-242" /></a></p>
<p><a href="http://www.ficml.org/jemimap/style/color/wheel.html"><img src="http://timohoyer.de/weblog/wp-content/uploads/2008/11/farben-fuer-webdesigner2.png" alt="Farben f&#252;r Webdesigner: 4096 Color Wheel" title="Farben f&#252;r Webdesigner: 4096 Color Wheel" width="460" height="397" class="size-full wp-image-243" /></a></p>
<p>Hilfe bei der Farbauswahl im Webdesign bieten zahlreiche Seiten. forwebdesigners.com hat die popul&#228;rsten und besten <a href="http://www.forwebdesigners.com/colors/">auf einer Liste zusammengefasst</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/farben-fuer-web-designer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Produkt pur</title>
		<link>http://timohoyer.de/weblog/produkt-pur/</link>
		<comments>http://timohoyer.de/weblog/produkt-pur/#comments</comments>
		<pubDate>Wed, 27 Aug 2008 19:45:28 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=173</guid>
		<description><![CDATA[
Erfolgreiches E-Commerce à la Apple. Das Produkt steht im Vordergrund und der Betrachter wird von keinen unn&#246;tigen Elementen wie Werbung oder Kategorie-Wirr-warr abgelenkt. Man f&#252;hlt sich wie vor dem Schuhregal … fast mit der Nase am Produkt. So kann ein Online-Store eben auch aussehen. Verantwortlich f&#252;r diese simple Seite zeichnet 350 Designs, Kanada.
]]></description>
			<content:encoded><![CDATA[<p><img src='http://timohoyer.de/weblog/wp-content/ecommerce_460.png' alt='e-commerce webdesign' /></p>
<p>Erfolgreiches E-Commerce à la Apple. Das Produkt steht im Vordergrund und der Betrachter wird von keinen unn&#246;tigen Elementen wie Werbung oder Kategorie-Wirr-warr abgelenkt. Man f&#252;hlt sich wie vor dem Schuhregal … fast mit der Nase am Produkt. So kann ein Online-Store eben auch aussehen. Verantwortlich f&#252;r <a href="http://shoeguru.ca/">diese simple Seite</a> zeichnet <a href="http://350designs.com/work/case-studies/shoeguru">350 Designs</a>, Kanada.</p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/produkt-pur/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Betriebssystem-Flavored Webdesign</title>
		<link>http://timohoyer.de/weblog/betriebssystem-flavored-webdesign/</link>
		<comments>http://timohoyer.de/weblog/betriebssystem-flavored-webdesign/#comments</comments>
		<pubDate>Thu, 07 Aug 2008 16:14:19 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=163</guid>
		<description><![CDATA[Es wurde vor einem Jahr schon mal &#252;ber eine Seite davon berichtet, aber alles auf einen Blick muss man definitiv sagen, dass Grabarz &#038; Partner den bei weitem besten Job bei ihrem OS-UI-Look gemacht haben. Das mit den Mitarbeiter-Accounts (das hier gezeigte ist &#252;brigens vom Gesch&#228;ftsf&#252;hrer) ist super, die Umsetzung ist am konsquentesten, wie etwa [...]]]></description>
			<content:encoded><![CDATA[<p>Es wurde vor einem Jahr schon mal <a href="http://www.fontblog.de/lasst-das-nur-nicht-apple-sehen">&#252;ber eine Seite davon berichtet</a>, aber alles auf einen Blick muss man definitiv sagen, dass Grabarz &#038; Partner den bei weitem besten Job bei ihrem OS-UI-Look gemacht haben. Das mit den Mitarbeiter-Accounts (das hier gezeigte ist &#252;brigens vom Gesch&#228;ftsf&#252;hrer) ist super, die Umsetzung ist am konsquentesten, wie etwa die Widescreengr&#246;&#223;e wie man es von Apple kennt, wenn man keine Thirdparty-Produkte verwendet und schlie&#223;lich der Witz bzw. die Entdeckungsm&#246;glichkeiten. Die anderen poppen entweder einfach nur zum Vollbild auf oder bleiben in der aktuellen Browserfenstergr&#246;&#223;e.</p>
<p>Das Konzept von We Do funktioniert insofern schon nicht richtig, als die Pop-Up-Fenster in der eigenen Betriebssystem-Optik aufgehen.</p>
<p>Vertreten sind </p>
<p>_Mac OS 9 (<a href="http://julianopie.com">julianopie.com</a>),<br />
_Mac OS X Tiger (<a href="http://www.make-love-not-aids.de/">make-love-not-aids.de</a> und <a href="http://grabarz.de">grabarz.de</a>) und<br />
_Windows 2000 (<a href="http://wedo-berlin.de/">wedo-berlin.de</a>)</p>
<p><nbsp;><br />
<a href="http://julianopie.com"><img src='http://timohoyer.de/weblog/wp-content/os_webdesign1.png' alt='OS Webdesign1' /><br />
</a><a href="http://julianopie.com">Julian Opie</a></p>
<p><a href="http://grabarz.de"><img src='http://timohoyer.de/weblog/wp-content/os_webdesign2.png' alt='OS Webdesign2' /><br />
</a><a href="http://grabarz.de">Grabarz &#038; Partner</a></p>
<p><a href="http://www.make-love-not-aids.de"><img src='http://timohoyer.de/weblog/wp-content/os_webdesign4.png' alt='OS Webdesign4' /><br />
</a><a href="http://www.make-love-not-aids.de/">Make Love not Aids</a></p>
<p><a href="http://wedo-berlin.de"><img src='http://timohoyer.de/weblog/wp-content/os_webdesign3.png' alt='OS Webdesign3' /><br />
</a><a href="http://wedo-berlin.de">We Do Berlin</a></p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/betriebssystem-flavored-webdesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Usability-Test von timohoyer.de</title>
		<link>http://timohoyer.de/weblog/usabilitytest-von-timohoyerde/</link>
		<comments>http://timohoyer.de/weblog/usabilitytest-von-timohoyerde/#comments</comments>
		<pubDate>Wed, 16 Jul 2008 13:05:12 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Intern]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[University]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=156</guid>
		<description><![CDATA[
Die ist das Ergebnis aus dem Usability-Test f&#252;r meine Portfolio-Seite. Es wurden drei Probanden ge-eye-trackt (das Video zeigt nur den dritten Probanden), die die Seite vorher noch nie gesehen haben. Sobald die Augen l&#228;nger auf einem Punkt verweilen vergr&#246;&#223;ert sich der blaue Kreis.
Die gestellten Aufgaben waren:
1_ Finde die E-Mail-Adresse um mich zu kontaktieren.
2_ Blende den [...]]]></description>
			<content:encoded><![CDATA[<p><object width="460" height="370"><param name="movie" value="http://www.youtube.com/v/1unrtI9AD_g&#038;hl=en&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/1unrtI9AD_g&#038;hl=en&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="460" height="370"></embed></object></p>
<p>Die ist das Ergebnis aus dem Usability-Test f&#252;r meine Portfolio-Seite. Es wurden drei Probanden <a href="http://en.wikipedia.org/wiki/Eye_tracking">ge-eye-trackt</a> (das Video zeigt nur den dritten Probanden), die die Seite vorher noch nie gesehen haben. Sobald die Augen l&#228;nger auf einem Punkt verweilen vergr&#246;&#223;ert sich der blaue Kreis.</p>
<p>Die gestellten Aufgaben waren:</p>
<p>1_ Finde die E-Mail-Adresse um mich zu kontaktieren.<br />
2_ Blende den Infotext bei der f&#252;nften Arbeit im Portfolio aus.<br />
3_ Finde das Profilfoto.<br />
4_ Schreibe einen Kommentar im Blog.<br />
5_ Finde von hier zur&#252;ck zum Portfolio.</p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/usabilitytest-von-timohoyerde/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Trashiges Webdesign von Kreativen</title>
		<link>http://timohoyer.de/weblog/trash-webdesign-von-kreativen/</link>
		<comments>http://timohoyer.de/weblog/trash-webdesign-von-kreativen/#comments</comments>
		<pubDate>Sat, 14 Jun 2008 12:17:25 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://timohoyer.de/weblog/?p=136</guid>
		<description><![CDATA[


Wie viele Kreativagenturen kommen eigentlich noch mit einer Kessels-Kramer’schen Trash-Website an den Start? Beim Aktualisieren von kesselskramer.com hat man doch schon alle Varianten von lustigem Trash. Aimaq Rapp Stolle, Berlin und Die Krieger des Lichts (DKdL) aus N&#252;rnberg im Worst-Case-Theme haben auf jeden Fall gro&#223;e &#196;hnlichkeit zu den Holl&#228;ndern.
Meine erste Website hatte &#252;brigens 1998 auch [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ars-berlin.de"><img src='http://timohoyer.de/weblog/wp-content/trash1_460.png' alt='Trash Webdesign ARS' /></a></p>
<p><a href="http://kesselskramer.com"><img src='http://timohoyer.de/weblog/wp-content/trash3_460.png' alt='Trash Webdesign Kesselskramer' /></a></p>
<p><a href="http://www.dkdl.de"><img src='http://timohoyer.de/weblog/wp-content/trash2_460.png' alt='Trash Webdesign Die Krieger des Lichts' /></a></p>
<p>Wie viele Kreativagenturen kommen eigentlich noch mit einer Kessels-Kramer’schen Trash-Website an den Start? Beim Aktualisieren von <a href="http://kesselskramer.com">kesselskramer.com</a> hat man doch schon alle Varianten von lustigem Trash. <a href="http://www.ars-berlin.de">Aimaq Rapp Stolle</a>, Berlin und <a href="http://www.dkdl.de">Die Krieger des Lichts</a> (DKdL) aus N&#252;rnberg im Worst-Case-Theme haben auf jeden Fall gro&#223;e &#196;hnlichkeit zu den Holl&#228;ndern.</p>
<p>Meine erste Website hatte &#252;brigens 1998 auch animierte E-Mail-GIF-Grafiken auf der Startseite – allerdings ernstgemeint. Im Netscape Composer war das damals aber auch noch wirklich ein Highlight.</p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/trash-webdesign-von-kreativen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Modernistas Web 2.0-Hommage</title>
		<link>http://timohoyer.de/weblog/modernistas-web20-hommage/</link>
		<comments>http://timohoyer.de/weblog/modernistas-web20-hommage/#comments</comments>
		<pubDate>Mon, 10 Mar 2008 13:24:48 +0000</pubDate>
		<dc:creator>Timo</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://bentpages.alfahosting.org/wordpress/?p=115</guid>
		<description><![CDATA[Die Portfolio-Website der Werbeagentur »Modernista« besteht aus den Web2.0-Services flickr, Google News, wikipedia und YouTube. Ein Schritt weiter gedacht.
Jung von Matt Schweden hatte vor ein paar Monaten einen &#228;hnlichen Einfall, indem sie ihre komplette Internetpr&#228;senz auf ein flickr-Album minimieren. Modernista geht aber konsequent alle Services an und schiebt &#252;ber sie nur einen kleinen Frame mit [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.modernista.com">Die Portfolio-Website der Werbeagentur »Modernista«</a> besteht aus den Web2.0-Services flickr, Google News, wikipedia und YouTube. Ein Schritt weiter gedacht.</p>
<p><a href="http://www.jungvonmatt.se/">Jung von Matt Schweden</a> hatte vor ein paar Monaten einen &#228;hnlichen Einfall, indem sie ihre komplette Internetpr&#228;senz auf ein flickr-Album minimieren. Modernista geht aber konsequent alle Services an und schiebt &#252;ber sie nur einen kleinen Frame mit viiiel JavaScript.</p>
<p><img src='http://timohoyer.de/weblog/wp-content/modernista.png' alt='modernista portfolio' class='center' /></p>
<p><a href="http://www.k10k.net/news/15008/">via</a></p>
]]></content:encoded>
			<wfw:commentRss>http://timohoyer.de/weblog/modernistas-web20-hommage/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

