<?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>David Hellmann - Grafikdesign, Webdesign, Webentwicklung, HTML, CSS, Wordpress &#187; Webdesign</title>
	<atom:link href="http://www.davidhellmann.com/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.davidhellmann.com</link>
	<description>David Hellmann erstellt und realisiert Grafik- und Webdesign Projekte. Auf davidhellmann.com erfahren Sie mehr über Kompetenzen und Leistungen, Projekte und Referenzen.</description>
	<lastBuildDate>Thu, 22 Jul 2010 17:08:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Make Better Websites &#8211; iPad und iPhone Version sind online</title>
		<link>http://www.davidhellmann.com/webdesign/make-better-websites-ipad-und-iphone-version-sind-online/</link>
		<comments>http://www.davidhellmann.com/webdesign/make-better-websites-ipad-und-iphone-version-sind-online/#comments</comments>
		<pubDate>Thu, 22 Jul 2010 17:08:27 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mobile Web]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=1081</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
Viele von uns nutzen <strong>iPhone</strong> und <strong>iPad</strong> flei&#223;ig zum surfen im Internet. Nicht jede Seite ist aber auf diese Ger&#228;te angepasst. <a href="http://www.makebetterwebsites.com">Make Better Websites</a> macht ab heute einen Schritt in diese Richtung. Es gibt f&#252;r iPhone und iPad eine <strong>Mobile Seit</strong>e die aufgerufen wird. Das ganze sogar in Abh&#228;ngigkeit davon wie das Ger&#228;t gehalten wird. Soll hei&#223;en die Seite passt sich dem <strong>Landschafts- und Portr&#228;itmodus</strong> automatisch an. Klappt soweit auch ganz gut. 
</p>
<p>
Wer die Seite nun mit einem dieser Ger&#228;te ansteuert wird schnell merken, dass dort nicht der gleiche Funktionsumfang zu finden ist wie wenn man &#252;ber den Browser kommt. Das ist Absicht und wem das nicht gef&#228;llt der hat, so leid es mir tut, Pesch gehabt :) Im Moment funktioniert es nur so. Wobei ich denke das es so eh die bessere L&#246;sung ist. 
</p>
<div id="attachment_1082" class="wp-caption alignright" style="width: 610px"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/07/mbw-ipad-01.jpg" alt="iPad Landscape" title="iPad Landscape" width="600" height="450" class="size-full wp-image-1082" /><p class="wp-caption-text">iPad Landscape</p></div>
<span id="more-1081"></span>
<div id="attachment_1083" class="wp-caption alignright" style="width: 610px"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/07/mbw-ipad-02.jpg" alt="iPad Portrait" title="iPad Portrait" width="600" height="800" class="size-full wp-image-1083" /><p class="wp-caption-text">iPad Portrait</p></div>

<div id="attachment_1084" class="wp-caption alignright" style="width: 490px"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/07/mbw-iphone-01.jpg" alt="iPhone Landscape" title="iPhone Landscape" width="480" height="320" class="size-full wp-image-1084" /><p class="wp-caption-text">iPhone Landscape</p></div>
<div id="attachment_1085" class="wp-caption alignright" style="width: 330px"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/07/mbw-iphone-02.jpg" alt="iPhone Portrait" title="iPhone Portrait" width="320" height="480" class="size-full wp-image-1085" /><p class="wp-caption-text">iPhone Portrait</p></div>

<p>
Ich w&#252;rde mich &#252;ber die ein oder andere Meinung freuen. Gef&#228;llt es, gef&#228;llt es nicht etc.<br />
Link: <a href="http://www.makebetterwebsites.com">www.makebetterwebsites.com</a>
</p>
]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/make-better-websites-ipad-und-iphone-version-sind-online/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten &#8211; Juni 2010</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-juni-2010/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-juni-2010/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 19:37:37 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=1073</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/07/top5juni10.jpg" alt="" title="top5juni10" width="200" height="110" class="alignright size-full wp-image-1074" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die f&#252;nf, meiner Meinung nach, sch&#246;nsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> ver&#246;ffentlicht wurden. Viel spa&#223; beim schauen.
</p>

<h4>Square</h4>
<p class="bild">
<a href="http://www.squareup.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/06/squareup.jpg" alt="Square" title="Square" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
Square ist die Webseite zu einer iPhone- und iPad App. Das sieht man auch. Irgendwie h&#228;ngt der Apple Look an der Seite mit dran. Schlecht? Nein im Gegenteil! Alles kommt sehr schlicht und sauber daher. Die Seite an sich ist auch nicht das Inhaltswunder. Ein paar Bilder, ein wenig Text - mehr braucht es nicht. Auch die Seite wo die Features vorgestellt werden ist sehr Apple like. Sch&#246;n gemacht. Klasse Seite! URL: <a href="http://www.squareup.com/">www.squareup.com</a>
</p>
<span id="more-1073"></span>
<h4>Shine from Yahoo</h4>
<p class="bild">
<a href="http://shine.yahoo.com/channel/food"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/06/shine.jpg" alt="Shine from Yahoo" title="Shine from Yahoo" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Yahoo steht bei mir nicht direkt in Verbindung mit sch&#246;nen Sachen. OK, au&#223;er Flickr vielleicht :) Aber diese Seite hat mir auf Anhieb sehr sehr gut gefallen. Die Typo der Seite ist super wie ich finde. Solche Seite mit massig Inhalten sch&#246;n zu gestalten ist ja nicht so einfach. Hier aber ist es sehr gut gelungen. Sch&#246;ne gro&#223;e Headlines mag ich ja eh. Damit haben Sie genau meinen Geschmack getroffen. Saubere Arbeit :) URL: <a href="http://shine.yahoo.com/channel/food">shine.yahoo.com/channel/food</a>
</p>

