<?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 — Art Director, Designer &#38; Frontend Developer &#187; Webdesign</title>
	<atom:link href="http://davidhellmann.com/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://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>Sat, 04 May 2013 08:52:42 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title><![CDATA[Microsoft website preview]]></title>
		<link><![CDATA[http://www.microsoft.com/en-us/preview/]]></link>
		<comments>http://davidhellmann.com/webdesign/microsoft-website-preview-1850/#comments</comments>
		<pubDate>Sat, 30 Jun 2012 02:35:49 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidhellmann.com/?p=1850</guid>
		<description><![CDATA[Microsoft gives a preview of his new website. It's clean and flat and yes, I'm not a Metro design fan but this website looks really good. I like the SegoeLight Font, very nice. Take a look: http://www.microsoft.com/en-us/preview/ Source: Daring Fireball &#9733;<p><a href="http://davidhellmann.com/webdesign/microsoft-website-preview-1850/" rel="bookmark" title="Permanent link to 'Microsoft website preview'" class="glyph">&#9733;</a></p>
]]></description>
				<content:encoded><![CDATA[<p>
Microsoft gives a preview of his new website. It's clean and flat and yes, I'm not a Metro design fan but this website looks really good. I like the SegoeLight Font, very  nice. Take a look: <a href="http://www.microsoft.com/en-us/preview/">http://www.microsoft.com/en-us/preview/</a>
</p>
<p>
Source: <a href="http://daringfireball.net/linked/2012/06/29/microsoft-home-page">Daring Fireball</a>
</p>

<p class="bildxxl">
<a href="http://davidhellmann.com/wordpress/wp-content/uploads/2012/06/ms_preview.jpg"><img src="http://davidhellmann.com/wordpress/wp-content/uploads/2012/06/ms_preview-1024x1160.jpg" alt="" title="ms_preview" width="1024" height="1160" class="alignnone size-large wp-image-1851" /></a>
</p><p><a href="http://davidhellmann.com/webdesign/microsoft-website-preview-1850/" rel="bookmark" title="Permanent link to 'Microsoft website preview'" class="glyph">&#9733;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://davidhellmann.com/webdesign/microsoft-website-preview-1850/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>&#9733; Newsletter sind&#8230;</title>
		<link>http://davidhellmann.com/webdesign/newsletter-sind-1793/</link>
		<comments>http://davidhellmann.com/webdesign/newsletter-sind-1793/#comments</comments>
		<pubDate>Thu, 03 May 2012 10:23:37 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidhellmann.com/?p=1793</guid>
		<description><![CDATA[... ja was sind Newsletter? Nervig? Lebensnotwendig? Wobei es hier auch nicht 100% um Newsletter geht sondern eher darum, wie man E-Mails auch schön machen kann. Newsletter sind wohl da am bekanntesten. Aber auch Statusnachrichten die man via E-Mail bekommt. Ich freue mich ehrlich gesagt immer über solche schönen E-Mails und schaue mir diese auch [...]]]></description>
				<content:encoded><![CDATA[<p>
... ja was sind Newsletter? Nervig? Lebensnotwendig? Wobei es hier auch nicht 100% um Newsletter geht sondern eher darum, wie man E-Mails auch schön machen kann. Newsletter sind wohl da am bekanntesten. Aber auch Statusnachrichten die man via E-Mail bekommt. Ich freue mich ehrlich gesagt immer über solche schönen E-Mails und schaue mir diese auch meist an. Hässliche Newsletter haben dagegen fast keine Chance und landen im virtuellen Papierkorb. OK, Twitter Follower Mails schau ich mir dann auch nicht immer an aber dennoch sind die hübsch gemacht. Genau wie die anderen hier gezeigten von <a href="http://www.quote.fm">QuoteFM</a>, <a href="http://www.twitter.com">Twitter</a>, <a href="http://www.apple.com">Apple</a>, <a href="http://www.6wunderkinder.com/">6Wunderkindern</a> &#038; <a href="http://www.kickstarter.com">Kickstarter</a>. 
</p>
<span id="more-1793"></span>
<h3>Kickstarter</h3>
<p class="bildxxl">
<a href="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/kickstarter.jpg"><img src="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/kickstarter.jpg" alt="" title="kickstarter" width="500" height="500" class="alignnone size-full wp-image-1794" /></a>
</p>
<h3>Apple</h3>
<p class="bildxxl">
<a href="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/apple.jpg"><img src="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/apple.jpg" alt="" title="apple" width="740" height="2764" class="alignnone size-full wp-image-1795" /></a>
</p>
<h3>Twitter</h3>
<p class="bildxxl">
<a href="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/twitter.jpg"><img src="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/twitter.jpg" alt="" title="twitter" width="780" height="510" class="alignnone size-full wp-image-1796" /></a>
</p>
<h3>QuoteFM</h3>
<p class="bildxxl">
<a href="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/quotefm.jpg"><img src="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/quotefm.jpg" alt="" title="quotefm" width="720" height="274" class="alignnone size-full wp-image-1797" /></a>
</p>
<h3>6Wunderkinder</h3>
<p class="bildxxl">
<a href="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/wunderkit.jpg"><img src="http://davidhellmann.com/wordpress/wp-content/uploads/2012/05/wunderkit.jpg" alt="" title="wunderkit" width="720" height="1909" class="alignnone size-full wp-image-1798" /></a>
</p>]]></content:encoded>
			<wfw:commentRss>http://davidhellmann.com/webdesign/newsletter-sind-1793/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>&#9733; Onlineshops die optisch zu überzeugen wissen</title>
		<link>http://davidhellmann.com/webdesign/onlineshops-die-optisch-zu-ueberzeugen-wissen-1279/</link>
		<comments>http://davidhellmann.com/webdesign/onlineshops-die-optisch-zu-ueberzeugen-wissen-1279/#comments</comments>
		<pubDate>Mon, 23 May 2011 08:00:12 +0000</pubDate>
		<dc:creator>David Hellmann</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Webshops]]></category>

		<guid isPermaLink="false">http://www.davidhellmann.com/?p=1279</guid>
		<description><![CDATA[Persönlich nutze ich Webshops relativ häufig. Technische Sachen kaufe ich fast ausschließlich im Internet. Aber auch andere Sachen wenn es eben Sinn macht. Und wie überall im Leben gibt es auch hier schöne und weniger schöne. Ich möchte die Aufmerksamkeit den eher schönen schenken und hier mal fünf Shops zeigen die mir einfach gefallen. Das [...]]]></description>
				<content:encoded><![CDATA[<p>
Persönlich nutze ich <strong>Webshops</strong> relativ häufig. Technische Sachen kaufe ich fast ausschließlich im Internet. Aber auch andere Sachen wenn es eben Sinn macht. Und wie überall im Leben gibt es auch hier schöne und weniger schöne. Ich möchte die Aufmerksamkeit den eher schönen schenken und hier mal fünf Shops zeigen die mir einfach gefallen. Das ganze ist aber rein optischer Natur :)
</p>
<p class="bild">
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2011/05/shop_overview.jpg" alt="" title="shop_overview" width="600" height="405" class="alignleft size-full wp-image-1280" />
</p>
<span id="more-1279"></span>
<h3>Minimum</h3>
<p class="bildxxl">
<a href="http://www.minimum.de/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2011/05/shop_minimum.jpg" alt="" title="shop_minimum" width="800" height="540" class="alignleft size-full wp-image-1281" /></a>
</p>
<p>
Beim Minimum Shop gefällt mir das flache und flächige Design ausgesprochen gut. Auch das sich die Farbwelten auf der Seite ändern macht einen guten Eindruck. Die Artikeldetail Seiten wissen zu überzeugen, da Sie schlicht und aufgeräumt gestaltet sind, findet man sich super zurecht.
<br /><a href="http://www.minimum.de/">http://www.minimum.de</a>
</p>
<h3>Hungarian Wine Society</h3>
<p class="bildxxl">
<a href="http://www.hungarianwinesociety.co.uk/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2011/05/shop_hungarianwinesociety.jpg" alt="" title="shop_hungarianwinesociety" width="800" height="540" class="alignleft size-full wp-image-1282" /></a>
</p>
<p>
Im Hungarian Wine Shop ist glaube ich eine dankbare Aufgabe für den Designer gewesen. Um den Wein herum lässt sich eine gute Stimmung aufbauen und das wurde hier gemacht. Sowohl Farbgebung als auch das spielen mit den verschiedenen Texturen gefällt. Die Warenkorb anzeige ist schön gemacht auch wenn Sie etwas versteckt daher kommt. Schöner Shop. Ich sollte anfangen Wein zu trinken.
<br /><a href="http://www.hungarianwinesociety.co.uk/">http://www.hungarianwinesociety.co.uk</a>
</p>
<h3>Made by Parachute</h3>
<p class="bildxxl">
<a href="http://www.madebyparachute.com/products"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2011/05/shop_madebyparachute.jpg" alt="" title="shop_madebyparachute" width="800" height="540" class="alignleft size-full wp-image-1283" /></a>
</p>
<p>
Made by Parachute hat es sehr einfach gehabt mich zu überzeugen. Sie nutzen meine unbewusste Lieblingsfarbe beige und setzen dann auch noch dezente Texturen ein. Absoluter Hingucker der Shop. Detailseiten sind auch hier leicht und übersichtlich. Liegt wohl aber auch an den Produkten die man verkauft.  
<br /><a href="http://www.madebyparachute.com/products">http://www.madebyparachute.com/products</a>
</p>
<h3>Hunters</h3>
<p class="bildxxl">
<a href="http://wineshop.hunters.co.nz/wine-shop/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2011/05/shop_hunters.jpg" alt="" title="shop_hunters" width="800" height="540" class="alignleft size-full wp-image-1284" /></a>
</p>
<p>
Hunters, der zweite Weinshop in der Runde geht einen eher schlichteren Weg wie der oben gezeigte Wein Shop. Aber keinesfalls einen schlechteren. Hier überzeugt mich auch das flache Design und natürlich kann ich auch der Farbgebung wieder eine Menge abgewinnen. Detailseiten wurden hier in Layer (Lightbox) gepackt und diese gefallen mir wirklich gut. Der Warenkorb, der direkt über den Weinen gezeigt wird, ist optisch gelungen. Saubere Arbeit!
<br /><a href="http://wineshop.hunters.co.nz/wine-shop/">http://wineshop.hunters.co.nz/wine-shop</a>
</p>
<h3>Agnes B.</h3>
<p class="bildxxl">
<a href="http://europe.agnesb.com/fr/"><img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2011/05/shop_agnesb.jpg" alt="" title="shop_agnesb" width="800" height="540" class="alignleft size-full wp-image-1285" /></a>
</p>
<p>
Agnes B. eine Shopseite die rechtsbündig ausgerichtet ist. Davon gibt es sicherlich nicht all so viele. Dadurch klappt das Spiel mit den Linksbündigen Hintergrundbildern perfekt. Die Seite nimmt den ganzen Monitor ein auch wenn auf einem 27" viel Weißraum entsteht wirkt es dennoch zusammengehörig. Detailseiten werden hier auch sehr aufgeräumt dargestellt. Lange Beschreibungstexte wurden auch in Lightboxen gepackt um Platz zu sparen. Mir gefällts.
<br /><a href="http://europe.agnesb.com/fr/">http://europe.agnesb.com/fr/</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://davidhellmann.com/webdesign/onlineshops-die-optisch-zu-ueberzeugen-wissen-1279/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>&#9733; Top 5 Webseiten &#8211; August 2010</title>
		<link>http://davidhellmann.com/webdesign/top-5-webseiten-august-2010-1101/</link>
		<comments>http://davidhellmann.com/webdesign/top-5-webseiten-august-2010-1101/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 08:00:34 +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=1101</guid>
		<description><![CDATA["Top 5 Webseiten des Monats" ist eine kleine Serie, wo jeden Monat die fünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf Make Better Websites veröffentlicht wurden. Viel spaß beim schauen. Malcolm Reading Weiß, schwarz und rot machen immer einen guten Eindruck zusammen. Besonders gut finde ich die drei Bilder oben die immer durch [...]]]></description>
				<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/09/top5august.jpg" alt="" title="top5august" width="200" height="110" class="alignright size-full wp-image-1102" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die fünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> veröffentlicht wurden. Viel spaß beim schauen.
</p>

<h4>Malcolm Reading</h4>
<p class="bild">
<a href="http://www.malcolmreading.co.uk/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/08/malcolmreading.jpg" alt="Malcolm Reading" title="Malcolm Reading" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
Weiß, schwarz und rot machen immer einen guten Eindruck zusammen. Besonders gut finde ich die drei Bilder oben die immer durch wechseln. Mal eine andere Art von Slider.  Die Seite an sich ist sonst eher recht schlicht und lässt Bilder und Text sprechen. Finde ich alles sehr ansprechend. Mein persönliches Highlight ist die rote Textbox auf der Startseite. Ein Blickfang und ohne würde es gleich nicht so gut aussehen. URL: <a href="http://www.malcolmreading.co.uk/">www.malcolmreading.co.uk</a>
</p>
<span id="more-1101"></span>
<h4>New Adventures Conf</h4>
<p class="bild">
<a href="http://www.newadventuresconf.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/08/newadventuresconf.jpg" alt="New Adventures Conf" title="New Adventures Conf" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Konferenz Seiten, jedenfalls solche die das Theme Design haben sind meisten sehr schön anzusehende Seiten. Ein Vorteil solcher Seiten ist oft, dass nicht sonderlich viel an Inhalt untergebracht werden muss. Schöne Farben und ein schöner Header mit verschiedenen geometrischen Figuren und Erklärungstext was dort gezeigt wird. Die ganze Farbwelt ist auch sehr gelungen und wirkt sehr harmonisch. Man bekommt doch glatt Lust auf der Konferenz vorbei zu schauen. URL: <a href="http://www.newadventuresconf.com/">www.newadventuresconf.com</a>
</p>

<h4>Hurtta Collection</h4>
<p class="bild">
<a href="http://www.hurttacollection.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/08/hurttacollection.jpg" alt="Hurtta Collection" title="Hurtta Collection" /></a>
</p>
<p>
Ich mag ja Webseiten mit großen Hintergrund Bildern. Liegt wohl auch daran, dass ich hier an einem 24" Monitor sitze und solche Seiten hier eine klasse Wirkung haben. Auf kleineren Monitoren geht davon oft etwas verloren. Leider! Inhaltlich geht es um Hunde bzw. um Kleidung für diese. Ich selber habe keinen Hund aber als Hundehalter fühlt man sich hier sicher wohl und angesprochen. Schicke Seite für den besten Freund des Menschen. URL: <a href="http://www.hurttacollection.com/">www.hurttacollection.com</a>
</p>

<h4>Wing Cheng</h4>
<p class="bild">
<a href="http://www.wingcheng.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/08/wingcheng.jpg" alt="Wing Cheng" title="Wing Cheng" /></a>
</p>
<p>
Mal etwas anderes wie man eine Webseite machen kann. Inhaltlich ist hier fast alles von Hand gemalt. Die Seite finde ich fast komplett gelungen, bis auf die Navi, die wie ich finde irgendwie anders sein könnte. Aber sonst wirklich klasse Seite und für ein Portfolio sehr passend. Die einzelnen Arbeiten kann man in einer Lightbox näher anschauen. Auch hier gibt es dann noch gemaltes zu entdecken. Schönes Ding! URL: <a href="http://www.wingcheng.com/">www.wingcheng.com</a>
</p>

<h4>Yes i am Precious</h4>
<p class="bild">
<a href="http://www.yesiamprecious.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/08/yesiamprecious.jpg" alt="Yes i am Precious" title="Yes i am Precious" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Die Seite wurde letztens auf Arbeit in einem Meeting gezeigt. Mit dem Rad quer durch die USA. Und man ist auf der Seite quasi live dabei und kann immer sehen was gerade passiert. Besser gesagt kann man sehen wo sich das Rad gerade aufhält. Man sieht in welche Richtung es fährt etc. Sogar ob es Berg auf oder Berg ab fährt. Auch hier wird wieder mit großen Hintergrundbildern gearbeitet. Diese sind Fotos von der Tour. Schöne gemacht diese Seite. Von der Idee bis zur Umsetzung. Super arbeit! URL: <a href="http://www.yesiamprecious.com/">www.yesiamprecious.com</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://davidhellmann.com/webdesign/top-5-webseiten-august-2010-1101/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>&#9733; Top 5 Webseiten &#8211; Juli 2010</title>
		<link>http://davidhellmann.com/webdesign/top-5-webseiten-juli-2010-1088/</link>
		<comments>http://davidhellmann.com/webdesign/top-5-webseiten-juli-2010-1088/#comments</comments>
		<pubDate>Thu, 12 Aug 2010 18:42:34 +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=1088</guid>
		<description><![CDATA["Top 5 Webseiten des Monats" ist eine kleine Serie, wo jeden Monat die fünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf Make Better Websites veröffentlicht wurden. Viel spaß beim schauen. Story Hotels Whoooot? Ne Flash Seite? Was ist mit mir denn nur los. Aber OK, alles halb so wild. Wahrscheinlich hat es nur [...]]]></description>
				<content:encoded><![CDATA[<p>
<img src="http://www.davidhellmann.com/wordpress/wp-content/uploads/2010/08/top5juli10.jpg" alt="" title="top5juli10" width="200" height="110" class="alignright size-full wp-image-1089" />
"<strong>Top 5 Webseiten des Monats</strong>" ist eine kleine Serie, wo jeden Monat die fünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> veröffentlicht wurden. Viel spaß beim schauen.
</p>

<h4>Story Hotels</h4>
<p class="bild">
<a href="http://www.storyhotels.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/07/storyhotels.jpg" alt="Story Hotels" title="Story Hotels" width="600" height="400" class="size-full wp-image-801" /></a>
</p>
<p>
Whoooot? Ne Flash Seite? Was ist mit mir denn nur los. Aber OK, alles halb so wild. Wahrscheinlich hat es nur die Farbe geschafft mich davon zu überzeugen :) Spaß bei Seite. OK, die Farben und den Hintergrund mag ich wirklich und auch das Bunte Story Hotel Logo gefällt. Irgendwie sind solche Seiten eigentlich gar nicht mein Fall aber hier gefällt es mir. Was nur etwas komisch ist. Die Boxen sehen aus als ob man Sie frei anordnen kann. Also via Drag and Drop verschieben. Geht aber leider nicht. Naja egal, dennoch schön! URL: <a href="http://www.storyhotels.com/">www.storyhotels.com</a>
</p>
<span id="more-1088"></span>
<h4>Full Creative</h4>
<p class="bild">
<a href="http://www.fullcreative.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/07/fullcreative.jpg" alt="Full Creative" title="Full Creative" width="600" height="400" class="alignnone size-full wp-image-802" /></a>
</p>
<p>
Grau, Weiß und Rot, einfach toll wie diese Farben zusammen harmonieren. Die Hintergrundbilder der Seite finde ich auch sehr schön gewählt, vor allem das auf der Startseite passt super. Wie man auch hier sehen kann wird kariertes Papier als Hintergrund genutzt im Content Bereich. Irgendwie wirklich sehr im Trend das ganze gerade. Einzuwenden gibt es dagegen aber nichts, sieht gut aus. Die Seite gefällt einfach von vorn bis hinten durch weg gut. So sollten Webseiten aussehen, da macht der Besuch wirklich Spaß! URL: <a href="http://www.fullcreative.com/">www.fullcreative.com</a>
</p>

<h4>Evoco</h4>
<p class="bild">
<a href="http://www.evoco.com/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/07/evoco.jpg" alt="Evoco" title="Evoco" /></a>
</p>
<p>
Hier findet man eine sehr schöne Farbwelt in der die Seite sich bewegt. Sie wirkt sehr modern und ansprechend auf mich. Ich mag das große Aufklappmenü des ersten Menüpunktes wobei am Ende des Submenüs irgend etwas fehlt. Es wirkt so abgeschnitten. Entweder sind oben die abgerundeten Ecken zu viel oder unten zu wenig. Aber das ist nun auch meckern auf hohem Niveau, das können wir, ja wohl. Super finde ich auch das die Unterseiten alle sehr schick aussehen und luftig locker daherkommen. Das lädt zum lesen ein würde ich behaupten. Super Seite! URL: <a href="http://www.evoco.com/">www.evoco.com</a>
</p>

<h4>Living Principles</h4>
<p class="bild">
<a href="http://www.livingprinciples.org/"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/07/livingprinciples.jpg" alt="Living Principles" title="Living Principles" /></a>
</p>
<p>
Die Seite wirkt obwohl sie zentriert ist - eher als wäre Sie Linksbündig. Stört mich aber ganz und gar nicht. Im Gegenteil, sieht sehr gut aus so. Schön finde ich auch die doppelte Sidebar klasse. Auch der Inhalt darin ist super gemacht. Allgemein das Schriftbild finde ich klasse. Auch ist die Seite mal etwas anderes. Schönes Ding! URL: <a href="http://www.livingprinciples.org/">www.livingprinciples.org</a>
</p>

<h4>All for Design</h4>
<p class="bild">
<a href="http://www.all-for-design.com/portfolio"><img src="http://www.makebetterwebsites.com/wordpress/wp-content/uploads/2010/07/all-for-desig.jpg" alt="All for Design" title="All for Design" width="600" height="400" class="alignnone size-full wp-image-803" /></a>
</p>
<p>
Und wieder beige. Sehr gut oder? Die Seite ist wirklich Klasse! Genau meinen Geschmack getroffen. Super Farben, super Texturen und schöne Details. Hier wurde sehr sauber und liebevoll gearbeitet. So sollten Portfolio Seiten aussehen! URL: <a href="http://www.all-for-design.com/portfolio">www.all-for-design.com/portfolio</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://davidhellmann.com/webdesign/top-5-webseiten-juli-2010-1088/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>&#9733; Make Better Websites &#8211; iPad und iPhone Version sind online</title>
		<link>http://davidhellmann.com/webdesign/make-better-websites-ipad-und-iphone-version-sind-online-1081/</link>
		<comments>http://davidhellmann.com/webdesign/make-better-websites-ipad-und-iphone-version-sind-online-1081/#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[Viele von uns nutzen iPhone und iPad fleißig zum surfen im Internet. Nicht jede Seite ist aber auf diese Geräte angepasst. Make Better Websites macht ab heute einen Schritt in diese Richtung. Es gibt für iPhone und iPad eine Mobile Seite die aufgerufen wird. Das ganze sogar in Abhängigkeit davon wie das Gerät gehalten wird. [...]]]></description>
				<content:encoded><![CDATA[<p>
Viele von uns nutzen <strong>iPhone</strong> und <strong>iPad</strong> fleißig zum surfen im Internet. Nicht jede Seite ist aber auf diese Geräte angepasst. <a href="http://www.makebetterwebsites.com">Make Better Websites</a> macht ab heute einen Schritt in diese Richtung. Es gibt für iPhone und iPad eine <strong>Mobile Seit</strong>e die aufgerufen wird. Das ganze sogar in Abhängigkeit davon wie das Gerät gehalten wird. Soll heißen die Seite passt sich dem <strong>Landschafts- und Porträitmodus</strong> automatisch an. Klappt soweit auch ganz gut. 
</p>
<p>
Wer die Seite nun mit einem dieser Geräte ansteuert wird schnell merken, dass dort nicht der gleiche Funktionsumfang zu finden ist wie wenn man über den Browser kommt. Das ist Absicht und wem das nicht gefä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ö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ürde mich über die ein oder andere Meinung freuen. Gefällt es, gefällt es nicht etc.<br />
Link: <a href="http://www.makebetterwebsites.com">www.makebetterwebsites.com</a>
</p>
]]></content:encoded>
			<wfw:commentRss>http://davidhellmann.com/webdesign/make-better-websites-ipad-und-iphone-version-sind-online-1081/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>&#9733; Top 5 Webseiten &#8211; Juni 2010</title>
		<link>http://davidhellmann.com/webdesign/top-5-webseiten-juni-2010-1073/</link>
		<comments>http://davidhellmann.com/webdesign/top-5-webseiten-juni-2010-1073/#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["Top 5 Webseiten des Monats" ist eine kleine Serie, wo jeden Monat die fünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf Make Better Websites veröffentlicht wurden. Viel spaß beim schauen. Square Square ist die Webseite zu einer iPhone- und iPad App. Das sieht man auch. Irgendwie hängt der Apple Look an der Seite [...]]]></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ünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> veröffentlicht wurden. Viel spaß 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ä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ö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önen Sachen. OK, auß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ön zu gestalten ist ja nicht so einfach. Hier aber ist es sehr gut gelungen. Schöne groß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öne saubere Seite gesehen. Der Designer setzt mit Gelb und Türkis zwei grelle Farben ein die aber schön mit dem Grau harmonieren. Use your Arrows erscheint als Message oben rechts beim betreten der Seite. Tatsächlich, damit kann man sich durch die letzten Sachen klicken. Solche Navigationslösungen sind schö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ön anzusehen und mal etwas anderes. Gefä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ällt mir sehr gut. Besonders schö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 über Twitter gestoßen. Mehrere Tweets wiesen auf Sie hin, da musste ich doch auch mal vorbei schauen. Hat sich doch gelohnt. Sehr schöne Seite deren Sinn es ist, ein Programm an den Mann zu bringen. Die Seite an sich überzeugt und lä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ön vor allem sind die einzelnen Bereiche der Seite. Es ist eine One-Page Page aber jeder Bereich lä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://davidhellmann.com/webdesign/top-5-webseiten-juni-2010-1073/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>&#9733; Top 5 Webseiten &#8211; Mai 2010</title>
		<link>http://davidhellmann.com/webdesign/top-5-webseiten-mai-2010-1039/</link>
		<comments>http://davidhellmann.com/webdesign/top-5-webseiten-mai-2010-1039/#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["Top 5 Webseiten des Monats" ist eine kleine Serie, wo jeden Monat die fünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf Make Better Websites veröffentlicht wurden. Viel spaß beim schauen. Fajne Chlopaki Ich finde den Header sehr gelungen und die Navi, die beim scrollen fix an ihrer Stelle bleibt. Ansonsten ist die Seite [...]]]></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ünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> veröffentlicht wurden. Viel spaß 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önlich finde ich ja immer gefallen an solch dunklen Seiten und erst recht wenn sie so schö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ön anzuschauen das ganze. Beige ist eh irgendwie eine Farbe die mir bei Webseiten immer gefällt. Sehr schö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ü wieder Salonfä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öne Seite wie die von Nike gesehen. Man muss sich einfach mal durch die verschiedensten Bereiche klicken und sich an all den schö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 übrig zu bleiben um solch eine SUPER Webseite ins Internet zu werfen. Das ist Fußballweb 2.0 oder schon 3.0? Finde die Seite ist mal wirklich sehenswert und erinnert mich sogar nicht an die klassichen Fußballseiten. Hier wird nicht alles mit Werbung zugekleistert. Ist ja leider eher selten der Fall. Die Startseite kann man sicher persönlich zusammenklicken. Hier können Boxen ein- und ausgeblendet werden. Auch die Bilder und die Typo ist sehr schön. Wie gesagt, es erinnert nicht an eine Fußballseite und das finde ich gar nicht schlimm. Hier können sich ruhig viele Vereine abschauen wie man eine super Fußballwebseite macht. URL: <a href="http://www.mcfc.co.uk/">www.mcfc.co.uk</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://davidhellmann.com/webdesign/top-5-webseiten-mai-2010-1039/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>&#9733; Top 5 Webseiten &#8211; April 2010</title>
		<link>http://davidhellmann.com/webdesign/top-5-webseiten-april-2010-1027/</link>
		<comments>http://davidhellmann.com/webdesign/top-5-webseiten-april-2010-1027/#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["Top 5 Webseiten des Monats" ist eine kleine Serie, wo jeden Monat die fünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf Make Better Websites veröffentlicht wurden. Viel spaß beim schauen. Wineshop Hunters WOW! Selten so einen cleanen und edlen Shop gesehen. Hier geht es um Wein und das wird sofort klar wenn man [...]]]></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ünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> veröffentlicht wurden. Viel spaß 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äumt. Der Footer bringt dann noch mal richtig Leben in die Bude! Selten solch einen schönen Seitenabschluß gesehen wo richtig gut Stimmung vermittel wird. Schön auch wie die Seite schön in den Footer ausläuft. Der Rest der Seite kann sich aber auch sehen lassen. Wie schon gesagt ist hier alles sehr aufgeräumt aber dennoch ansprechend. Definitiv eine der schö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ön wie man eine Seite mit nur einem Farbton umsetzen kann. Sehr schön ist der Header und der Wechsel der Farben auf den Unterseiten. Der Inhalt der Seite ist eher schlicht gestalten aber sehr schö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önes Beispiel fü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ön finde ich das die Seite Linksbündig ist aber der Footer auch den rechten, normalerweise leeren Teil ausfü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önen Illustrationen ins Auge. Auch die Schriften sind sehr schön (Font Face). Angetan bin ich auch von der Navigation welche fixiert ist und die Menüpunkte ändern ihren Hoverzustand durch scrollen der Seite. Für eine One Page sehr schön gelöst die Navigation. Ansonsten stimmt hier einfach alles. Schö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://davidhellmann.com/webdesign/top-5-webseiten-april-2010-1027/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>&#9733; Top 5 Webseiten &#8211; März 2010</title>
		<link>http://davidhellmann.com/webdesign/top-5-webseiten-maerz-2010-1020/</link>
		<comments>http://davidhellmann.com/webdesign/top-5-webseiten-maerz-2010-1020/#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["Top 5 Webseiten des Monats" ist eine kleine Serie, wo jeden Monat die fünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf Make Better Websites veröffentlicht wurden. Viel spaß beim schauen. IGN Keinen Monat ohne eine One Page im Program zu haben. Auch hier wieder sehr schön umgesetzt. So macht Webseiten schauen spaß. Nett [...]]]></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ünf, meiner Meinung nach, schönsten Webseiten gezeigt werden, die auf <a href="http://www.makebetterwebsites.com">Make Better Websites</a> veröffentlicht wurden. Viel spaß 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ön umgesetzt. So macht Webseiten schauen spaß. Nett finde ich das die Navigation oben am Rand bleibt und somit immer nutzbar ist. Besonders bei solche langen Webseiten ein sehr nützliches Feature. Super auch die großen Schriften die zum Einsatz kommen. Gefällt mir sehr gut. Farben sind auch schö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ön die Seite. Das große zufällige Teaserbild vermittelt Stimmung und um was es eigentlich geht. Am meisten hat mich hier aber die Art der Navigation überzeugt. Hier kommt kein klassisches DropDown Menü 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 ähnlich kommt es mir in letzter Zeit vor. Es werden nicht mehr einfach die Ecken abgerundet sondern gleich komplett Kreisförmige Elemente genutzt. Hier auch wieder eine One Page die mit Kreise statt Vierecken daher kommt. Ein großer Teil der Seite ist einfach eine Hintergrundgrafik. Das ganze ist somit eher wenig erweiterbar aber umso schöner als Portfolio fü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ühlen sich bekanntermaßen im Dreck sehr wohl. Sehr schö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ö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ü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://davidhellmann.com/webdesign/top-5-webseiten-maerz-2010-1020/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