<h4>Drxlr</h4>
<p class="bild">
<a href="http://www.drxlr.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/06/drxlr.jpg" alt="Drxlr" title="Drxlr" /></a>
</p>
<p>
Hier passt jeder Pixel an den anderen. Selten so eine sch&#246;ne saubere Seite gesehen. Der Designer setzt mit Gelb und T&#252;rkis zwei grelle Farben ein die aber sch&#246;n mit dem Grau harmonieren. Use your Arrows erscheint als Message oben rechts beim betreten der Seite. Tats&#228;chlich, damit kann man sich durch die letzten Sachen klicken. Solche Navigationsl&#246;sungen sind sch&#246;n aber zum nutzen tue ich sie eher nicht. Aber es geht ja auch mit normalen klicks. Die Effekt beim Mouseover im Projektbereich sind sch&#246;n anzusehen und mal etwas anderes. Gef&#228;llt! URL: <a href="http://www.drxlr.com/">www.drxlr.com</a>
</p>


<h4>Bronzino</h4>
<p class="bild">
<a href="http://www.bronzino.co.uk/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/06/bronzino.jpg" alt="Bronzino" title="Bronzino" /></a>
</p>
<p>
Mit den Farben haben Sie mich gleich auf ihre Seite gezogen. Beige ist ja irgendwie meine heimliche Lieblingsfarbe und davon gibt es hier sehr viel zu sehen. Die Seite an sich ist auch wieder eine von der cleanen Sorte. Gef&#228;llt mir sehr gut. Besonders sch&#246;n finde ich die Produktdarstellung mit den Silhouetten. Schlicht und fein, so darf es sein :) URL: <a href="http://www.bronzino.co.uk/">www.bronzino.co.uk</a>
</p>

<h4>Kaleidoscope App</h4>
<p class="bild">
<a href="http://www.kaleidoscopeapp.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/06/kaleidoscopeapp.jpg" alt="Kaleidoscope App" title="Kaleidoscope App" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Auf die Seite bin ich letztens &#252;ber Twitter gesto&#223;en. Mehrere Tweets wiesen auf Sie hin, da musste ich doch auch mal vorbei schauen. Hat sich doch gelohnt. Sehr sch&#246;ne Seite deren Sinn es ist, ein Programm an den Mann zu bringen. Die Seite an sich &#252;berzeugt und l&#228;dt sicher zum kaufen ein. Wenn man sieht wer die Seite gemacht hat muss man eigentlich auch gar nicht mehr schreiben wie toll diese ist. Aber ich sag es dennoch. Tolle Seite. Sch&#246;n vor allem sind die einzelnen Bereiche der Seite. Es ist eine One-Page Page aber jeder Bereich l&#228;sst einen denken man ist auf einer eigenen Seite. Supi!   URL: <a href="http://www.kaleidoscopeapp.com/">www.kaleidoscopeapp.com/</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-juni-2010/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten &#8211; Mai 2010</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-mai-2010/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-mai-2010/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 08:00:43 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=1039</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/06/top5mai10.jpg" alt="" title="top5mai10" width="200" height="110" class="alignright size-full wp-image-1075" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die f&#252;nf, meiner Meinung nach, sch&#246;nsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> ver&#246;ffentlicht wurden. Viel spa&#223; beim schauen.
</p>

<h4>Fajne Chlopaki</h4>
<p class="bild">
<a href="http://www.fajnechlopaki.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/05/fajnechlopaki.jpg" alt="Fajne Chlopaki" title="Fajne Chlopaki" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
Ich finde den Header sehr gelungen und die Navi, die beim scrollen fix an ihrer Stelle bleibt. Ansonsten ist die Seite sehr schlicht gehalten was hier auch super passt. Es ist auch mal wieder eine One Page bis auf den Blog. Schade das man nicht viel versteht beim lesen :) URL: <a href="http://www.fajnechlopaki.com/">www.fajnechlopaki.com</a>
</p>
<span id="more-1039"></span>
<h4>Neography</h4>
<p class="bild">
<a href="http://www.neography.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/05/neography.jpg" alt="neography" title="neography" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Pers&#246;nlich finde ich ja immer gefallen an solch dunklen Seiten und erst recht wenn sie so sch&#246;n ist wie diese. Die Seite ist mit sehr viel Liebe gemacht und hier stimmt einfach alles. Die Farben, die Aufteilung, der Inhalt - ja alles! Aber nicht nur die Seite an sich ist super sondern auch die erstellten Arbeiten sollte man sich anschauen. 1A! URL: <a href="http://www.neography.com">www.neography.com</a>
</p>

<h4>177Designs</h4>
<p class="bild">
<a href="http://www.177designs.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/05/177designs.jpg" alt="177designs" title="177designs" /></a>
</p>
<p>
Geht das schon wieder los mit den One Pages :) Aber auch hier wieder klasse umgesetzt. Sehr sauber und sch&#246;n anzuschauen das ganze. Beige ist eh irgendwie eine Farbe die mir bei Webseiten immer gef&#228;llt. Sehr sch&#246;ne Arbeiten auch hier zu sehen. Mehr braucht man nicht wenn es um Portfolio geht. URL: <a href="http://www.177designs.com/">www.177designs.com</a>
</p>

<h4>Nike</h4>
<p class="bild">
<a href="http://www.nike.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/05/nike.jpg" alt="nike" title="nike" /></a>
</p>
<p>
Wann soll man zu dieser Seite noch sagen? W E L T K L A S S E! Nicht nur das sie das vertikale Men&#252; wieder Salonf&#228;hig macht. Nein, die Seite ist einfach der Hammer. Hier wird sehr viel mit Bildern gearbeitet und die haben es in sich. Selten so eine sch&#246;ne Seite wie die von Nike gesehen. Man muss sich einfach mal durch die verschiedensten Bereiche klicken und sich an all den sch&#246;nen Sachen erfreuen :)
URL: <a href="http://www.nike.com/">www.nike.com</a>
</p>

<h4>Manchester City</h4>
<p class="bild">
<a href="http://www.mcfc.co.uk/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/05/mcfc.jpg" alt="Manchester City" title="Manchester City" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Manchester City scheint nicht nur eine Menge Geld in Spieler zu investieren. Es schien auch genug &#252;brig zu bleiben um solch eine SUPER Webseite ins Internet zu werfen. Das ist Fu&#223;ballweb 2.0 oder schon 3.0? Finde die Seite ist mal wirklich sehenswert und erinnert mich sogar nicht an die klassichen Fu&#223;ballseiten. Hier wird nicht alles mit Werbung zugekleistert. Ist ja leider eher selten der Fall. Die Startseite kann man sicher pers&#246;nlich zusammenklicken. Hier k&#246;nnen Boxen ein- und ausgeblendet werden. Auch die Bilder und die Typo ist sehr sch&#246;n. Wie gesagt, es erinnert nicht an eine Fu&#223;ballseite und das finde ich gar nicht schlimm. Hier k&#246;nnen sich ruhig viele Vereine abschauen wie man eine super Fu&#223;ballwebseite macht. URL: <a href="http://www.mcfc.co.uk/">www.mcfc.co.uk</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-mai-2010/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten &#8211; April 2010</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-april-2010/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-april-2010/#comments</comments>
		<pubDate>Thu, 13 May 2010 09:00:13 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=1027</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/05/top5april10.jpg" alt="" title="top5april10" width="200" height="110" class="alignright size-full wp-image-1028" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die f&#252;nf, meiner Meinung nach, sch&#246;nsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> ver&#246;ffentlicht wurden. Viel spa&#223; beim schauen.
</p>

<h4>Wineshop Hunters</h4>
<p class="bild">
<a href="http://wineshop.hunters.co.nz/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/04/wineshop_hunters.jpg" alt="Wineshop Hunters" title="Wineshop Hunters" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
WOW! Selten so einen cleanen und edlen Shop gesehen. Hier geht es um Wein und das wird sofort klar wenn man auf die Seite kommt. Sehr liebevoll und schick das ganze. Hier gibt es nicht viel was vom kaufen ablenkt. Die Details zu den verschiedenen Weinsorten wird in einer Lightbox eingeblendet. Auch der kleine "Thinking" Layer ist nett. Klasse Seite! URL: <a href="http://wineshop.hunters.co.nz/">wineshop.hunters.co.nz</a>
</p>
<span id="more-1027"></span>
<h4>Rocky Mountain</h4>
<p class="bild">
<a href="http://www.bikes.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/04/rockymountain.jpg" alt="Rocky Mountain" title="Rocky Mountain" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Im oberen Teil der Seite wirkt alles noch sehr schlicht und aufger&#228;umt. Der Footer bringt dann noch mal richtig Leben in die Bude! Selten solch einen sch&#246;nen Seitenabschlu&#223; gesehen wo richtig gut Stimmung vermittel wird. Sch&#246;n auch wie die Seite sch&#246;n in den Footer ausl&#228;uft. Der Rest der Seite kann sich aber auch sehen lassen. Wie schon gesagt ist hier alles sehr aufger&#228;umt aber dennoch ansprechend. Definitiv eine der sch&#246;nsten Fahrrad Hersteller Seiten die ich bisher zu Gesicht bekommen habe. URL: <a href="http://www.bikes.com">www.bikes.com</a>
</p>

<h4>New to York</h4>
<p class="bild">
<a href="http://www.newtoyork.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/04/newtoyork.jpg" alt="New to York" title="New to York" /></a>
</p>
<p>
Rot / Weiss. Das kommt doch immer gut. Hier sieht man sch&#246;n wie man eine Seite mit nur einem Farbton umsetzen kann. Sehr sch&#246;n ist der Header und der Wechsel der Farben auf den Unterseiten. Der Inhalt der Seite ist eher schlicht gestalten aber sehr sch&#246;n. Top Arbeit! URL: <a href="http://www.newtoyork.com/">www.newtoyork.com</a>
</p>

<h4>204 Beech</h4>
<p class="bild">
<a href="http://www.204beech.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/04/204beech.jpg" alt="204 Beech" title="204 Beech" /></a>
</p>
<p>
Wenn wir schon mal dabei sind. Hier noch eine sch&#246;nes Beispiel f&#252;r eine Seite die mit nur einer Farbe arbeitet. Auch hier ist diese rot. Und auch hier ist der Inhalt wieder relativ schlicht gestalten. Sch&#246;n finde ich das die Seite Linksb&#252;ndig ist aber der Footer auch den rechten, normalerweise leeren Teil ausf&#252;llt. 
URL: <a href="http://www.204beech.com/">www.204beech.com</a>
</p>

<h4>Brizk</h4>
<p class="bild">
<a href="http://www.brizk.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/04/brizk.jpg" alt="Brizk" title="Brizk" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Hier springen gleich die wundersch&#246;nen Illustrationen ins Auge. Auch die Schriften sind sehr sch&#246;n (Font Face). Angetan bin ich auch von der Navigation welche fixiert ist und die Men&#252;punkte &#228;ndern ihren Hoverzustand durch scrollen der Seite. F&#252;r eine One Page sehr sch&#246;n gel&#246;st die Navigation. Ansonsten stimmt hier einfach alles. Sch&#246;n Farben, kleine und feine Details und ein sehr stimmiger Gesamteindruck.
URL: <a href="http://www.brizk.com/">www.brizk.com</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-april-2010/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten &#8211; M&#228;rz 2010</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-maerz-2010/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-maerz-2010/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 11:52:46 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=1020</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/04/top5maerz10.jpg" alt="" title="top5maerz10" width="200" height="110" class="alignright size-full wp-image-987" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die f&#252;nf, meiner Meinung nach, sch&#246;nsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> ver&#246;ffentlicht wurden. Viel spa&#223; beim schauen.
</p>

<h4>IGN</h4>
<p class="bild">
<a href="http://corp.ign.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/03/ign.jpg" alt="IGN" title="IGN" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
Keinen Monat ohne eine One Page im Program zu haben. Auch hier wieder sehr sch&#246;n umgesetzt. So macht Webseiten schauen spa&#223;. Nett finde ich das die Navigation oben am Rand bleibt und somit immer nutzbar ist. Besonders bei solche langen Webseiten ein sehr n&#252;tzliches Feature. Super auch die gro&#223;en Schriften die zum Einsatz kommen. Gef&#228;llt mir sehr gut. Farben sind auch sch&#246;n und 3D look rundet das ganze ab. URL: <a href="http://corp.ign.com/">corp.ign.com</a>
</p>
<span id="more-1020"></span>
<h4>Waterworks</h4>
<p class="bild">
<a href="http://www.waterworks.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/03/waterworks.jpg" alt="Waterworks" title="Waterworks" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Clean, clean clean! Wundersch&#246;n die Seite. Das gro&#223;e zuf&#228;llige Teaserbild vermittelt Stimmung und um was es eigentlich geht. Am meisten hat mich hier aber die Art der Navigation &#252;berzeugt. Hier kommt kein klassisches DropDown Men&#252; zum Einsatz sondern es schiebt sich ein neuer Bereich auf der den Rest der Seite nach unten schiebt. Wirklich klasse und so auch - wenn ich nachdenke - glaube noch nicht gesehen. Sonst halt wie gesagt sehr Clean das ganze aber sehr gelungen. URL: <a href="http://www.waterworks.com">www.waterworks.com</a>
</p>

<h4>Curious Generation Group</h4>
<p class="bild">
<a href="http://www.curiousgenerationgroup.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/03/curiousgenerationgroup.jpg" alt="Curious Generation Group" title="Curious Generation Group" /></a>
</p>
<p>
Rund ist das neue Eckig, so oder so &#228;hnlich kommt es mir in letzter Zeit vor. Es werden nicht mehr einfach die Ecken abgerundet sondern gleich komplett Kreisf&#246;rmige Elemente genutzt. Hier auch wieder eine One Page die mit Kreise statt Vierecken daher kommt. Ein gro&#223;er Teil der Seite ist einfach eine Hintergrundgrafik. Das ganze ist somit eher wenig erweiterbar aber umso sch&#246;ner als Portfolio f&#252;r die eigene Leistung. Finde den Auftritt sehr gelungen und auch diese Seite bringt mich wohl dazu auch mal was rundes zu machen :)
URL: <a href="http://www.curiousgenerationgroup.com/">www.curiousgenerationgroup.com</a>
</p>

<h4>4WD Jeep Giveaway</h4>
<p class="bild">
<a href="http://www.4wdjeepgiveaway.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/03/4wdjeepgiveaway.jpg" alt="4WD Jeep Giveaway" title="4WD Jeep Giveaway" /></a>
</p>
<p>
Nach den ganzen sauberen Seiten wird es hier endlich auch mal wieder etwas dreckig. Geht ja auch um Jeeps und die f&#252;hlen sich bekannterma&#223;en im Dreck sehr wohl. Sehr sch&#246;n umgesetzte Seite wo viel Wert auf Details gelegt wurde. Klasse Seite! 
URL: <a href="http://www.4wdjeepgiveaway.com/">www.4wdjeepgiveaway.com</a>
</p>

<h4>Apple</h4>
<p class="bild">
<a href="http://www.apple.com"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/03/apple.jpg" alt="ikon gallery" title="Apple" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Ist es wirklich n&#246;tig Apple hier zu zeigen wird sich vielleicht der ein oder andere Fragen. Ich denke schon. Apple schafft es schon auf Ihrer Seite dieses "haben will" Gef&#252;hl zu erzeugen. Man sieht auch das DELL und Lenovo diese Richtung einschlagen und versuchen Ihre Produkte einfach besser darzustellen anstatt mit endlos langen Technischen Details Listen daher zu kommen. Apple und ihre riesen Teaser. Mal im Anschnitt mal brechen sie die Seite auf. Sowas ist toll und sieht man leider zu selten. Die Seite ist sehr clean und minimalistisch und lebt von Ihren Produktdarstellungen. 
URL: <a href="http://www.apple.com">www.apple.com</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-maerz-2010/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten – Februar 2010</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-februar-2010/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-februar-2010/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 11:00:36 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=1010</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/03/top5feb10.jpg" alt="" title="top5feb10" width="200" height="110" class="alignright size-full wp-image-987" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die f&#252;nf, meiner Meinung nach, sch&#246;nsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> ver&#246;ffentlicht wurden. Viel spa&#223; beim schauen.
</p>

<h4>Future of web design</h4>
<p class="bild">
<a href="http://www.futureofwebdesign.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/02/futureofwebdesign.jpg" alt="futureofwebdesign" title="futureofwebdesign" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
Wenn die Zukunft des Web Designs so ausschaut dann kann ich das nur begr&#252;&#223;en! Nicht nur das ich sehr gern zum diesem Zeitpunkt der Konferenz in London w&#228;re... Die Webseite ist einfach mal HAMMER GEIL! Ach sehr viel mehr braucht man dazu gar nicht zu sagen. ANSCHAUEN! URL: <a href="http://www.futureofwebdesign.com/">www.futureofwebdesign.com</a>
</p>
<span id="more-1010"></span>
<h4>Chirp</h4>
<p class="bild">
<a href="http://chirp.twitter.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/02/chirp.jpg" alt="chirp" title="chirp" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Diesen Monat ist Carsonified Monat. Die machen aber auch tolle Sachen. Hier f&#252;r Twitter und auch hier ist es wieder eine Conference Seite. Auch hier wieder viele Details, tolle Farben und eine menge an Kreativit&#228;t was in der Seite steckt. Was mich nat&#252;rlich immer begeistert sind gro&#223;e Footer wie auch hier zu sehen.  URL: <a href="http://chirp.twitter.com">chirp.twitter.com</a>
</p>

<h4>Pojeta</h4>
<p class="bild">
<a href="http://www.pojeta.cz/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/02/pojeta.jpg" alt="pojeta" title="pojeta" /></a>
</p>
<p>
One Page Webseiten sind ja auch so ein Trend. Mir pers&#246;nlichh gefallen sie sehr gut. Ist sicher nicht f&#252;r jede Webseite sinnvoll aber bei dieser hier auf jeden Fall. Vom Weltraum bis in die tiefen des Meeres. Sehr sch&#246;n sind auch die ganzen Illustrationen die allesamt der sehr liebevoll gestalten sind. Eine der besten ihrer Art w&#252;rde ich spontan behaupten.  
URL: <a href="http://www.pojeta.cz/">www.pojeta.cz</a>
</p>

<h4>Charles Elena</h4>
<p class="bild">
<a href="http://www.charleselena.com.au/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/02/charleselena.jpg" alt="charles elena" title="charles elena" /></a>
</p>
<p>
Und noch ne One Page! Aber was f&#252;r eine!! Ersteinmal finde ich ja die rie&#223;en Typo genial, sowas sieht man gern. Aber das Highlight ist sicher die fixe Navigation oben die immer an der selben Stelle bleibt. Wirklich gelungen wie sie sich immer aufs neue in die verschiedenen Bereiche integriert. Auch die Hintergr&#252;nde der Bereiche finde ich sehr h&#252;bsch gemacht. Klasse Seite.
URL: <a href="http://www.charleselena.com.au/">www.charleselena.com.au</a>
</p>

<h4>Ikon Gallery</h4>
<p class="bild">
<a href="http://www.ikon-gallery.co.uk"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/02/ikon-gallery.jpg" alt="ikon gallery" title="ikon gallery" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Schlicht! Jawohl! Mich hat die Seite beim ersten Besuch gleich beeindruckt. So was cleanes, sauberes und sch&#246;nes sieht man auch nicht oft. Die Navigation der Seite ist auch sch&#246;n gemacht. Drei Ebenen sind hier sehr einfach aber sauber dargestellt. Und noch mal: Super Sch&#246;n!
URL: <a href="http://www.ikon-gallery.co.uk">www.ikon-gallery.co.uk</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-februar-2010/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten – Dezember 2009</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-dezember-2009/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-dezember-2009/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 13:57:04 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=831</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/01/top5dez2009.jpg" alt="top5dez2009" title="top5dez2009" width="200" height="110" class="alignright size-full wp-image-832" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die f&#252;nf, meiner Meinung nach, sch&#246;nsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> ver&#246;ffentlicht wurden. Viel spa&#223; beim schauen.
</p>
<span id="more-831"></span>
<h4>Alex Flueras</h4>
<p class="bild">
<a href="http://album.alexflueras.ro/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/12/album_alexflueras.jpg" alt="Alex Flueras" title="Alex Flueras" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
So muss eine Fotoseite aussehen, einfach Klasse! Horizontal scrollende Seiten sind ja immer etwas ungewohnt und eher selten zu sehen. Aber dennoch, gibt es richtig gute davon wie man hier sehen kann.! Sogar ordentlich mit der Maus kann man scrollen - leider ist das nicht bei allen horizontalen Seiten der Fall - sodass es zu keinerlei Einbu&#223;en bei der Benutzerfreundlichkeit kommt.  URL: <a href="http://album.alexflueras.ro/">album.alexflueras.ro</a>
</p>

<h4>Sursly</h4>
<p class="bild">
<a href="http://www.sursly.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/12/sursly.jpg" alt="sursly" title="sursly" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Es scheint der Monat der horizontalen Seiten zu sein. Ein weiteres Beispiel f&#252;r so eine Seite ist hier zu sehen. Auch hier bleibt nicht viel zu sagen au&#223;er: Geil! Das beste sind f&#252;r mich f&#252;r &#220;berg&#228;nge beim scrollen. Die ganzen Seiten bzw. deren Punkte wurden sch&#246;n miteinander verbunden. Mit den Farben schwarz, gelb, wei&#223; macht man nichts falsch, im Gegenteil.  URL: <a href="http://www.sursly.com">www.sursly.com</a>
</p>

<h4>Great Works</h4>
<p class="bild">
<a href="http://www.greatworks.se/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/12/greatworks.jpg" alt="Great Works" title="Great Works" /></a>
</p>
<p>
Great Works, gro&#223;eartige Arbeit! Wei&#223;raum, wei&#223;raum, wei&#223;raum! Einfach sch&#246;n wie hier viel Platz vorhanden ist. Nichts wirkt gequetscht. Es ist alles sehr gro&#223;fl&#228;chig angelegt. Ich mag die gro&#223;en Headlines und allgemein die gro&#223;en Schriften. Die Teamansicht ist meiner Meinung nach auch sehr gelungen. Sehr sch&#246;ne Seite, locker und leicht :)
URL: <a href="http://www.greatworks.se/">www.greatworks.se</a>
</p>

<h4>No Margin for Errors</h4>
<p class="bild">
<a href="http://www.no-margin-for-errors.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/12/no-margin-for-errors.jpg" alt="No Margin for Errors" title="No Margin for Errors" /></a>
</p>
<p>
Kein Platz f&#252;r Fehler! So richtig kann ich gar nicht beschreiben was ich so toll an ihr finde aber es passt einfach. Die Farben sind Klasse und auch der Aufbau gef&#228;llt.
URL: <a href="http://www.no-margin-for-errors.com/">www.no-margin-for-errors.com</a>
</p>

<h4>Giraffe</h4>
<p class="bild">
<a href="http://www.giraffe.net"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/12/giraffe.jpg" alt="giraffe" title="giraffe" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Das Beste zum Schlu&#223;! WOW, was f&#252;r eine geile Seite dachte ich beim ersten mal drauf kommen. Und genau das denke ich immer noch! Jedes mal wenn man auf die Seite kommt freut man sich sowas tolles zu sehn. Die vielen Farben, die vielen Figuren/Gegegst&#228;nde in den Hintergr&#252;nden. Das k&#246;nnte ja spontan meine Seite des Jahres 2009 werden. So viel Liebe zum Detail gibt es hier zu bestaunen. W U N D E R S C H &#214; N !
URL: <a href="http://www.giraffe.net">www.giraffe.net</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-dezember-2009/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten – November 2009</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-november-2009/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-november-2009/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 08:10:07 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=822</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/12/top5nov20091.jpg" alt="top5nov2009" title="top5nov2009" width="200" height="110" class="alignright size-full wp-image-824" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die f&#252;nf, meiner Meinung nach, sch&#246;nsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> ver&#246;ffentlicht wurden. Viel spa&#223; beim schauen.
</p>
<span id="more-822"></span>
<h4>Mellow Mushroom</h4>
<p class="bild">
<a href="http://www.mellowmushroom.com"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/11/mellowmushroom.jpg" alt="Mellow Mushroom" title="Mellow Mushroom" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
Was soll man sagen. Wenn diese Seite nicht das Hungergef&#252;hl anregt dann wei&#223; ich auch nicht. Die gro&#223;e B&#252;hne mit ihren tollen Bildern vermittelt einfach ein sch&#246;nes Feeling. Sehr sch&#246;n sind auch die immer andere Preloader der einzelnen Seiten sowie die ganzen Doodles. Leider ist es nicht um die Ecke sonst w&#252;rde ich sicher mal vorbei schauen. URL: <a href="http://www.mellowmushroom.com/">www.mellowmushroom.com</a>
</p>

<h4>Helveticons</h4>
<p class="bild">
<a href="http://www.helveticons.ch/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/11/helveticons.jpg" alt="helveticons" title="helveticons" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Gelb, irgendwie finde ich die Farbe in letzter Zeit wundersch&#246;n. Und wenn ich dann solche Seiten sehe wei&#223; ich auch warum das so ist. Helveticons ist recht simple und hat wirklich nur den Sinn die Icons zu zeigen und zu verkaufen. Der Look des gefallteten Papiers ist sehr sch&#246;n umgesetzt wie ich finde. Doch das beste ist die Preview Funktion f&#252;r die Icons. Die ganze Seite f&#228;hrt auf klick nach oben und drunter kommen die Icons zum vorschein. Sehr sch&#246;n L&#246;sung und auch so noch nicht gesehen. URL: <a href="http://www.helveticons.ch">www.helveticons.ch</a>
</p>

<h4>FS Dsign</h4>
<p class="bild">
<a href="http://www.fsdsign.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/11/fsdsign.jpg" alt="FS Dsign" title="FS Dsign" /></a>
</p>
<p>
Endlich mal eine horizontal Scrollbare Seite. Oft sieht man ja Seite die horizontal funktionieren aber eigentlich nicht funktionieren da man einfach nicht scrollen kann. Das ist hier zum Gl&#252;ck nich der Fall. Scrollen ist ganz normal m&#246;glich. Aber nicht nur das kann die Seite, sie sieht auch noch gut aus. Die Farben CMYK sind hier sch&#246;n eingesetzt und jeder Men&#252;punkt zeigt sich mit anderem Hintergrund. Zu bem&#228;ngeln gibt es nur, dass die Subnavi unter "Work" schwer lesbar ist. Weis auf gelb ist schwierig. Ansonsten Top Seite.
URL: <a href="http://www.fsdsign.com/">www.fsdsign.com</a>
</p>

<h4>31 Three</h4>
<p class="bild">
<a href="http://www.31three.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/11/31three-3.jpg" alt="31three" /></a>
</p>
<p>
Die Seite von Jesse ging erst vor wenigen Wochen online (relaunch) und ist mittlerweile schon Version 5. Wirklich gelungenes Portfolio. Hier passt einfach alles und es wurde sich auf das wesentliche konzentriert. Und es ist ein Portfolio zu sehen was einen mit der Zunge schnalzen l&#228;sst. Kurz und knapp, der Relaunch hat sich gelohnt!
URL: <a href="http://www.31three.com/">www.31three.com</a>
</p>

<h4>Agnes B.</h4>
<p class="bild">
<a href="http://europe.agnesb.fr/fr/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/11/agnesb2.jpg" alt="Agnes B." title="Agnes B." width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Auch Shops k&#246;nnen sch&#246;n aussehen und das wird hier gezeigt. Au&#223;ergew&#246;hnlich ist die Positionierung der Seite die nicht wie &#252;blich zentriert oder linksbind&#252;g daher kommt sondern rechtsb&#252;ndig ausgerichtet ist. Das l&#228;sst das ganze interessant und selten wirken. Ungewohnt ist es immer wieder eine Seite am rechten Rand des Bildschirms zu sehen wobei ich es nicht unbedingt schlecht finde. Sch&#246;n sind die gro&#223;en Hintergrundbilder der Seite. Interessant sind auch die Produktanordnungen. Die Seite ist von vorne bis hinten liebevoll designt wurden. Auch das ablegen der Produkte im Warenkorb wurde super gel&#246;st. Hier macht einkaufen sicher spa&#223;, vorrausgesetzt man kann es sich leisten :)
URL: <a href="http://europe.agnesb.fr/fr/">europe.agnesb.fr</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-november-2009/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten – Oktober 2009</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-oktober-2009/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-oktober-2009/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 23:20:28 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=799</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/top5okt09.jpg" alt="top5okt09" title="top5okt09" width="200" height="110" class="alignright size-full wp-image-800" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die f&#252;nf, meiner Meinung nach, sch&#246;nsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> ver&#246;ffentlicht wurden. Viel spa&#223; beim schauen.
</p>
<span id="more-799"></span>
<h4>Martin Anderle</h4>
<p class="bild">
<a href="http://www.martinanderle.de/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/martinanderle.jpg" alt="martinanderle" title="martinanderle" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
Zum Grossteil kommen die super Seiten ja meist aus dem englischsprachigem Raum. Um so erfreulicher das dies hier nicht der Fall ist. Der gute Herr ist einer aus dem deutschen Lande und hat eine sehr geile Homepage. Der Hintergrund ist einfach sch&#246;n anzusehen und noch sch&#246;n ist es, dass er sich immer an den Inhalt anpasst. Auch werden Bilder im Hintergrund dargestellt. Einfach Klasse, es kommt irgendwie etwas Silvesterstimmung bei mir her&#252;ber. URL: <a href="http://www.martinanderle.de/">www.martinanderle.de</a>
</p>

<h4>Fat Man Collective</h4>
<p class="bild">
<a href="http://www.fat-man-collective.com/hello.php"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/fat-man-collective.jpg" alt="fat-man-collective" title="fat-man-collective" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Eine Seite wo man gerne und viel scrollt. Warum? Achte beim scrollen einfach mal auf Fat Man oben rechts. Er reagiert auch wenn man auf die Links (Icons unter Fat Man) klickt. Wirklich sch&#246;n und am&#252;sant. Auch die Art der Contentgestaltung ist mal etwas anderes und macht einen super Eindruck. Fat Man, daumen hoch! URL: <a href="http://www.fat-man-collective.com/hello.php">www.fat-man-collective.com</a>/hello.php
</p>

<h4></h4>
<p class="bild">
<a href="http://www.savethechildren.de/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/10/savethechildren.jpg" alt="Save the Children" /></a>
</p>
<p>
Die n&#228;chste deutsche Seite diesen Monat. Das wird doch langsam :) Aber mal ehrlich. Wer die alte Seite kannte wird hier nicht glauben das es sich  um ein und das gleiche dreht. Eine der sch&#246;nsten deutschsprachigen Seiten die ich seit langem gesehen habe. Wirkt alles sehr stimmig wie ich finde. Super Seite die mit wenig Budget umgesetzt wurde.
URL: <a href="http://www.savethechildren.de/">www.savethechildren.de</a>
</p>

<h4>Organic Supermarket</h4>
<p class="bild">
<a href="http://www.organicsupermarket.ie/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2009/10/organicsupermarket.jpg" alt="Organic Supermarket" /></a>
</p>
<p>
Im Oktober scheinen die Seiten, mit den kleinen netten Spielereien, von mir bevorzugt zu werden. Wie auch immer. Der Header hier ist einfach Klasse und l&#228;sst mich immer schmunzeln. Ich habe auf jeden Fall solang gewartet bis alle einmal durch Bild gelaufen sind. Sehr sympathisch das ganze. Aber nicht nur der Header ist sch&#246;n sondern auch der Rest! 
URL: <a href="http://www.organicsupermarket.ie/">www.organicsupermarket.ie</a>
</p>

<h4>Jon Brousseau</h4>
<p class="bild">
<a href="http://www.jonbrousseau.com/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/jonbrousseau.jpg" alt="jonbrousseau" title="jonbrousseau" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Grafisch sicher nicht das aufwendigste aber optisch dennoch sehr ansprechend. Ich mag solche reinen Portfolio Seiten. Der Fokus liegt auf den arbeiten und die k&#246;nnen sich meisten auch sehen lassen. Die dunkle Seite hebt die Arbeiten noch deutlicher hervor. 
URL: <a href="http://www.jonbrousseau.com">www.jonbrousseau.com</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-oktober-2009/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Top 5 Webseiten &#8211; September</title>
		<link>http://www.davidhellmann.com/webdesign/top-5-webseiten-september/</link>
		<comments>http://www.davidhellmann.com/webdesign/top-5-webseiten-september/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 01:00:55 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Make Better Websites]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=788</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/top5-webseiten-september-09.jpg" alt="top5-webseiten-september-09" title="top5-webseiten-september-09" width="200" height="180" class="alignright size-full wp-image-789" /> Eine kleine neue Serie gibt es: "<strong>Top 5 Webseiten des Monats</strong>". Durch <a href="http://www.makebetterwebsites.com">Make Better Websites</a> st&#246;sst man ja auf Unmengen an <strong>wundersch&#246;ner Webseiten</strong>. Es werden jetzt <strong>jeden Monat</strong> <strong>f&#252;nf</strong> von mir ausgew&#228;hlt die, wie ich finde, ruhig noch einmal extra hervorgehoben werden k&#246;nnen. Man k&#246;nnte das ganze sicher auch automatisieren in dem man ein <strong>Bewertungssystem</strong> auf Make Better Websites einf&#252;hrt. Doch davon halte ich wenig bis gar nichts. Einerseits weil ich die Seite nicht mit Features zusch&#252;tten m&#246;chte und zweitens, es wohl immer m&#246;glich sein wird solche ein System zu beeinflussen. Los geht mit <strong>September</strong> (r&#252;ckwirkend). Ende der Woche wird dann noch <strong>Oktober</strong> nachgeholt und dann sollte es wirklich monatlich passieren. 
</p>
<span id="more-788"></span>
<h4>Nora Rose Travis</h4>
<p class="bild">
<a href="http://www.norarosetravis.com/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/norarosetravis.jpg" alt="norarosetravis" title="norarosetravis" width="600" height="400" class="alignnone size-full wp-image-790" /></a>
</p>
<p>
Gute Portfolios gibt es ja wie Muscheln am Sand. Doch das hier von Nora hebt sich doch von anderen ab. Es ist schlicht und auf das wesentliche reduziert. Eine sehr sch&#246;ne Idee die Arbeiten in den Bubbles zu verstecken. Aber ich muss auch zugeben das ich beim ersten Besuch dachte: "kommt da jetzt noch was". URL: <a href="http://www.norarosetravis.com/">www.norarosetravis.com</a>
</p>


<h4>JESUS RODRIGUEZ VELASCO</h4>
<p class="bild">
<a href="http://www.jrvelasco.com/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/jrvelasco.jpg" alt="jrvelasco" title="jrvelasco" width="600" height="400" class="alignnone size-full wp-image-791" /></a>
</p>
<p>
Wow! Hier stimmt einfach alles. Man kommt drauf und ist sofort begeistert. Die Farben, die Grafiken, die Typo - einfach alles ist unglaublich sch&#246;n und detailverliebt. Besonders nett finde ich die schr&#228;gen Linien die &#252;berall auftauchen. Es muss ja nicht immer alles gerade sein.
URL: <a href="http://www.jrvelasco.com/">www.jrvelasco.com</a>
</p>

<h4>LegiStyles</h4>
<p class="bild">
<a href="http://www.legistyles.com/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/legistyles.jpg" alt="legistyles" title="legistyles" width="600" height="400" class="alignnone size-full wp-image-792" /></a>
</p>
<p>
Raster! Typo! Raster! Typo! Das Zusammenspiel von Raster und Typo ist einfach ein Traum. Das dunkle l&#228;sst es sehr Edel wirken und die Seite hat einen Fan mehr - mich!
URL: <a href="http://www.legistyles.com/">www.legistyles.com</a> 
</p>

<h4>Jason Santa Maria</h4>
<p class="bild">
<a href="http://jasonsantamaria.com/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/jasonsantamaria.com.jpg" alt="jasonsantamaria.com" title="jasonsantamaria.com" width="600" height="400" class="alignnone size-full wp-image-793" /></a>
</p>
<p>
Wenn du auf die Seite gehst sieht sie vielleicht ganz anders als auf dem Bild hier oben aus. So in der Art hab ich das noch nirgends gesehen. Bei einem Gro&#223;teil der Artikel &#228;ndert sich das komplette Theme der Seite. Hier sollte man sich auf jeden Fall mal die Zeit nehmen sich durch ein paar Artikel zu klicken. Wirklich sehr sch&#246;n. So bekommt jeder Artikel sein eigenes Look and Feel. Ansonsten auch eine Seite die sehr sch&#246;n mit Typo arbeitet. Auch interessant ist, dass die Artikel im Archiv als Bild dargestellt werden. Ein Pflichtbesuch!
URL: <a href="http://jasonsantamaria.com/">jasonsantamaria.com</a>
</p>

<h4>Fred Perry 100 Years</h4>
<p class="bild">
<a href="http://www.fredperry100years.com/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2009/11/fredperry100years.jpg" alt="fredperry100years" title="fredperry100years" width="600" height="400" class="alignnone size-full wp-image-794" /></a>
</p>
<p>
Flash Seiten sind ja nicht so mein Geschmack. Aber will ich mal nicht so sein. Fred Perry hat sich zum 100 J&#228;hrigen nicht lumpen lassen und eine wirklich sch&#246;ne Flash Seite ins Netz gestellt. Da bin selbst ich begeistert!
URL: <a href="http://www.fredperry100years.com/">www.fredperry100years.com</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.davidhellmann.com/webdesign/top-5-webseiten-september/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
