<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Vandelay Design Blog</title>
	
	<link>http://vandelaydesign.com/blog</link>
	<description>Web Design and Development Blog</description>
	<lastBuildDate>Wed, 04 Nov 2009 22:43:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/Vandelay" type="application/rss+xml" /><feedburner:emailServiceId>Vandelay</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>Examples of Excellent Blog Post Formatting and Styling</title>
		<link>http://vandelaydesign.com/blog/galleries/blog-post-formatting/</link>
		<comments>http://vandelaydesign.com/blog/galleries/blog-post-formatting/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 22:43:23 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Galleries]]></category>
		<category><![CDATA[Blog Design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[showcase]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=884</guid>
		<description><![CDATA[While front pages are usually the part of blogs that get showcased, <a href="http://blogdesignheroes.com/">blog design</a> includes a lot of other details that can add to the overall look and appearance of the blog, not to mention usability. The pages of individual blog posts provide opportunities for design and styling in a number of different areas.

In this post we'll look at a few aspects of blog posts and showcase some design elements that are used to make the post more helpful, inviting, or attractive.
<h3>Intro Areas:</h3>
At the start of posts, some blogs include additional elements or design techniques to improve the post in one way or another.

<a href="http://anidea.com/strategy/objectivist/"><strong>ANidea</strong></a>

ANidea's appraoch is pretty unique. Each post has a lead image that appears above the right sidebar, and just below that is a list of related posts.

<a href="http://anidea.com/strategy/objectivist/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/5.jpg" alt="ANidea" width="425" height="271" /></a>]]></description>
			<content:encoded><![CDATA[<p>While front pages are usually the part of blogs that get showcased, <a href="http://blogdesignheroes.com/">blog design</a> includes a lot of other details that can add to the overall look and appearance of the blog, not to mention usability. The pages of individual blog posts provide opportunities for design and styling in a number of different areas.</p>
<p>In this post we&#8217;ll look at a few aspects of blog posts and showcase some design elements that are used to make the post more helpful, inviting, or attractive.</p>
<h3>Intro Areas:</h3>
<p>At the start of posts, some blogs include additional elements or design techniques to improve the post in one way or another.</p>
<p><a href="http://anidea.com/strategy/objectivist/"><strong>ANidea</strong></a></p>
<p>ANidea&#8217;s appraoch is pretty unique. Each post has a lead image that appears above the right sidebar, and just below that is a list of related posts.</p>
<p><a href="http://anidea.com/strategy/objectivist/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/5.jpg" alt="ANidea" width="425" height="271" /></a></p>
<p><a href="http://www.blogfullbliss.com/index.php?option=com_myblog&amp;show=Speculative-Design-All-Aboard-the-Fail-Ship.html&amp;Itemid=1"><strong>Blogfullbliss</strong></a></p>
<p>Blogfullbliss uses a lead image at the top right of each post.</p>
<p><a href="http://www.blogfullbliss.com/index.php?option=com_myblog&amp;show=Speculative-Design-All-Aboard-the-Fail-Ship.html&amp;Itemid=1"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/12.jpg" alt="Blogfullbliss" width="425" height="214" /></a></p>
<p><a href="http://ecoki.com/jensen-leisure-furniture/"><strong>Ecoki</strong></a></p>
<p>Ecoki uses a thumbnail just to the left of the post title, followed by the author name, date of publication, and categories.</p>
<p><a href="http://ecoki.com/jensen-leisure-furniture/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/4.jpg" alt="Ecoki" width="425" height="160" /></a></p>
<p><a href="http://www.tutorial9.net/photoshop/design-a-stylish-mail-icon-in-photoshop/"><strong>Tutorial9</strong></a></p>
<p>Tutorial9 posts start with a lead graphic and links for social media voting/sharing.</p>
<p><a href="http://www.tutorial9.net/photoshop/design-a-stylish-mail-icon-in-photoshop/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/15.jpg" alt="Tutorial9" width="425" height="360" /></a></p>
<p><a href="http://webdesignledger.com/tools/10-super-useful-tools-for-choosing-the-right-color-palette"><strong>Web Design Ledger</strong></a></p>
<p>Above each post on Web Design Ledger is a lead image. Between the image and the post title is a comment count, date of publication and category link.</p>
<p><a href="http://webdesignledger.com/tools/10-super-useful-tools-for-choosing-the-right-color-palette"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/20.jpg" alt="Web Design Ledger" width="425" height="457" /></a></p>
<p><a href="http://chrisguillebeau.com/3x5/outsider-guide-to-the-cook-islands/"><strong>The Art of Nonconformity</strong></a></p>
<p>New visitors to the Art of Nonconformity will be greeted with a brief intro to the site that includes links to get more information about the site or to subscribe.</p>
<p><a href="http://chrisguillebeau.com/3x5/outsider-guide-to-the-cook-islands/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/23.jpg" alt="The Art of Nonconformity" width="425" height="279" /></a></p>
<p><a href="http://www.creativetempest.com/graphic-design/kasper-ledet/"><strong>Creative Tempest</strong></a></p>
<p>Above posts on the Creative Tempest is a large lead image.</p>
<p><a href="http://www.creativetempest.com/graphic-design/kasper-ledet/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/26.jpg" alt="Creative Tempest" width="425" height="363" /></a></p>
<p><a href="http://designreviver.com/general/the-50-best-premium-wordpress-themes/"><strong>Design Reviver</strong></a></p>
<p>Design Reviver also includes a large lead image above the post title.</p>
<p><a href="http://designreviver.com/general/the-50-best-premium-wordpress-themes/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/30.jpg" alt="Design Reviver" width="425" height="230" /></a></p>
<h3>Sub-Headers:</h3>
<p>Readability is obviously important to any blog in order to build an audience and encourage repeat visits. One of the best ways to improve readability in posts is to make use of sub-headers, and to have them styled effectively.</p>
<p><a href="http://anidea.com/strategy/who-do-you-trust/"><strong>ANidea</strong></a></p>
<p>ANidea uses all uppercase letters on its sub-headers to make them stand out and break up the rest of the text.</p>
<p><a href="http://anidea.com/strategy/who-do-you-trust/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/6.jpg" alt="ANidea" width="425" height="200" /></a></p>
<p><a href="http://www.viget.com/inspire/fix-it-fast-rapid-ie6-debugging/"><strong>Viget Inspire</strong></a></p>
<p>Viget Inspire also uses uppercase styling, and if you click through to this post you will see that their use of sub-headers and bold text helps to make the post scannable.</p>
<p><a href="http://www.viget.com/inspire/fix-it-fast-rapid-ie6-debugging/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/9.jpg" alt="Viget Inspire" width="425" height="200" /></a></p>
<p><a href="http://realityequation.net/downtown-hefei-luzhou-kaoya"><strong>Reality Equation</strong></a></p>
<p>Reality Equation has a colorful theme, and the purple sub-headers fit well with the approach of the design and they look nice.</p>
<p><a href="http://realityequation.net/downtown-hefei-luzhou-kaoya"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/22.jpg" alt="Reality Equation" width="425" height="200" /></a></p>
<p><a href="http://cssglobe.com/post/4581/tag-clouds-styling-and-adding-sort-options"><strong>CSS Globe</strong></a></p>
<p>CSS Globe doesn&#8217;t use different colors for sub-headers, but changing the font family and the size of text makes it an effective approach.</p>
<p><a href="http://cssglobe.com/post/4581/tag-clouds-styling-and-adding-sort-options"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/28.jpg" alt="CSS Globe" width="425" height="250" /></a></p>
<p><a href="http://www.uxbooth.com/blog/creating-consistently-colorful-user-experiences-part-2-the-medium/"><strong>UX Booth</strong></a></p>
<p>UX Booth uses different colors for h3 and h4 tags, which helps to visualize the flow or outline of the post.</p>
<p><a href="http://www.uxbooth.com/blog/creating-consistently-colorful-user-experiences-part-2-the-medium"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/31.jpg" alt="UX Booth" width="425" height="250" /></a></p>
<h3>End of Post Area/Promotion:</h3>
<p>At the end of posts and before the comments, many blogs are including things like buttons and links for social media voting, and calls to action that will encourage readers to subscribe.</p>
<p><a href="http://www.webdesignerwall.com/trends/30-examples-of-attractive-nav/"><strong>Web Designer Wall</strong></a></p>
<p>Web Designer Wall includes some hand-drawn design elements in this area to go along with links to popular social media sites and a link to the previous post.</p>
<p><a href="http://www.webdesignerwall.com/trends/30-examples-of-attractive-nav/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/1.jpg" alt="Web Designer Wall" width="425" height="141" /></a></p>
<p><a href="http://www.webdesignerdepot.com/2009/05/10-best-css-practices-to-improve-your-code/"><strong>Webdesigner Depot</strong></a></p>
<p>Webdesigner Depot includes an area for promoting submissions and votes at a number of social media sites, plus an icon and link to the feed.</p>
<p><a href="http://www.webdesignerdepot.com/2009/05/10-best-css-practices-to-improve-your-code/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/2.jpg" alt="Webdesigner Depot" width="425" height="94" /></a></p>
<p><a href="http://ecoki.com/preparing-fiddlehead-ferns/"><strong>Ecoki</strong></a></p>
<p>Ecoki provides links to a few related posts and some icons with links to subscribe, share on Twitter and email to a friend.</p>
<p><a href="http://ecoki.com/preparing-fiddlehead-ferns/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/3.jpg" alt="Ecoki" width="425" height="125" /></a></p>
<p><a href="http://www.gomediazine.com/tutorials/illustrator/draft-create-vector-art-twitter-icon-character-adobe-illustrator/"><strong>GoMediaZine</strong></a></p>
<p>GoMediaZine has a dark, textured area with social media icons and links, as well as related posts and subscription options.</p>
<p><a href="http://www.gomediazine.com/tutorials/illustrator/draft-create-vector-art-twitter-icon-character-adobe-illustrator/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/7.jpg" alt="GoMediaZine" width="425" height="300" /></a></p>
<p><a href="http://www.wearenotfreelancers.co.za/view_item.cfm/title/were_not_machines_why_do_we_work_like_ones"><strong>We Are not Freelancers</strong></a></p>
<p>We Are not Freelancers continues the hand-drawn approach to its design by using a hand-drawn heart, &#8220;Promote Me&#8221; text, and an RSS icon.</p>
<p><a href="http://www.wearenotfreelancers.co.za/view_item.cfm/title/were_not_machines_why_do_we_work_like_ones"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/8.jpg" alt="We Are not Freelancers" width="425" height="115" /></a></p>
<p><a href="http://colorburned.com/2009/04/5-free-high-resolution-stone-textures.html"><strong>Colorburned</strong></a></p>
<p>Colorburned includes an area for social media promotion, followed by a list of related posts with thumbnails for each post.</p>
<p><a href="http://colorburned.com/2009/04/5-free-high-resolution-stone-textures.html"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/14.jpg" alt="Colorburned" width="425" height="274" /></a></p>
<p><a href="http://wellmedicated.com/lists/40-gorgeous-vintage-tobacco-advertisements/"><strong>Well Medicated</strong></a></p>
<p>Well Mediacated has an area for encouraging social media votes and an &#8220;about the author&#8221; section.</p>
<p><a href="http://wellmedicated.com/lists/40-gorgeous-vintage-tobacco-advertisements/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/17.jpg" alt="Well Medicated" width="425" height="310" /></a></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/beginner-illustrator-tutorial-create-a-vector-rss-icon"><strong>Blog.SpoonGraphics</strong></a></p>
<p>Blog.SpoonGraphics uses the <a href="http://www.blog.spoongraphics.co.uk/freebies/free-hand-drawn-doodle-icon-set-for-bloggers">doodle icons</a> for social media (these icons were created and distributed by Chris Spooner).</p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/beginner-illustrator-tutorial-create-a-vector-rss-icon"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/18.jpg" alt="Blog.SpoonGraphics" width="425" height="89" /></a></p>
<p><a href="http://mac.appstorm.net/roundups/business/financial-software-for-mac-7-great-apps/"><strong>AppStorm</strong></a></p>
<p>AppStorm uses a box that contains two simple lists for related posts and popular posts.</p>
<p><a href="http://mac.appstorm.net/roundups/business/financial-software-for-mac-7-great-apps/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/19.jpg" alt="AppStorm" width="425" height="282" /></a></p>
<p><a href="http://www.macalicious.com/archives/2009/05/12/apple-finally-releases-os-x-1057-update/"><strong>Macalicious</strong></a></p>
<p>Macalicious has a related post list followed by 3 purple buttons for voting, bookmarking and subscribing.</p>
<p><a href="http://www.macalicious.com/archives/2009/05/12/apple-finally-releases-os-x-1057-update/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/21.jpg" alt="Macalicious" width="425" height="152" /></a></p>
<p><a href="http://www.bluemag.es/fotografia/fotografas-de-alex-prager/"><strong>Bluemag.es</strong></a></p>
<p>Bluemag uses several icons for social media votes and sharing, as well as a list of related links.</p>
<p><a href="http://www.bluemag.es/fotografia/fotografas-de-alex-prager/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/24.jpg" alt="Bluemag.es" width="425" height="328" /></a></p>
<p><a href="http://www.foodess.com/2009/04/strawberry-rhubarb-pie/"><strong>Foodess</strong></a></p>
<p>Foodess uses a list of similar recipes, and a few small links for social media.</p>
<p><a href="http://www.foodess.com/2009/04/strawberry-rhubarb-pie/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/25.jpg" alt="Foodess" width="425" height="137" /></a></p>
<p><a href="http://www.carbonsugar.com/design/the-ultimate-fw-board-tuning-guide/"><strong>Carbon Sugar</strong></a></p>
<p>Carbon Sugar includes two large areas for voting and for subscribing.</p>
<p><a href="http://www.carbonsugar.com/design/the-ultimate-fw-board-tuning-guide/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/29.jpg" alt="Carbon Sugar" width="425" height="235" /></a></p>
<p><a href="http://www.uxbooth.com/blog/creating-consistently-colorful-user-experiences-part-2-the-medium/"><strong>UX Booth</strong></a></p>
<p>UX Booth uses an attractive area with encouragement for social media votes.</p>
<p><a href="http://www.uxbooth.com/blog/creating-consistently-colorful-user-experiences-part-2-the-medium/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/32.jpg" alt="UX Booth" width="425" height="127" /></a></p>
<h3>About the Author:</h3>
<p>Including author information on posts is also very common, especially on multi-author blogs. We&#8217;ll see a few different approaches to this here.</p>
<p><a href="http://www.viget.com/extend/rack-support-in-rails-why-it-matters/"><strong>Viget Extend</strong></a></p>
<p>Viget Extend show the author name and photo at the top of the post, rather than showing a brief bio at the end of the post as is more common.</p>
<p><a href="http://www.viget.com/extend/rack-support-in-rails-why-it-matters/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/10.jpg" alt="Viget Extend" width="425" height="200" /></a></p>
<p><a href="http://www.outlawdesignblog.com/2009/discussion-public-relations-for-freelance-designers/"><strong>Outlaw Design Blog</strong></a></p>
<p>Outlaw Design Blog includes an author bio box at the end of posts with links to the author site and to Twitter.</p>
<p><a href="http://www.outlawdesignblog.com/2009/discussion-public-relations-for-freelance-designers/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/11.jpg" alt="Outlaw Design Blog" width="425" height="110" /></a></p>
<p><a href="http://line25.com/articles/web-design-trend-showcase-rockets-spaceships"><strong>Line25</strong></a></p>
<p>Line25 includes a brief author bio with a photo at the end of posts.</p>
<p><a href="http://line25.com/articles/web-design-trend-showcase-rockets-spaceships"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/13.jpg" alt="Line25" width="425" height="97" /></a></p>
<p><a href="http://www.tutorial9.net/photoshop/design-a-stylish-mail-icon-in-photoshop/"><strong>Tutorial9</strong></a></p>
<p>At the end of posts on Tutorial9 there is an &#8220;about the author&#8221; section with a brief bio, photo and a link to the author&#8217;s site. The bio also includes a subtle background image that helps to make it an attractive area of the post.</p>
<p><a href="http://www.tutorial9.net/photoshop/design-a-stylish-mail-icon-in-photoshop/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/16.jpg" alt="Tutorial9" width="425" height="116" /></a></p>
<p><a href="http://psd.tutsplus.com/tutorials/designing-tutorials/design-a-ready-to-print-brochure-in-photoshop/"><strong>PSDTUTS</strong></a></p>
<p>PSDTUTS includes the author area after a brief post intro at the top of articles.</p>
<p><a href="http://psd.tutsplus.com/tutorials/designing-tutorials/design-a-ready-to-print-brochure-in-photoshop/"><img class="imgborder" src="http://vandelaydesign.com/images/0509/format/27.jpg" alt="PSDTUTS" width="425" height="111" /></a></p>
<h3>What&#8217;s Your Opinion?</h3>
<p>From a reader&#8217;s perspective, which elements do you feel are important to have on blog posts, and which design approaches do you prefer?</p>
<p>For more design inspiration see:</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/galleries/best-band-websites/">25 of the Best Websites of Bands and Musicians</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/travel/">37 of the Best Website Designs from the Travel Industry</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/magazine-layout/">25 Magazine-Style Layouts for Your Design Inspiration</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/best-church-websites/">25 of the Best Church Website Designs</a></li>
</ul>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fgalleries%2Fblog-post-formatting%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fgalleries%2Fblog-post-formatting%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=33--ZPa3oZk:MyqVeMMuHa4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=33--ZPa3oZk:MyqVeMMuHa4:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=33--ZPa3oZk:MyqVeMMuHa4:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=33--ZPa3oZk:MyqVeMMuHa4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=33--ZPa3oZk:MyqVeMMuHa4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=33--ZPa3oZk:MyqVeMMuHa4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=33--ZPa3oZk:MyqVeMMuHa4:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/33--ZPa3oZk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/galleries/blog-post-formatting/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>25 Beautifully Colorful Websites – Part V</title>
		<link>http://vandelaydesign.com/blog/galleries/colorful-sites/</link>
		<comments>http://vandelaydesign.com/blog/galleries/colorful-sites/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 21:14:13 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Galleries]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1463</guid>
		<description><![CDATA[<a href="http://vandelaydesign.com/blog/design-process/color-schemes/">Color schemes</a> have a huge impact on the end result of a design. In this post we'll feature 25 websites that use bright and vibrant color schemes very effectively. This is the fifth post that has been published in this series. You can see the previous four here.
<ul>
	<li><a href="http://vandelaydesign.com/blog/galleries/colorful-websites/">25 Beautifully Colorful Websites</a></li>
	<li><a href="http://vandelaydesign.com/blog/galleries/beautifully-colorful-websites/">25 Beautifully Colorful Websites - Part II</a></li>
	<li><a href="http://vandelaydesign.com/blog/galleries/25-beautifully-colorful-websites-part-3/">25 Beautifully Colorful Websites - Part III</a></li>
	<li><a href="http://vandelaydesign.com/blog/galleries/colorful-websites-4/">25 Beautifully Colorful Websites - Part IV</a></li>
</ul>
<a href="http://www.garysreallife.com/"><strong>Gary's Real Life</strong></a>

<a href="http://www.garysreallife.com/"><img src="http://vandelaydesign.com/images/0909/colorful/6.jpg" alt="Gary's Real Life" width="525" height="303" /></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://vandelaydesign.com/blog/design-process/color-schemes/">Color schemes</a> have a huge impact on the end result of a design. In this post we&#8217;ll feature 25 websites that use bright and vibrant color schemes very effectively. This is the fifth post that has been published in this series. You can see the previous four here.</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/galleries/colorful-websites/">25 Beautifully Colorful Websites</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/beautifully-colorful-websites/">25 Beautifully Colorful Websites &#8211; Part II</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/25-beautifully-colorful-websites-part-3/">25 Beautifully Colorful Websites &#8211; Part III</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/colorful-websites-4/">25 Beautifully Colorful Websites &#8211; Part IV</a></li>
</ul>
<p><a href="http://www.garysreallife.com/"><strong>Gary&#8217;s Real Life</strong></a></p>
<p><a href="http://www.garysreallife.com/"><img src="http://vandelaydesign.com/images/0909/colorful/6.jpg" alt="Gary's Real Life" width="525" height="303" /></a></p>
<p><a href="http://yodaa.com/"><strong>Yodaa</strong></a></p>
<p><a href="http://yodaa.com/"><img src="http://vandelaydesign.com/images/0909/colorful/7.jpg" alt="Yodaa" width="525" height="299" /></a></p>
<p><a href="http://chrisjennings.com/"><strong>Chris Jennings</strong></a></p>
<p><a href="http://chrisjennings.com/"><img src="http://vandelaydesign.com/images/0909/colorful/13.jpg" alt="Chris Jennings" width="525" height="294" /></a></p>
<p><a href="http://www.sacjazz.com/index3.php"><strong>Sacramento Jazz Festival</strong></a></p>
<p><a href="http://www.sacjazz.com/index3.php"><img src="http://vandelaydesign.com/images/0909/colorful/4.jpg" alt="Sacramento Jazz Festival" width="525" height="334" /></a></p>
<p><a href="http://ryankeiser.net/"><strong>Ryan Keiser</strong></a></p>
<p><strong><a href="http://ryankeiser.net/"><img src="http://vandelaydesign.com/images/0909/colorful/10.jpg" alt="Ryan Keiser" width="525" height="299" /></a></strong></p>
<p><a href="http://www.juandiegovelasco.com/"><strong>Juan Diego Velasco</strong></a></p>
<p><a href="http://www.juandiegovelasco.com/"><img src="http://vandelaydesign.com/images/0909/colorful/12.jpg" alt="Juan Diego Velasco" width="525" height="305" /></a></p>
<p><a href="http://www.bellyshades.de/"><strong>Bellyshades</strong></a></p>
<p><a href="http://www.bellyshades.de/"><img src="http://vandelaydesign.com/images/0909/colorful/23.jpg" alt="Bellyshades" width="525" height="281" /></a></p>
<p><a href="http://www.flex360.com/"><strong>Flex360</strong></a></p>
<p><a href="http://www.flex360.com/"><img src="http://vandelaydesign.com/images/0909/colorful/9.jpg" alt="Flex360" width="525" height="306" /></a></p>
<p><a href="http://www.thealamobasement.com/"><strong>The Alamo Basement</strong></a></p>
<p><a href="http://www.thealamobasement.com/"><img src="http://vandelaydesign.com/images/0909/colorful/8.jpg" alt="The Alamo Basement" width="525" height="310" /></a></p>
<p><a href="http://feedstitch.com/"><strong>FeedStitch</strong></a></p>
<p><a href="http://feedstitch.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/2.jpg" alt="FeedStitch" width="525" height="318" /></a></p>
<p><a href="http://www.ormanclark.com/"><strong>Orman Clark</strong></a></p>
<p><a href="http://www.ormanclark.com/"><img src="http://vandelaydesign.com/images/0909/colorful/11.jpg" alt="Orman Clark" width="525" height="298" /></a></p>
<p><a href="http://www.sketchen.com/"><strong>Sketchen</strong></a></p>
<p><a href="http://www.sketchen.com/"><img src="http://vandelaydesign.com/images/0909/colorful/17.jpg" alt="Sketchen" width="525" height="284" /></a></p>
<p><a href="http://www.markforrester.co.za/"><strong>Mark Forrester</strong></a></p>
<p><a href="http://www.markforrester.co.za/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/5.jpg" alt="Mark Forrester" width="525" height="300" /></a></p>
<p><a href="http://www.disneystore.com/"><strong>Disney Store</strong></a></p>
<p><a href="http://www.disneystore.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/14.jpg" alt="Disney Store" width="525" height="288" /></a></p>
<p><a href="http://www.hellothemes.com/"><strong>Hello Themes</strong></a></p>
<p><a href="http://www.hellothemes.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/15.jpg" alt="Hello Themes" width="525" height="290" /></a></p>
<p><a href="http://leihu.com/"><strong>Leihu</strong></a></p>
<p><a href="http://leihu.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/16.jpg" alt="Leihu" width="525" height="291" /></a></p>
<p><a href="http://toriseye.quodis.com/"><strong>Tori&#8217;s Eye</strong></a></p>
<p><a href="http://toriseye.quodis.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/18.jpg" alt="Tori's Eye" width="525" height="294" /></a></p>
<p><a href="http://lemonstandapp.com/"><strong>LemonStand</strong></a></p>
<p><a href="http://lemonstandapp.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/19.jpg" alt="LemonStand" width="525" height="312" /></a></p>
<p><a href="http://www.quaffslabs.com/"><strong>Quaffs Labs</strong></a></p>
<p><a href="http://www.quaffslabs.com/"><img src="http://vandelaydesign.com/images/0909/colorful/1.jpg" alt="Quaffs Labs" width="525" height="288" /></a></p>
<p><a href="http://www.doxiescanner.com/"><strong>Doxie</strong></a></p>
<p><a href="http://www.doxiescanner.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/20.jpg" alt="Doxie" width="525" height="301" /></a></p>
<p><a href="http://envato.com/"><strong>Envato</strong></a></p>
<p><a href="http://envato.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/21.jpg" alt="Envato" width="525" height="299" /></a></p>
<p><a href="http://www.villahope.org/"><strong>Villa Hope Adoption Agency</strong></a></p>
<p><a href="http://www.villahope.org/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/22.jpg" alt="Villa Hope Adoption Agency" width="525" height="296" /></a></p>
<p><a href="http://www.rciuk.org/"><strong>RCI UK</strong></a></p>
<p><a href="http://www.rciuk.org/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/24.jpg" alt="RCI UK" width="525" height="276" /></a></p>
<p><a href="http://www.vacationrentalstation.com/"><strong>Vacation Rental Station</strong></a></p>
<p><a href="http://www.vacationrentalstation.com/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/colorful/25.jpg" alt="Vacation Rental Station" width="525" height="279" /></a></p>
<p><a href="http://www.knoxville.org/"><strong>Knoxville</strong></a></p>
<p><a href="http://www.knoxville.org/"><img src="http://vandelaydesign.com/images/0909/colorful/3.jpg" alt="Knoxville" width="525" height="298" /></a></p>
<p>For more <a href="http://vandelaydesign.com/blog/design-inspiration/">design inspiration</a> see:</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/galleries/best-church-websites/">50 of the Best Church Website Designs</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/inspirational-ecommerce/">25+ Inspirational E-Commerce Website Designs &#8211; Part II</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/best-photography-websites/">25 of the Best Photographer Portfolio Websites &#8211; Part II</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/dark-inspiration/">25 Beautifully Dark Websites &#8211; Part III</a></li>
</ul>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fgalleries%2Fcolorful-sites%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fgalleries%2Fcolorful-sites%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=f7YSgf4AmCc:0kad4zgaaqM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=f7YSgf4AmCc:0kad4zgaaqM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=f7YSgf4AmCc:0kad4zgaaqM:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=f7YSgf4AmCc:0kad4zgaaqM:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=f7YSgf4AmCc:0kad4zgaaqM:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=f7YSgf4AmCc:0kad4zgaaqM:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=f7YSgf4AmCc:0kad4zgaaqM:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/f7YSgf4AmCc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/galleries/colorful-sites/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Trends in Pricing Page Design and Layout</title>
		<link>http://vandelaydesign.com/blog/design/pricing-page-trends/</link>
		<comments>http://vandelaydesign.com/blog/design/pricing-page-trends/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 21:00:48 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[inspiration]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1584</guid>
		<description><![CDATA[Pricing pages are very common for sites of web apps, web  hosting and other types of services. These pages are critical to the success of  the company because they will have a significant influence on the visitors who  are trying to make a buying decision. Pricing pages typically give the necessary  details regarding the various plans and options, and they encourage visitors to  take action.

In this post we'll look at a number of trends in pricing  page design, along with several examples for each.
<h3>Emphasis on One Option:</h3>
Most of the pricing pages that we are looking at in this post include some  sort of table or chart that shows the various options that are available for  purchase. Obviously, this is helpful for buyers to be able to compare their  options and determine which is the best choice for them. However, sometimes  having too many possible choices can actually make things more difficult. Some  pricing pages are using an emphasis on one option to help it stand out to  visitors. In some cases it is listed as the most popular or best value, and in  other cases it is simply emphasized in some way.

Aside from attempting to make the decision easier for visitors, emphasis also  gives the designer the ability to control which of the options will get the most  attention from visitors. In some cases it is used on the most expensive option,  but in many cases it is not. Let's look at some examples.

<strong><a href="https://crazyegg.com/pay/plans">Crazy Egg</a></strong>

Crazy Egg emphasizes their basic plan (the lowest-priced option) by using a green background color compared the the gray background of the other plans, plus the column background is also a little bit larger.

<a href="https://crazyegg.com/pay/plans"><img src="http://vandelaydesign.com/images/1009/pricing/6.jpg" alt="Crazy Egg" width="515" height="427" /></a>]]></description>
			<content:encoded><![CDATA[<p>Pricing pages are very common for sites of web apps, web  hosting and other types of services. These pages are critical to the success of  the company because they will have a significant influence on the visitors who  are trying to make a buying decision. Pricing pages typically give the necessary  details regarding the various plans and options, and they encourage visitors to  take action.</p>
<p>In this post we&#8217;ll look at a number of trends in pricing  page design, along with several examples for each.</p>
<h3>Emphasis on One Option:</h3>
<p>Most of the pricing pages that we are looking at in this post include some  sort of table or chart that shows the various options that are available for  purchase. Obviously, this is helpful for buyers to be able to compare their  options and determine which is the best choice for them. However, sometimes  having too many possible choices can actually make things more difficult. Some  pricing pages are using an emphasis on one option to help it stand out to  visitors. In some cases it is listed as the most popular or best value, and in  other cases it is simply emphasized in some way.</p>
<p>Aside from attempting to make the decision easier for visitors, emphasis also  gives the designer the ability to control which of the options will get the most  attention from visitors. In some cases it is used on the most expensive option,  but in many cases it is not. Let&#8217;s look at some examples.</p>
<p><strong><a href="https://crazyegg.com/pay/plans">Crazy Egg</a></strong></p>
<p>Crazy Egg emphasizes their basic plan (the lowest-priced option) by using a green background color compared the the gray background of the other plans, plus the column background is also a little bit larger.</p>
<p><a href="https://crazyegg.com/pay/plans"><img src="http://vandelaydesign.com/images/1009/pricing/6.jpg" alt="Crazy Egg" width="515" height="427" /></a></p>
<p><strong><a href="http://highrisehq.com/signup">Highrise</a></strong></p>
<p>Highrise offers five different plans that users can choose from, but the Plus  plan is marked as the most popular and is emphasized by a larger sized box, a  slightly different background color, and a drop shadow that causes it to appear  as if it is on top of the other options.</p>
<p><a href="http://highrisehq.com/signup"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/1.jpg" alt="Highrise" width="515" height="649" /></a></p>
<p><strong><a href="http://www.mediatemple.net/webhosting/dv/pricing.php">Media  Temple</a></strong></p>
<p>Media Temple uses a simple ribbon that says &#8220;best value&#8221; to its (dv) RAGE  server.</p>
<p><a href="http://www.mediatemple.net/webhosting/dv/pricing.php"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/2.jpg" alt="Media  Temple" width="515" height="420" /></a></p>
<p><strong><a href="http://www.typepad.com/pricing/">TypePad</a></strong></p>
<p>TypePad has four different plans to choose from, but the Pro plan is  emphasized. In addition to just making this plan stand out visually, they also  have a discount available for the Pro plan to give it further emphasis.</p>
<p><a href="http://www.typepad.com/pricing/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/3.jpg" alt="TypePad" width="515" height="587" /></a></p>
<p><strong><a href="http://www.formspring.com/pricing.html">FormSpring</a></strong></p>
<p>FormSpring uses color and size to help the Professional plan to stand out.  Also, they have listed it as their most popular plan.</p>
<p><a href="http://www.formspring.com/pricing.html"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/4.jpg" alt="FormSpring" width="515" height="398" /></a></p>
<p><strong><a href="http://pulseapp.com/signup">Pulse</a></strong></p>
<p>Pulse uses a colored background and a green border to emphasize their  standard plan.</p>
<p><a href="http://pulseapp.com/signup"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/5.jpg" alt="Pulse" width="515" height="253" /></a></p>
<p><strong><a href="http://onehub.com/pricing">Onehub</a></strong></p>
<p>Onehub emphasizes their Team plan by using a subtle change in background  color and button color. Additionally, it is starred and labeled as the most  popular plan.</p>
<p><a href="http://onehub.com/pricing"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/7.jpg" alt="Onehub" width="515" height="342" /></a></p>
<p><strong><a href="http://www.volusion.com/ecommerce-web-hosting.asp">Volusion</a></strong></p>
<p>Volusion uses a &#8220;most popular&#8221; sticker, change in background color, and a  higher tab to allow the Gold package to stand out.</p>
<p><a href="http://www.volusion.com/ecommerce-web-hosting.asp"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/8.jpg" alt="Volusion" width="515" height="393" /></a></p>
<h3>Multiple Colors for Various Options</h3>
<p>Color can be used very effectively to make things stand out, and it can also be used to distinguish various items/options. Some pricing pages use different colors for each plan to help separate them visually and to give some added visual appeal to the page.</p>
<p><strong><a href="http://wufoo.com/signup/">Wufoo</a></strong></p>
<p>Wufoo offers five different plans to choose from, and on the pricing page  each option features a different color.</p>
<p><a href="http://wufoo.com/signup/"><img src="http://vandelaydesign.com/images/1009/pricing/12.jpg" alt="Wufoo" width="515" height="263" /></a></p>
<p><strong><a href="https://app.shopify.com/services/signup">Shopify</a></strong></p>
<p>Shopify uses some subtle color changes on the various plans to help them stand out from one another. The Business plan is also emphasized by labeling it as the most popular.</p>
<p><a href="https://app.shopify.com/services/signup"><img src="http://vandelaydesign.com/images/1009/pricing/13.jpg" alt="Shopify" width="515" height="490" /></a></p>
<p><strong><a href="http://www.speaklight.com/pricing">LightCMS</a></strong></p>
<p>The pricing page for LightCMS uses a different color for each of the six  plans that they have to choose from.</p>
<p><a href="http://www.speaklight.com/pricing"><img src="http://vandelaydesign.com/images/1009/pricing/14.jpg" alt="LightCMS" width="515" height="307" /></a></p>
<p><strong><a href="https://secure.letsfreckle.com/signup">Freckle</a></strong></p>
<p>Freckle offers four different plans. Each one has a unique color on the  pricing page.</p>
<p><a href="https://secure.letsfreckle.com/signup"><img src="http://vandelaydesign.com/images/1009/pricing/15.jpg" alt="Freckle" width="515" height="350" /></a></p>
<h3>Emphasis on Sign Up Link</h3>
<p>Some pricing pages use a sign up link or button that stands out from the rest  of the page in some way. Of course, this is done with the intent of capturing  the attention of visitors and encouraging them to take action and sign up for  something. Some companies use this method to encourage signups for a free plan  or trial just get to people to try it out, while others use the emphasis to  encourage signups for their paid plans. Here are some examples.</p>
<p><strong><a href="http://www.theresumator.com/signup">The  Resumator</a></strong></p>
<p>The Resumator uses a large sign up button below the name of each plan that is  available.</p>
<p><a href="http://www.theresumator.com/signup"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/10.jpg" alt="The  Resumator" width="515" height="408" /></a></p>
<p><strong><a href="http://www.freshbooks.com/pricing.php">FreshBooks</a></strong></p>
<p>FreshBooks uses a green arrow and a large button that says &#8220;Get Started with  a FREE Account!&#8221; the button is located at the bottom of the table that displays  the prices and features.</p>
<p><a href="http://www.freshbooks.com/pricing.php"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/11.jpg" alt="FreshBooks" width="515" height="555" /></a></p>
<p><strong><a href="http://www.cobblestonecn.com/signup/pricing/">Cobblestone</a></strong></p>
<p>Cobblestone uses a large banner graphic that is displayed above the plans and pricing to encourage signups. The enticement is provided by offering the opportunity to lock in to low prices during the beta launch.</p>
<p><a href="http://www.cobblestonecn.com/signup/pricing/"><img src="http://vandelaydesign.com/images/1009/pricing/9.jpg" alt="Cobblestone" width="515" height="434" /></a></p>
<h3>Free Account Options, or Free Trial</h3>
<p>A number of companies have chosen to offer limited free accounts from their  pricing page to encourage customers to give the service a try. This also makes  it possible for customers who only have a need for very basic features and  limited quantities to use without the need to pay. Here we will see some  examples of pricing pages that promote free accounts.</p>
<p><strong><a href="http://www.mailchimp.com/pricing/">MailChimp</a></strong></p>
<p>MailChimp has a free plan in addition to their five paid plans.</p>
<p><a href="http://www.mailchimp.com/pricing/"><img src="http://vandelaydesign.com/images/1009/pricing/18.jpg" alt="MailChimp" width="515" height="365" /></a></p>
<p><strong><a href="http://www.campaignmonitor.com/pricing/">Campaign  Monitor</a></strong></p>
<p>Campaign Monitor&#8217;s pricing page is different than most that are shown here, but they do offer a free plan on the page and they use buttons to encourage visitors to sign up for the free account.</p>
<p><a href="http://www.campaignmonitor.com/pricing/"><img src="http://vandelaydesign.com/images/1009/pricing/19.jpg" alt="Campaign  Monitor" width="515" height="472" /></a></p>
<p><strong><a href="https://www.sixcentral.com/pricing">Six Central</a></strong></p>
<p>Six Central offers a choice of two plans, including a free one.</p>
<p><a href="https://www.sixcentral.com/pricing"><img src="http://vandelaydesign.com/images/1009/pricing/20.jpg" alt="Six Central" width="515" height="397" /></a></p>
<p><strong><a href="http://www.polldaddy.com/signup/">Polldaddy</a></strong></p>
<p>Polldaddy offers three different types of accounts, including a free one.</p>
<p><a href="http://www.polldaddy.com/signup/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/16.jpg" alt="Polldaddy" width="515" height="385" /></a></p>
<p><strong><a href="https://www.getbackboard.com/users/pricing">Backboard</a></strong></p>
<p>Backboard doesn&#8217;t offer a permanently free account, but two of their plans  come with a 14-day free trial, and this is emphasized on the pricing page.</p>
<p><a href="https://www.getbackboard.com/users/pricing"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/17.jpg" alt="Backboard" width="515" height="365" /></a></p>
<h3>Feature Listing</h3>
<p>Most of the pricing pages that you have seen throughout this post have some  sort of feature listing. In some cases the pricing page may only list basic  features, but these pages are examples of though that use extensive lists of  features and details for the various options or plans.</p>
<p><strong><a href="http://expressionengine.com/overview/pricing/">Expression  Engine</a></strong></p>
<p>Expression Engine has a detailed table on its pricing page that shows the  differences between each plan.</p>
<p><a href="http://expressionengine.com/overview/pricing/"><img src="http://vandelaydesign.com/images/1009/pricing/24.jpg" alt="Expression  Engine" width="515" height="648" /></a></p>
<p><strong><a href="http://invoicemachine.com/pricing">Invoice  Machine</a></strong></p>
<p>Invoice Machine has four different plans and a list of features for each.</p>
<p><a href="http://invoicemachine.com/pricing"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/22.jpg" alt="Invoice  Machine" width="515" height="603" /></a></p>
<p><strong><a href="http://bigcartel.com/signup">Big Cartel</a></strong></p>
<p>Big Cartel shows the difference between each plan through a table that  compares the features of each.</p>
<p><a href="http://bigcartel.com/signup"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/23.jpg" alt="Big Cartel" width="515" height="417" /></a></p>
<p><strong><a href="http://www.wiredtree.com/managedservers/">WiredTree</a></strong></p>
<p>WiredTree lists the details of its various web hosting plans on the pricing  page.</p>
<p><a href="http://www.wiredtree.com/managedservers/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/pricing/25.jpg" alt="WiredTree" width="515" height="772" /></a></p>
<p><strong><a href="https://www.proofhq.com/index.php/signup/index">Proof  HQ</a></strong></p>
<p>Proof HQ has eight different plans to choose from and they use a large table to list the features and details of each plan for comparison.</p>
<p><a href="https://www.proofhq.com/index.php/signup/index"><img src="http://vandelaydesign.com/images/1009/pricing/21.jpg" alt="Proof  HQ" width="515" height="328" /></a></p>
<p>For more design inspiration please see:</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/galleries/social-networking-websites/">Showcase of Social Networking Websites</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/travel/">37 of the Best Web Designs from the Travel Industry</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/magazine-layout/">25 Magazine-Style Layouts for Your Design Inspiration</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/outstanding-church-websites/">25 Outstanding Church Websites &#8211; Part III</a></li>
</ul>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign%2Fpricing-page-trends%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign%2Fpricing-page-trends%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=5YBvkucSSEc:8uhAS6QRDZg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=5YBvkucSSEc:8uhAS6QRDZg:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=5YBvkucSSEc:8uhAS6QRDZg:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=5YBvkucSSEc:8uhAS6QRDZg:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=5YBvkucSSEc:8uhAS6QRDZg:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=5YBvkucSSEc:8uhAS6QRDZg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=5YBvkucSSEc:8uhAS6QRDZg:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/5YBvkucSSEc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design/pricing-page-trends/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Win 500 Die-Cut Business Cards from UPrinting</title>
		<link>http://vandelaydesign.com/blog/site-news/uprinting/</link>
		<comments>http://vandelaydesign.com/blog/site-news/uprinting/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 23:05:01 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Site News]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1634</guid>
		<description><![CDATA[<a href="http://www.uprinting.com/">UPrinting</a> has  offered to give 500 <a href="http://www.uprinting.com/print/Die-Cut-Business-Cards.html">die cut  business cards</a> to five readers of the Vandelay Design blog! If you're  interested in having a unique business card that helps you to stand out to  potential clients, this is a great opportunity.

<a href="http://www.uprinting.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/uprinting/1.jpg" alt="UPrinting - Business Cards" width="525" height="316" /></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.uprinting.com/">UPrinting</a> has  offered to give 500 <a href="http://www.uprinting.com/print/Die-Cut-Business-Cards.html">die cut  business cards</a> to five readers of the Vandelay Design blog! If you&#8217;re  interested in having a unique business card that helps you to stand out to  potential clients, this is a great opportunity.</p>
<p><a href="http://www.uprinting.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/uprinting/1.jpg" alt="UPrinting - Business Cards" width="525" height="316" /></a></p>
<p>If you’re not familiar with UPrinting, they have been a printing leader for  over 25 years and they offer a very wide variety of services, including <a href="http://www.uprinting.com/Business-Cards.html">business cards</a>,  brochures, calendars, menus, posters, postcards, envelopes, and more. UPrinting  also has a <a href="http://blog.uprinting.com/">blog</a> that may interest you.  They publish articles relevant to graphic designers and the printing  industry.</p>
<p>UPrinting offers convenient ordering for business cards. Their site includes  a pricing calculator that allows you to choose the size, stock, color, and  quantity so you can see the price before even getting started. Shipping costs  can also be calculated.</p>
<h3>Giveaway Details:</h3>
<p>Five readers will win 500 business cards each, plus free ground shipping  courtesy of UPrinting. Free shipping is only provided to winners in the U.S.  Those outside the U.S. are welcome to enter the contest but would have to pay  for shipping and applicable taxes.</p>
<p>To enter the contest, please leave a comment on this post stating that you  would like to enter, or tell us how you would use the business cards if you win.  On Friday, October 30th I will select five random winners and this post will be  updated at that time. The winners will be contacted by email (be sure to leave a  valid email address with your comment).</p>
<h3>Good luck!</h3>
<p><em>UPrinting is also sponsoring an identical giveaway at DesignM.ag, so feel fee  to leave a comment on <a href="http://designm.ag/sitenews/uprinting/">this post</a> to double your chances. You  may enter once at each site.</em></p>
<p><strong>UPDATE: </strong>The contest is now over. Thanks to everyone who participated! Here are the winners (you will be contacted by email shortly):</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/site-news/uprinting/#comment-39884">Brad Swardson</a></li>
<li><a href="http://vandelaydesign.com/blog/site-news/uprinting/#comment-39915">Kyle W</a></li>
<li><a href="http://vandelaydesign.com/blog/site-news/uprinting/#comment-39931">Shanna</a></li>
<li><a href="http://vandelaydesign.com/blog/site-news/uprinting/#comment-39957">Peter Brees</a></li>
<li><a href="http://vandelaydesign.com/blog/site-news/uprinting/#comment-40117">Justin</a></li>
</ul>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fsite-news%2Fuprinting%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fsite-news%2Fuprinting%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=XkWX0K-vZwg:ZiWPafHvWMk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=XkWX0K-vZwg:ZiWPafHvWMk:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=XkWX0K-vZwg:ZiWPafHvWMk:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=XkWX0K-vZwg:ZiWPafHvWMk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=XkWX0K-vZwg:ZiWPafHvWMk:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=XkWX0K-vZwg:ZiWPafHvWMk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=XkWX0K-vZwg:ZiWPafHvWMk:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/XkWX0K-vZwg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/site-news/uprinting/feed/</wfw:commentRss>
		<slash:comments>166</slash:comments>
		</item>
		<item>
		<title>75 PSD to HTML Resources for Web Designers</title>
		<link>http://vandelaydesign.com/blog/design-process/psd-to-html-resources/</link>
		<comments>http://vandelaydesign.com/blog/design-process/psd-to-html-resources/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 19:57:59 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[psd to html]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1614</guid>
		<description><![CDATA[PSD to HTML conversion is a critical step in the web design and development process. Whether you are <a href="http://designm.ag/resources/converting-psd-to-html/">coding your own design</a> or outsourcing it, the quality of the final project will be significantly influenced by the work that is done at this stage. In this post you'll find 75 resources, including PSD to HTML providers, PSD to WordPress providers, sites for reading reviews of the service providers, automated resources, and PSD to HTML tutorials.
<h3>PSD to HTML Tutorials:</h3>
If you're interested in learning more about doing the PSD to HTML coding yourself, these tutorials will be very helpful.

<a href="http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><strong>From PSD to HTML, Building a Set of Website Designs Step-by-Step</strong></a>

<a href="http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><img src="http://vanimg.s3.amazonaws.com/psd-59.jpg" alt="From PSD to HTML, Building a Set of Website Designs Step-by-Step" width="425" height="338" /></a>]]></description>
			<content:encoded><![CDATA[<p>PSD to HTML conversion is a critical step in the web design and development process. Whether you are <a href="http://designm.ag/resources/converting-psd-to-html/">coding your own design</a> or outsourcing it, the quality of the final project will be significantly influenced by the work that is done at this stage. In this post you&#8217;ll find 75 resources, including PSD to HTML providers, PSD to WordPress providers, sites for reading reviews of the service providers, automated resources, and PSD to HTML tutorials.</p>
<h3>PSD to HTML Tutorials:</h3>
<p>If you&#8217;re interested in learning more about doing the PSD to HTML coding yourself, these tutorials will be very helpful.</p>
<p><a href="http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><strong>From PSD to HTML, Building a Set of Website Designs Step-by-Step</strong></a></p>
<p><a href="http://net.tutsplus.com/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/"><img src="http://vanimg.s3.amazonaws.com/psd-59.jpg" alt="From PSD to HTML, Building a Set of Website Designs Step-by-Step" width="425" height="338" /></a></p>
<p><a href="http://net.tutsplus.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/"><strong>Build a Sleek Portfolio Site from Scratch</strong></a></p>
<p><a href="http://net.tutsplus.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/"><img src="http://vanimg.s3.amazonaws.com/psd-60.jpg" alt="Build a Sleek Portfolio Site from Scratch" width="425" height="397" /></a></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css"><strong>Encoding a Photoshop Mockup into XHTML/CSS</strong></a></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css"><img src="http://vanimg.s3.amazonaws.com/psd-61.jpg" alt="Encoding a Photoshop Mockup into XHTML/CSS" width="425" height="313" /></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><strong>How to Convert a PSD to HTML (video)</strong></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/how-to-convert-a-psd-to-xhtml/"><img src="http://vanimg.s3.amazonaws.com/psd-62.jpg" alt="How to Convert a PSD to HTML (video)" width="425" height="258" /></a></p>
<p><a href="http://designm.ag/tutorials/psd-to-html-clean-folio/"><strong>How to Code a Clean Portfolio Design</strong></a></p>
<p><a href="http://designm.ag/tutorials/psd-to-html-clean-folio/"><img src="http://vanimg.s3.amazonaws.com/psd-63.jpg" alt="How to Code a Clean Portfolio Design" width="425" height="363" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-grunge-web-design-from-scratch/"><strong>How to Code a Grunge Web Design</strong></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-grunge-web-design-from-scratch/"><img src="http://vanimg.s3.amazonaws.com/psd-64.jpg" alt="How to Code a Grunge Web Design" width="425" height="289" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-illustrative-web-design-from-scratch/"><strong>Coding a Clean and Illustrative Web Design</strong></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-illustrative-web-design-from-scratch/"><img src="http://vanimg.s3.amazonaws.com/psd-65.jpg" alt="Coding a Clean and Illustrative Web Design" width="425" height="359" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-dark-and-sleek-web-design/"><strong>How to Create a Dark and Sleek Web Design from Photoshop</strong></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/how-to-code-a-dark-and-sleek-web-design/"><img src="http://vanimg.s3.amazonaws.com/psd-66.jpg" alt="How to Create a Dark and Sleek Web Design from Photoshop" width="425" height="319" /></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/"><strong>Coding a Clean Web 2.0 Style Web Design from Photoshop</strong></a></p>
<p><a href="http://sixrevisions.com/tutorials/web-development-tutorials/coding-a-clean-web-20-style-web-design-from-photoshop/"><img src="http://vanimg.s3.amazonaws.com/psd-67.jpg" alt="Coding a Clean Web 2.0 Style Web Design from Photoshop" width="425" height="245" /></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/converting-a-design-from-psd-to-html/"><strong>Converting a Design from PSD to HTML</strong></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/converting-a-design-from-psd-to-html/"><img src="http://vanimg.s3.amazonaws.com/psd-68.jpg" alt="Converting a Design from PSD to HTML" width="425" height="370" /></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/slice-and-dice-that-psd/"><strong>Slice and Dice that PSD</strong></a></p>
<p><a href="http://net.tutsplus.com/videos/screencasts/slice-and-dice-that-psd/"><img src="http://vanimg.s3.amazonaws.com/psd-69.jpg" alt="Slice and Dice that PSD" width="425" height="400" /></a></p>
<p><a href="http://hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/"><strong>The Design Lab: PSD Conversion</strong></a></p>
<p><a href="http://hv-designs.co.uk/2009/01/28/the-design-lab-psd-conversion/"><img src="http://vanimg.s3.amazonaws.com/psd-70.jpg" alt="The Design Lab: PSD Conversion" width="425" height="206" /></a></p>
<p><a href="http://css-tricks.com/video-screencasts/1-converting-a-photoshop-mockup-part-1-of-3/"><strong>Converting a Photoshop Mockup (video)</strong></a></p>
<p><a href="http://css-tricks.com/video-screencasts/1-converting-a-photoshop-mockup-part-1-of-3/"><img src="http://vanimg.s3.amazonaws.com/psd-71.jpg" alt="Converting a Photoshop Mockup (video)" width="425" height="251" /></a></p>
<h3>PSD to HTML Providers:</h3>
<p>Here is a look at more than 40 of the leading providers of PSD to HTML services. Additionally, some offer options to have a PSD coded into a WordPress theme, some other type of CMS template, or for a particular <a href="http://vandelaydesign.com/blog/web-development/ecommerce/">shopping cart system</a>.</p>
<p><a href="http://snobbyslice.com/"><strong>Snobby Slice</strong></a><br />
You can read our review to <a href="http://vandelaydesign.com/blog/snobby-slice-psd-to-html/">see why we recommend Snobby Slice</a>.</p>
<p><a href="http://snobbyslice.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-1.jpg" alt="Snobby Slice" width="425" height="256" /></a></p>
<p><a href="http://www.markup4u.com/"><strong>Markup4U</strong></a><br />
Markup4U also did some excellent work for us. You can see our <a href="http://vandelaydesign.com/blog/reviews/review-of-markup4u/">review of the services from Markup4U</a>.</p>
<p><a href="http://www.markup4u.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-2.jpg" alt="Markup4U" width="425" height="260" /></a></p>
<p><a href="http://www.psd2html.com/"><strong>PSD2HTML</strong></a></p>
<p><a href="http://www.psd2html.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-4.jpg" alt="PSD2HTML" width="425" height="255" /></a></p>
<p><a href="http://w3-markup.com/"><strong>W3 Markup</strong></a></p>
<p><a href="W3 Markup"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-7.jpg" alt="W3 Markup" width="425" height="238" /></a></p>
<p><a href="http://xhtml.pixelcrayons.com/"><strong>Pixel Crayons</strong></a></p>
<p><a href="http://xhtml.pixelcrayons.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-17.jpg" alt="Pixel Crayons" width="425" height="250" /></a></p>
<p><a href="http://rapidxhtml.com/"><strong>Rapid XHTML</strong></a></p>
<p><a href="http://rapidxhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-15.jpg" alt="Rapid XHTML" width="425" height="258" /></a></p>
<p><a href="http://markup-service.com/"><strong>Markup Service</strong></a></p>
<p><a href="http://markup-service.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-31.jpg" alt="Markup Service" width="425" height="255" /></a></p>
<p><a href="http://www.qualityxhtml.com/"><strong>Quality XHTML</strong></a></p>
<p><a href="http://www.qualityxhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-32.jpg" alt="Quality XHTML" width="425" height="259" /></a></p>
<p><a href="http://www.cssninjas.com/"><strong>CSS Ninjas</strong></a></p>
<p><a href="http://www.cssninjas.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-33.jpg" alt="CSS Ninjas" width="425" height="271" /></a></p>
<p><a href="http://www.htmlcut.com/"><strong>HTML Cut</strong></a></p>
<p><a href="http://www.htmlcut.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-34.jpg" alt="HTML Cut" width="425" height="258" /></a></p>
<p><a href="http://htmlrockstars.com/"><strong>HTML Rockstars</strong></a></p>
<p><a href="http://htmlrockstars.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-3.jpg" alt="HTML Rockstars" width="425" height="263" /></a></p>
<p><a href="http://www.slicendiceit.com/"><strong>Slice &#8216;n Dice</strong></a></p>
<p><a href="http://www.slicendiceit.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-5.jpg" alt="Slice 'n Dice" width="425" height="247" /></a></p>
<p><a href="http://www.xhtmlizers.com/"><strong>XHTMLizers</strong></a></p>
<p><a href="http://www.xhtmlizers.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-6.jpg" alt="XHTMLizers" width="425" height="293" /></a></p>
<p><a href="http://xhtml4u.com/"><strong>XHTML4U</strong></a></p>
<p><a href="http://xhtml4u.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-8.jpg" alt="XHTML4U" width="425" height="257" /></a></p>
<p><a href="http://www.slicemydesign.com/"><strong>Slice My Design</strong></a></p>
<p><a href="http://www.slicemydesign.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-10.jpg" alt="Slice My Design" width="425" height="289" /></a></p>
<p><a href="http://xhtmlslicer.com/"><strong>XHTML Slicer</strong></a></p>
<p><a href="http://xhtmlslicer.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-11.jpg" alt="XHTML Slicer" width="425" height="284" /></a></p>
<p><a href="http://www.thechoppr.com/"><strong>Choppr</strong></a></p>
<p><a href="http://www.thechoppr.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-12.jpg" alt="Choppr" width="425" height="297" /></a></p>
<p><a href="http://www.xhtmlgenius.com/"><strong>XHTML Genius</strong></a></p>
<p><a href="http://www.xhtmlgenius.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-13.jpg" alt="XHTML Genius" width="425" height="306" /></a></p>
<p><a href="http://xhtmlized.com/"><strong>XHTMLized</strong></a></p>
<p><a href="http://xhtmlized.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-14.jpg" alt="XHTMLized" width="425" height="240" /></a></p>
<p><a href="http://www.htmlblender.com/"><strong>HTML Blender</strong></a></p>
<p><a href="http://www.htmlblender.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-16.jpg" alt="HTML Blender" width="425" height="238" /></a></p>
<p><a href="http://www.seo-semantic-xhtml.com/"><strong>SEO Semantic XHTML</strong></a></p>
<p><a href="http://www.seo-semantic-xhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-18.jpg" alt="SEO Semantic XHTML" width="425" height="251" /></a></p>
<p><a href="http://www.2html.co.uk/"><strong>2HTML</strong></a></p>
<p><a href="http://www.2html.co.uk/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-19.jpg" alt="2HTML" width="425" height="257" /></a></p>
<p><a href="http://www.psdxhtml.com/"><strong>PSD XHTML</strong></a></p>
<p><a href="http://www.psdxhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-20.jpg" alt="PSD XHTML" width="425" height="309" /></a></p>
<p><a href="http://www.psdcutout.com/"><strong>PSD Cutout</strong></a></p>
<p><a href="http://www.psdcutout.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-25.jpg" alt="PSD Cutout" width="425" height="249" /></a></p>
<p><a href="http://www.image2markup.com/"><strong>Image 2 Markup</strong></a></p>
<p><a href="http://www.image2markup.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-22.jpg" alt="Image 2 Markup" width="425" height="252" /></a></p>
<p><a href="http://psdslicer.com/"><strong>PSD Slicer</strong></a></p>
<p><a href="http://psdslicer.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-23.jpg" alt="PSD Slicer" width="425" height="301" /></a></p>
<p><a href="http://www.yodiv.com/"><strong>YoDiv</strong></a></p>
<p><a href="http://www.yodiv.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-24.jpg" alt="YoDiv" width="425" height="254" /></a></p>
<p><a href="http://www.xhtmlit.com/"><strong>XHTML it</strong></a></p>
<p><a href="http://www.xhtmlit.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-43.jpg" alt="XHTML it" width="425" height="252" /></a></p>
<p><a href="http://www.xhtmlteam.com/"><strong>XHTML Team</strong></a></p>
<p><a href="http://www.xhtmlteam.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-27.jpg" alt="XHTML Team" width="425" height="306" /></a></p>
<p><a href="http://www.psdslicing.com/"><strong>PSD Slicing</strong></a></p>
<p><a href="http://www.psdslicing.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-28.jpg" alt="PSD Slicing" width="425" height="292" /></a></p>
<p><a href="http://www.xhtmlchop.com/"><strong>XHTML Chop</strong></a></p>
<p><a href="http://www.xhtmlchop.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-40.jpg" alt="XHTML Chop" width="425" height="242" /></a></p>
<p><a href="http://www.psdconverter.com/"><strong>PSD Converter</strong></a></p>
<p><a href="http://www.psdconverter.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-29.jpg" alt="PSD Converter" width="425" height="248" /></a></p>
<p><a href="http://www.xhtmlmania.com/"><strong>XHTML Mania</strong></a></p>
<p><a href="http://www.xhtmlmania.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-45.jpg" alt="XHTML Mania" width="425" height="265" /></a></p>
<p><a href="http://www.drmartian.com/"><strong>Dr. Martian</strong></a></p>
<p><a href="http://www.drmartian.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-46.jpg" alt="Dr. Martian" width="425" height="251" /></a></p>
<p><a href="http://www.psdtohtm.com/"><strong>PSD to HTM</strong></a></p>
<p><a href="http://www.psdtohtm.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-47.jpg" alt="PSD to HTM" width="425" height="290" /></a></p>
<p><a href="http://www.feathercode.com/"><strong>Feather Code</strong></a></p>
<p><a href="http://www.feathercode.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-48.jpg" alt="Feather Code" width="425" height="272" /></a></p>
<p><a href="http://www.convert2xhtml.com/"><strong>Convert2XHTML</strong></a></p>
<p><a href="http://www.convert2xhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-49.jpg" alt="Convert2XHTML" width="425" height="250" /></a></p>
<p><a href="http://www.psdtohtmlcss.com/"><strong>PSD to HTML/CSS</strong></a></p>
<p><a href="http://www.psdtohtmlcss.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-50.jpg" alt="PSD to HTML/CSS" width="425" height="252" /></a></p>
<p><a href="http://www.youweyoucoding.com/"><strong>You We You Coding</strong></a></p>
<p><a href="http://www.youweyoucoding.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-51.jpg" alt="You We You Coding" width="425" height="239" /></a></p>
<p><a href="http://www.psd2htmlninjas.com/"><strong>PSD to HTML Ninjas</strong></a></p>
<p><a href="http://www.psd2htmlninjas.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-52.jpg" alt="PSD to HTML Ninjas" width="425" height="274" /></a></p>
<p><a href="http://www.htmlburger.com/"><strong>HTML Burger</strong></a></p>
<p><a href="http://www.htmlburger.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-54.jpg" alt="HTML Burger" width="425" height="286" /></a></p>
<p><a href="http://wedomarkup.com/"><strong>We Do Markup</strong></a></p>
<p><a href="http://wedomarkup.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-56.jpg" alt="We Do Markup" width="425" height="273" /></a></p>
<p><a href="http://www.yummycss.com/"><strong>Yummy CSS</strong></a></p>
<p><a href="http://www.yummycss.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-57.jpg" alt="Yummy CSS" width="425" height="287" /></a></p>
<p><a href="http://www.finelysliced.com.au/psd-to-html/"><strong>Finely Sliced</strong></a></p>
<p><a href="http://www.finelysliced.com.au/psd-to-html/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-9.jpg" alt="Finely Sliced" width="425" height="287" /></a></p>
<p><a href="http://www.9xhtml.com/"><strong>9XHTML</strong></a></p>
<p><a href="http://www.9xhtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-26.jpg" alt="9XHTML" width="425" height="251" /></a></p>
<p><a href="http://www.lemberg.co.uk/xhtml_css_markup/"><strong>Lemberg</strong></a></p>
<p><a href="http://www.lemberg.co.uk/xhtml_css_markup/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-21.jpg" alt="Lemberg" width="425" height="262" /></a></p>
<h3>PSD to WordPress Providers:</h3>
<p>The companies listed below specialize in taking a PSD file and coding it into a WordPress theme.</p>
<p><a href="http://wpcoder.com/"><strong>WPCoder</strong></a><br />
WPCoder has done some work for us, and you can <a href="http://vandelaydesign.com/blog/reviews/wpcoder/">read our review of their services</a>.</p>
<p><a href="http://wpcoder.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-35.jpg" alt="WPCoder" width="425" height="257" /></a></p>
<p><a href="http://psdtowp.com/"><strong>PSD to WP</strong></a></p>
<p><a href="http://psdtowp.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-36.jpg" alt="PSD to WP" width="425" height="239" /></a></p>
<p><a href="http://themeslice.com/"><strong>Theme Slice</strong></a></p>
<p><a href="http://themeslice.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-37.jpg" alt="Theme Slice" width="425" height="239" /></a></p>
<p><a href="http://wpfrompsd.com/"><strong>WP from PSD</strong></a></p>
<p><a href="http://wpfrompsd.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-38.jpg" alt="WP from PSD" width="425" height="241" /></a></p>
<p><a href="http://www.psdtowordpress.eu/"><strong>PSD to WordPress</strong></a></p>
<p><a href="http://www.psdtowordpress.eu/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-39.jpg" alt="PSD to WordPress" width="425" height="274" /></a></p>
<p><a href="http://xhtmlthis.com/"><strong>XHTML This</strong></a></p>
<p><a href="http://xhtmlthis.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-42.jpg" alt="XHTML This" width="425" height="252" /></a></p>
<p><a href="http://www.psdtoany.com/"><strong>PSD to Any</strong></a><br />
In addition to WordPress, they offer coding services for other CMSs.</p>
<p><a href="http://www.psdtoany.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-41.jpg" alt="PSD to Any" width="425" height="254" /></a></p>
<h3>Reviews:</h3>
<p>Finding the right PSD to HTML provider can be a challenge. There are a few sites that exist to allow reviews of PSD to HTML companies, which may be helpful if you are trying to find a provider that comes highly recommended.</p>
<p><a href="http://www.mostsliced.com/"><strong>Most Sliced</strong></a></p>
<p><a href="http://www.mostsliced.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-55.jpg" alt="Most Sliced" width="425" height="249" /></a></p>
<p><a href="http://www.psdtohtmlreviews.com/"><strong>PSD to HTML Reviews</strong></a></p>
<p><a href="http://www.psdtohtmlreviews.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-58.jpg" alt="PSD to HTML Reviews" width="425" height="251" /></a></p>
<p><a href="http://www.bestpsdtohtml.com/"><strong>Best PSD to HTML</strong></a><br />
Also see the post <a href="http://www.bestpsdtohtml.com/tips-to-choose-right-psd-to-xhtml-firm/">Tips to Choose the Right PSD to XHTML Firm</a>.</p>
<p><a href="http://www.bestpsdtohtml.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-44.jpg" alt="Best PSD to HTML" width="425" height="244" /></a></p>
<p><a href="http://www.psdtohtmlcompanies.com/"><strong>PSD to HTML Companies</strong></a></p>
<p><a href="http://www.psdtohtmlcompanies.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-72.jpg" alt="PSD to HTML Companies" width="425" height="233" /></a></p>
<h3>Resources:</h3>
<p>There are a few resources that will take your PSD and automatically create the code for you. I have not personally used any of these tools, so be sure to pay attention to the code that is produced.</p>
<p><a href="http://www.medialab.com/sitegrinder/"><strong>SiteGrinder 2</strong></a><br />
A premium Photoshop extension that will convert a PSD to HTML.</p>
<p><a href="http://www.medialab.com/sitegrinder/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-72.jpg" alt="SiteGrinder 2" width="425" height="233" /></a></p>
<p><a href="http://psd2cssonline.com/"><strong>PSD 2 CSS Online</strong></a><br />
A free online tool for PSD to HTML conversion.</p>
<p><a href="http://psd2cssonline.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-30.jpg" alt="PSD 2 CSS Online" width="425" height="264" /></a></p>
<p><a href="http://www.divine-project.com/"><strong>Divine</strong></a><br />
Converts a PSD to a WordPress theme.</p>
<p><a href="http://www.divine-project.com/"><img class="alignnone" src="http://vanimg.s3.amazonaws.com/psd-53.jpg" alt="Divine" width="425" height="237" /></a></p>
<p>For more helpful resources please see:</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/design-process/color-schemes/">Different Methods for Choosing Color Schemes in Web Design</a></li>
<li><a href="http://vandelaydesign.com/blog/web-development/membership-websites/">14 Options for Managing Membership Websites</a></li>
<li><a href="http://vandelaydesign.com/blog/web-development/jquery-image-galleries/">25 jQuery Image Gallery/Slider Tutorials and Plugins</a></li>
<li><a href="http://vandelaydesign.com/blog/design/psd-to-html-services/">40 Options for Converting PSD to HTML</a></li>
</ul>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign-process%2Fpsd-to-html-resources%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign-process%2Fpsd-to-html-resources%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=lhre7A4-Uxw:YuMItrjk-ZU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=lhre7A4-Uxw:YuMItrjk-ZU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=lhre7A4-Uxw:YuMItrjk-ZU:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=lhre7A4-Uxw:YuMItrjk-ZU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=lhre7A4-Uxw:YuMItrjk-ZU:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=lhre7A4-Uxw:YuMItrjk-ZU:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=lhre7A4-Uxw:YuMItrjk-ZU:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/lhre7A4-Uxw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/psd-to-html-resources/feed/</wfw:commentRss>
		<slash:comments>54</slash:comments>
		</item>
		<item>
		<title>25 Well Designed Sports E-Commerce Sites</title>
		<link>http://vandelaydesign.com/blog/galleries/25-well-designed-sports-e-commerce-sites/</link>
		<comments>http://vandelaydesign.com/blog/galleries/25-well-designed-sports-e-commerce-sites/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 23:22:01 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Galleries]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[inspiration]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1562</guid>
		<description><![CDATA[Since I launched <a href="http://cartfrenzy.com/">CartFrenzy</a> a few months ago I have enjoyed seeing a lot of great e-commerce websites from designers all over the world. Many e-commerce sites aren't much to look at, but there are plenty that feature attractive designs. In this post we'll feature 25 sports-related e-commerce sites.

<a href="http://size.co.uk/"><strong>Size?</strong></a>

<a href="http://size.co.uk/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/1.jpg" alt="Size?" width="515" height="293" /></a>]]></description>
			<content:encoded><![CDATA[<p>Since I launched <a href="http://cartfrenzy.com/">CartFrenzy</a> a few months ago I have enjoyed seeing a lot of great e-commerce websites from designers all over the world. Many e-commerce sites aren&#8217;t much to look at, but there are plenty that feature attractive designs. In this post we&#8217;ll feature 25 sports-related e-commerce sites.</p>
<p><a href="http://size.co.uk/"><strong>Size?</strong></a></p>
<p><a href="http://size.co.uk/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/1.jpg" alt="Size?" width="515" height="293" /></a></p>
<p><a href="http://www.ridefourever.com/"><strong>Ride Four Ever</strong></a></p>
<p><a href="http://www.ridefourever.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/2.jpg" alt="Ride Four Ever" width="515" height="320" /></a></p>
<p><a href="http://www.puregrips.com/"><strong>Pure Grips</strong></a></p>
<p><a href="http://www.puregrips.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/3.jpg" alt="Pure Grips" width="515" height="296" /></a></p>
<p><a href="http://www.tigerleisure.com/"><strong>Tiger Leisure</strong></a></p>
<p><a href="http://www.tigerleisure.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/4.jpg" alt="Tiger Leisure" width="515" height="295" /></a></p>
<p><a href="http://www.rapha.cc/"><strong>Rapha</strong></a></p>
<p><a href="http://www.rapha.cc/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/5.jpg" alt="Rapha" width="515" height="291" /></a></p>
<p><a href="http://www.activerideshop.com/"><strong>Active</strong></a></p>
<p><a href="http://www.activerideshop.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/6.jpg" alt="Active" width="515" height="307" /></a></p>
<p><a href="http://store.nike.com/"><strong>Nike</strong></a></p>
<p><a href="http://store.nike.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/7.jpg" alt="Nike" width="515" height="297" /></a></p>
<p><a href="http://www.thenorthface.com/"><strong>The North Face</strong></a></p>
<p><a href="http://www.thenorthface.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/8.jpg" alt="The North Face" width="515" height="303" /></a></p>
<p><a href="http://www.bonfiresnowboarding.com/en-us/"><strong>Bonfire Snowboarding Apparel</strong></a></p>
<p><a href="http://www.bonfiresnowboarding.com/en-us/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/9.jpg" alt="Bonfire Snowboarding Apparel" width="515" height="299" /></a></p>
<p><a href="http://www.sanctionsnow.com/shop/"><strong>Sanction Snowboards and Skatboards</strong></a></p>
<p><a href="http://www.sanctionsnow.com/shop/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/10.jpg" alt="Sanction Snowboards and Skatboards" width="515" height="295" /></a></p>
<p><a href="http://www.columbia.com/"><strong>Columbia Sportswear</strong></a></p>
<p><a href="http://www.columbia.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/11.jpg" alt="Columbia Sportswear" width="515" height="296" /></a></p>
<p><a href="http://www.shopadidas.com/home/index.jsp"><strong>Adidas</strong></a></p>
<p><a href="http://www.shopadidas.com/home/index.jsp"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/12.jpg" alt="Adidas" width="515" height="346" /></a></p>
<p><a href="http://www.nbwebexpress.com/"><strong>New Balance Web Express</strong></a></p>
<p><a href="http://www.nbwebexpress.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/13.jpg" alt="New Balance Web Express" width="515" height="356" /></a></p>
<p><a href="http://www.shop.puma.com/"><strong>Puma</strong></a></p>
<p><a href="http://www.shop.puma.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/14.jpg" alt="Puma" width="515" height="287" /></a></p>
<p><a href="http://www.zumiez.com/"><strong>Zumiez</strong></a></p>
<p><a href="http://www.zumiez.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/15.jpg" alt="Zumiez" width="515" height="279" /></a></p>
<p><a href="http://www.underarmour.com/shop/us/"><strong>Under Armour</strong></a></p>
<p><a href="http://www.underarmour.com/shop/us/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/16.jpg" alt="Under Armour" width="515" height="300" /></a></p>
<p><a href="http://www.dickssportinggoods.com/"><strong>Dick&#8217;s Sporting Goods</strong></a></p>
<p><a href="http://www.dickssportinggoods.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/17.jpg" alt="Dick's Sporting Goods" width="515" height="351" /></a></p>
<p><a href="http://shop.callawaygolf.com/"><strong>Callaway</strong></a></p>
<p><a href="http://shop.callawaygolf.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/18.jpg" alt="Callaway" width="515" height="297" /></a></p>
<p><a href="http://www.converse.com/"><strong>Converse</strong></a></p>
<p><a href="http://www.converse.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/19.jpg" alt="Converse" width="515" height="295" /></a></p>
<p><a href="http://www.teva.com/"><strong>Teva</strong></a></p>
<p><a href="http://www.teva.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/20.jpg" alt="Teva" width="515" height="292" /></a></p>
<p><a href="http://www.speedousa.com/"><strong>Speedo</strong></a></p>
<p><a href="http://www.speedousa.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/21.jpg" alt="Speedo" width="515" height="289" /></a></p>
<p><a href="http://www.oakley.com/"><strong>Oakley</strong></a></p>
<p><a href="http://www.oakley.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/22.jpg" alt="Oakley" width="515" height="279" /></a></p>
<p><a href="http://www.rei.com/"><strong>REI</strong></a></p>
<p><a href="http://www.rei.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/23.jpg" alt="REI" width="515" height="304" /></a></p>
<p><a href="http://www.basspro.com/"><strong>Bass Pro Shops</strong></a></p>
<p><a href="http://www.basspro.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/24.jpg" alt="Bass Pro Shops" width="515" height="283" /></a></p>
<p><a href="http://www.quiksilver.com/"><strong>Quiksilver</strong></a></p>
<p><a href="http://www.quiksilver.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/sports/25.jpg" alt="Quiksilver" width="515" height="286" /></a></p>
<p>For more <a href="http://cartfrenzy.com/">e-commerce design inspiration</a> please see:</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/galleries/ecommerce-websites/">50 Inspirational E-Commerce Website Designs</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/inspirational-ecommerce/">25+ Inspirational E-Commerce Website Designs &#8211; Part II</a></li>
<li><a href="http://vandelaydesign.com/blog/galleries/clean-ecommerce-designs/">20 Inspirational, Clean E-Commerce Website Designs</a></li>
</ul>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fgalleries%2F25-well-designed-sports-e-commerce-sites%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fgalleries%2F25-well-designed-sports-e-commerce-sites%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=0vI8buagRGU:V_BzkgOClcc:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=0vI8buagRGU:V_BzkgOClcc:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=0vI8buagRGU:V_BzkgOClcc:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=0vI8buagRGU:V_BzkgOClcc:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=0vI8buagRGU:V_BzkgOClcc:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=0vI8buagRGU:V_BzkgOClcc:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=0vI8buagRGU:V_BzkgOClcc:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/0vI8buagRGU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/galleries/25-well-designed-sports-e-commerce-sites/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>Interview with Tyler from Snobby Slice (PSD to HTML)</title>
		<link>http://vandelaydesign.com/blog/design-process/snobby-slice-interview/</link>
		<comments>http://vandelaydesign.com/blog/design-process/snobby-slice-interview/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 20:47:26 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[interview]]></category>
		<category><![CDATA[psd to html]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1627</guid>
		<description><![CDATA[PSD to HTML services have become incredibly popular in the past few years and many designers use these services regularly. Personally, I was hesitant to try PSD to HTML providers for a few reasons, one of them being that I just wasn't sure how it worked and what was involved. I assume that many other designers out there are curious about PSD to HTML services, so I asked Tyler from <a href="http://snobbyslice.com/">Snobby Slice</a> to do this interview to help those designers.

<a href="http://vandelaydesign.com/blog/snobby-slice-psd-to-html/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/snobby/1.jpg" alt="Snobby Slice" width="560" height="513" /></a>]]></description>
			<content:encoded><![CDATA[<p>PSD to HTML services have become incredibly popular in the past few years and many designers use these services regularly. Personally, I was hesitant to try PSD to HTML providers for a few reasons, one of them being that I just wasn&#8217;t sure how it worked and what was involved. I assume that many other designers out there are curious about PSD to HTML services, so I asked Tyler from <a href="http://snobbyslice.com/">Snobby Slice</a> to do this interview to help those designers.</p>
<p><a href="http://vandelaydesign.com/blog/snobby-slice-psd-to-html/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/snobby/1.jpg" alt="Snobby Slice" width="560" height="513" /></a></p>
<h3>Who Is Snobby Slice?</h3>
<p>After trying a few different providers I came across <a href="http://snobbyslice.com/">Snobby Slice</a> several months ago. Tyler and his team did a great job for me and they have established a reputation for being one of the highest quality providers in a crowded market. If you&#8217;re interested in working with a PSD to HTML provider who will produce quality code you can see more details in our <a href="http://vandelaydesign.com/blog/snobby-slice-psd-to-html/">review of Snobby Slice</a>. And if you are just curious about the PSD to HTML process, I think you&#8217;ll find the information that Tyler shares in this brief interview to be a good starting point.</p>
<p><strong>Why should designers hire a PSD to HTML service provider?</strong></p>
<p>Why deal with code when you don&#8217;t have to? By choosing a PSD to HTML service provider, you can stick to your biggest profit center (design), and spend more time making sure the needs of your clients our met. We&#8217;ll do all the nasty coding work!</p>
<p><strong>Most PSD to HTML companies primarily emphasize their price and turnaround time to potential clients. What would you advise designers to consider when choosing a provider?</strong></p>
<p>I would suggest contacting them and making sure that it&#8217;s a provider that they trust. Look around their site, see where they&#8217;re based and get familiar with their service. Do they have relationships with others in the community? A little due diligence goes a long way. Making sure they&#8217;ll treat your client work with respect and secrecy is extremely important before putting your reputation at risk.</p>
<p><strong>What type of research (if any) do you think a designer should do before hiring a PSD to HTML provider?</strong></p>
<p>I&#8217;d start by talking with other designers, seeing if they have any experience with a few of the firms out there, and also read some of the blogs/forums on the topic to see if anyone can provide you with a solid recommendation.</p>
<p><strong>What are some of the most common issues experienced by your coders that slow down the process or require them to go back to the designer?</strong></p>
<p>Sometimes the designer isn&#8217;t always clear with exactly what they want. An added &#8220;comments&#8221; layer in the PSD (specifying texts, images, etc.) can really speed up turn around time.</p>
<p><strong>What tips do you have for organizing layers in Photoshop to make it easier on the coder?</strong></p>
<p>Just keeping things nice and neat in folders is helpful. However, a comments layer is really the most important thing.</p>
<p><strong>What should designers expect to be included in the base price and what is likely to cost extra?</strong></p>
<p>Unfortunately, many providers are skimping out on key features to lower their prices. Make sure your design would be compatible with a healthy variety of browsers, and that you&#8217;re not getting sold a &#8220;sub par&#8221; coding package.</p>
<p><strong>What makes Snobby Slice different from other PSD to HTML providers?</strong></p>
<p>We care about our clients! Our base pricing includes everything our clients could want or need. We don&#8217;t charge for every little drop down or javascript implementation. Since we offer a 100% money back satisfaction guarantee, we&#8217;ve designed our business model around keeping our customers happy &#8211; NOT just collecting their cash.</p>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign-process%2Fsnobby-slice-interview%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign-process%2Fsnobby-slice-interview%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=PVD7fLH8Y-Q:Prp_sRV04O0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=PVD7fLH8Y-Q:Prp_sRV04O0:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=PVD7fLH8Y-Q:Prp_sRV04O0:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=PVD7fLH8Y-Q:Prp_sRV04O0:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=PVD7fLH8Y-Q:Prp_sRV04O0:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=PVD7fLH8Y-Q:Prp_sRV04O0:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=PVD7fLH8Y-Q:Prp_sRV04O0:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/PVD7fLH8Y-Q" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design-process/snobby-slice-interview/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>50+ Useful Photoshop Plugins</title>
		<link>http://vandelaydesign.com/blog/design/photoshop-plugins/</link>
		<comments>http://vandelaydesign.com/blog/design/photoshop-plugins/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 19:51:40 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[photo editing]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1478</guid>
		<description><![CDATA[One of the great things about Photoshop (and others from the Adobe Creative Suite) is the ability to extend the possibilities with 3rd party plugins. In this post we'll feature more than 50 plugins/extensions/add-ons for Photoshop, some are free and others are premium.
<h3>Premium Photoshop Plugins:</h3>
<strong><a href="http://www.alienskin.com/bokeh/index.aspx">Bokeh</a></strong> - $199

<a href="http://www.alienskin.com/bokeh/index.aspx"><img src="http://vandelaydesign.com/images/0909/ps/33.jpg" alt="Bokeh" width="525" height="352" /></a>]]></description>
			<content:encoded><![CDATA[<p>One of the great things about Photoshop (and others from the Adobe Creative Suite) is the ability to extend the possibilities with 3rd party plugins. In this post we&#8217;ll feature more than 50 plugins/extensions/add-ons for Photoshop, some are free and others are premium.</p>
<h3>Premium Photoshop Plugins:</h3>
<p><strong><a href="http://www.alienskin.com/bokeh/index.aspx">Bokeh</a></strong> &#8211; $199</p>
<p><a href="http://www.alienskin.com/bokeh/index.aspx"><img src="http://vandelaydesign.com/images/0909/ps/33.jpg" alt="Bokeh" width="525" height="352" /></a></p>
<p><strong><a href="http://www.alienskin.com/snapart/index.aspx">Snap Art 2</a></strong> &#8211;  $199</p>
<p><a href="http://www.alienskin.com/snapart/index.aspx"><img src="http://vandelaydesign.com/images/0909/ps/34.jpg" alt="Snap Art 2" width="525" height="300" /></a></p>
<p><strong><a href="http://www.medialab.com/sitegrinder/buynow.php">SiteGrinder 2</a></strong> &#8211; $129 (Basic) or $349 (Professional)</p>
<p><a href="http://www.medialab.com/sitegrinder/buynow.php"><img src="http://vandelaydesign.com/images/0909/ps/35.jpg" alt="SiteGrinder 2" width="525" height="331" /></a></p>
<p><strong><a href="http://www.autofx.com/products/xtivity/detail.html">Xtivity Web  Authoring</a></strong> &#8211; $79</p>
<p><a href="http://www.autofx.com/products/xtivity/detail.html"><img src="http://vandelaydesign.com/images/0909/ps/55.jpg" alt="Xtivity Web  Authoring" width="525" height="344" /></a></p>
<p><strong><a href="http://www.cybia.co.uk/colourstudio.html">Colour Studio</a></strong> &#8211;  $19.95</p>
<p><a href="http://www.cybia.co.uk/colourstudio.html"><img src="http://vandelaydesign.com/images/0909/ps/36.jpg" alt="Colour Studio" width="525" height="364" /></a></p>
<p><strong><a href="http://www.ononesoftware.com/detail.php?prodLine_id=4">Mask Pro  4</a></strong> &#8211; $159.95</p>
<p><a href="http://www.ononesoftware.com/detail.php?prodLine_id=4"><img src="http://vandelaydesign.com/images/0909/ps/37.jpg" alt="Mask Pro  4" width="406" height="284" /></a></p>
<p><strong><a href="http://www.ononesoftware.com/detail.php?prodLine_id=18">PhotoFrame  4</a></strong> &#8211; $259.95</p>
<p><a href="http://www.ononesoftware.com/detail.php?prodLine_id=18"><img src="http://vandelaydesign.com/images/0909/ps/38.jpg" alt="PhotoFrame  4" width="432" height="350" /></a></p>
<p><strong><a href="http://www.ononesoftware.com/detail.php?prodLine_id=35">Focal  Point</a></strong> &#8211; $159.95</p>
<p><a href="http://www.ononesoftware.com/detail.php?prodLine_id=35"><img src="http://vandelaydesign.com/images/0909/ps/39.jpg" alt="Focal  Point" width="492" height="344" /></a></p>
<p><strong><a href="http://www.ononesoftware.com/detail.php?prodLine_id=27">PhotoTune  2</a></strong> &#8211; $159.95</p>
<p><a href="http://www.ononesoftware.com/detail.php?prodLine_id=27"><img src="http://vandelaydesign.com/images/0909/ps/40.jpg" alt="PhotoTune  2" width="525" height="360" /></a></p>
<p><strong><a href="http://www.ononesoftware.com/detail.php?prodLine_id=29">PhotoTools  2</a></strong> (Professional Edition) &#8211; $259.95</p>
<p><a href="http://www.ononesoftware.com/detail.php?prodLine_id=29"><img src="http://vandelaydesign.com/images/0909/ps/41.jpg" alt="PhotoTools  2" width="525" height="400" /></a></p>
<p><strong><a href="http://www.imagenomic.com/pt.aspx">Portraiture</a></strong> &#8211; $199.95</p>
<p><a href="http://www.imagenomic.com/pt.aspx"><img src="http://vandelaydesign.com/images/0909/ps/48.jpg" alt="Portraiture" width="380" height="260" /></a></p>
<p><strong><a href="http://www.imagenomic.com/nwpg.aspx">Noiseware</a></strong> &#8211; $49.95 &#8211;  $69.95</p>
<p><a href="http://www.imagenomic.com/nwpg.aspx"><img src="http://vandelaydesign.com/images/0909/ps/49.jpg" alt="Noiseware" width="372" height="238" /></a></p>
<p><strong><a href="http://www.imagenomic.com/rg.aspx">Real  Grain</a></strong> &#8211; $99.95</p>
<p><a href="http://www.imagenomic.com/rg.aspx"><img src="http://vandelaydesign.com/images/0909/ps/50.jpg" alt="Real  Grain" width="370" height="236" /></a></p>
<p><strong><a href="http://www.autofx.com/products/autoeye/detail.html">Auto Eye  2.0</a></strong> &#8211; $129</p>
<p><a href="http://www.autofx.com/products/autoeye/detail.html"><img src="http://vandelaydesign.com/images/0909/ps/53.jpg" alt="Auto Eye  2.0" width="349" height="233" /></a></p>
<h3>Free Photoshop Plugins:</h3>
<p><strong><a href="http://www.optikvervelabs.com/">Virtual  Photographer</a></strong></p>
<p><a href="http://www.optikvervelabs.com/"><img src="http://vandelaydesign.com/images/0909/ps/12.jpg" alt="Virtual  Photographer" width="525" height="359" /></a></p>
<p><strong><a href="http://www.littleinkpot.co.uk/FreePlugins.htm">Xpose</a></strong></p>
<p><a href="http://www.littleinkpot.co.uk/FreePlugins.htm"><img src="http://vandelaydesign.com/images/0909/ps/11.jpg" alt="Xpose" width="525" height="185" /></a></p>
<p><strong><a href="http://www.photo-plugins.com/Plugins/Plugins/B-W-Conversion.html">B/W  Conversion</a></strong></p>
<p><a href="http://www.photo-plugins.com/Plugins/Plugins/B-W-Conversion.html"><img src="http://vandelaydesign.com/images/0909/ps/5.jpg" alt="B/W  Conversion" width="525" height="349" /></a></p>
<p><strong><a href="http://www.photo-plugins.com/Plugins/Plugins/Contrast-Mask.html">Contrast  Mask</a></strong></p>
<p><a href="http://www.photo-plugins.com/Plugins/Plugins/Contrast-Mask.html"><img src="http://vandelaydesign.com/images/0909/ps/9.jpg" alt="Contrast  Mask" width="525" height="299" /></a></p>
<p><strong><a href="http://www.photo-plugins.com/Plugins/Plugins/Selective-Saturation.html">Selective  Saturation</a></strong></p>
<p><a href="http://www.photo-plugins.com/Plugins/Plugins/Selective-Saturation.html"><img src="http://vandelaydesign.com/images/0909/ps/6.jpg" alt="Selective  Saturation" width="525" height="283" /></a></p>
<p><strong><a href="http://www.cybia.co.uk/alphaworks.htm">AlphaWorks &#8211; Transparency  Effects</a></strong></p>
<p><a href="http://www.cybia.co.uk/alphaworks.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/1.jpg" alt="AlphaWorks - Transparency  Effects" width="525" height="211" /></a></p>
<p><strong><a href="http://www.cybia.co.uk/fotomatic.html">Fotomatic &#8211; Traditional  Photographic Effects</a></strong></p>
<p><a href="http://www.cybia.co.uk/fotomatic.html"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/2.jpg" alt="Fotomatic - Traditional  Photographic Effects" width="376" height="522" /></a></p>
<p><strong><a href="http://www.photo-plugins.com/Plugins/Plugins/Local-Contrast-Enhancement-2.html">Local  Contrast Enhancement</a></strong></p>
<p><a href="http://www.photo-plugins.com/Plugins/Plugins/Local-Contrast-Enhancement-2.html"><img src="http://vandelaydesign.com/images/0909/ps/7.jpg" alt="Local  Contrast Enhancement" width="525" height="281" /></a></p>
<p><strong><a href="http://www.xero-graphics.co.uk/set4/moodlight.htm">Moodlight</a></strong></p>
<p><a href="http://www.xero-graphics.co.uk/set4/moodlight.htm"><img src="http://vandelaydesign.com/images/0909/ps/31.jpg" alt="Moodlight" width="525" height="394" /></a></p>
<p><strong><a href="http://www.digitalfilmtools.com/ezmask/">EZ Mask</a></strong></p>
<p><a href="http://www.digitalfilmtools.com/ezmask/"><img src="http://vandelaydesign.com/images/0909/ps/52.jpg" alt="EZ Mask" width="525" height="397" /></a></p>
<p><strong><a href="http://www.cybia.co.uk/theworks.html">The Worx &#8211; Complete Classic FX  Collection</a></strong></p>
<p><a href="http://www.cybia.co.uk/theworks.html"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/3.jpg" alt="The Worx - Complete Classic FX  Collection" width="525" height="217" /></a></p>
<p><strong><a href="http://www.cybia.co.uk/swapshop.htm">SwapShop &#8211; Color  Exchange</a></strong></p>
<p><a href="http://www.cybia.co.uk/swapshop.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/4.jpg" alt="SwapShop - Color  Exchange" width="525" height="215" /></a></p>
<p><strong><a href="http://www.fnordware.com/superpng/">SuperPNG</a></strong></p>
<p><a href="http://www.fnordware.com/superpng/"><img src="http://vandelaydesign.com/images/0909/ps/25.jpg" alt="SuperPNG" width="395" height="255" /></a></p>
<p><strong><a href="http://www.softwhile.com/product_dn.html">DeNoise &#8211; Noise  Reduction</a></strong></p>
<p><a href="http://www.softwhile.com/product_dn.html"><img src="http://vandelaydesign.com/images/0909/ps/22.jpg" alt="DeNoise - Noise  Reduction" width="332" height="554" /></a></p>
<p><strong><a href="http://www.photo-plugins.com/Plugins/Plugins/Soft-Focus.html">Soft  Focus</a></strong></p>
<p><a href="http://www.photo-plugins.com/Plugins/Plugins/Soft-Focus.html"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/8.jpg" alt="Soft  Focus" width="525" height="279" /></a></p>
<p><strong><a href="http://www.photo-plugins.com/Plugins/Plugins/Gradient-Blur.html">Gradient  Blur</a></strong></p>
<p><a href="http://www.photo-plugins.com/Plugins/Plugins/Gradient-Blur.html"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/10.jpg" alt="Gradient  Blur" width="525" height="279" /></a></p>
<p><strong><a href="http://www.xero-graphics.co.uk/set4/fritillary.htm">Fritillary</a></strong></p>
<p><a href="http://www.xero-graphics.co.uk/set4/fritillary.htm"><img src="http://vandelaydesign.com/images/0909/ps/30.jpg" alt="Fritillary" width="525" height="512" /></a></p>
<p><strong><a href="http://8bf.net/ablender.html">AAA  Blender</a></strong></p>
<p><a href="http://8bf.net/ablender.html"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/13.jpg" alt="AAA  Blender" width="525" height="252" /></a></p>
<p><strong><a href="http://8bf.net/">AAA  Buzzer</a></strong></p>
<p><a href="http://8bf.net/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/14.jpg" alt="AAA  Buzzer" width="525" height="252" /></a></p>
<p><strong><a href="http://8bf.net/">AAA Blur  Options</a></strong></p>
<p><a href="http://8bf.net/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/15.jpg" alt="AAA Blur  Options" width="525" height="253" /></a></p>
<p><strong><a href="http://8bf.net/">AAA  Options</a></strong></p>
<p><a href="http://8bf.net/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/16.jpg" alt="AAA  Options" width="525" height="253" /></a></p>
<p><strong><a href="http://www.mehdiplugins.com/english/erasergenuine.htm">Eraser  Genuine</a></strong></p>
<p><a href="http://www.mehdiplugins.com/english/erasergenuine.htm"><img src="http://vandelaydesign.com/images/0909/ps/21.jpg" alt="Eraser  Genuine" width="450" height="162" /></a></p>
<p><strong><a href="http://www.autofx.com/freeplugins/dreamyphoto.asp?id=4">Dreamy  Photo</a></strong></p>
<p><a href="http://www.autofx.com/freeplugins/dreamyphoto.asp?id=4"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/17.jpg" alt="Dreamy  Photo" width="342" height="364" /></a></p>
<p><strong><a href="http://www.autofx.com/freeplugins/mosaic.asp?id=20">Mosaic</a></strong></p>
<p><a href="http://www.autofx.com/freeplugins/mosaic.asp?id=20"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/18.jpg" alt="Mosaic" width="342" height="366" /></a></p>
<p><strong><a href="http://www.auralabs.com/products.html">Smart Refinement  Filter</a></strong></p>
<p><a href="http://www.auralabs.com/products.html"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/19.jpg" alt="Smart Refinement  Filter" width="525" height="308" /></a></p>
<p><strong><a href="http://www.artistic-effects.com/3d-shadow/">3D Shadow</a></strong></p>
<p><a href="http://www.artistic-effects.com/3d-shadow/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/20.jpg" alt="3D Shadow" width="328" height="151" /></a></p>
<p><strong><a href="http://www.mehdiplugins.com/english/finethreshold.htm">Fine  Threshold</a></strong></p>
<p><a href="http://www.mehdiplugins.com/english/finethreshold.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/23.jpg" alt="Fine  Threshold" width="525" height="191" /></a></p>
<p><strong><a href="http://www.thedigitalartshop.com/filters/free_plugin.html">Greyscaler</a></strong></p>
<p><a href="http://www.thedigitalartshop.com/filters/free_plugin.html"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/24.jpg" alt="Greyscaler" width="395" height="258" /></a></p>
<p><strong><a href="http://www.fnordware.com/xmeta/">xMeta</a></strong></p>
<p><a href="http://www.fnordware.com/xmeta/"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/26.jpg" alt="xMeta" width="414" height="223" /></a></p>
<p><strong><a href="http://www.mehdiplugins.com/english/melt.htm">Melt</a></strong></p>
<p><a href="http://www.mehdiplugins.com/english/melt.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/27.jpg" alt="Melt" width="300" height="166" /></a></p>
<p><strong><a href="http://www.xero-graphics.co.uk/set2/artgrain.htm">Artgrain</a></strong></p>
<p><a href="http://www.xero-graphics.co.uk/set2/artgrain.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/28.jpg" alt="Artgrain" width="525" height="394" /></a></p>
<p><strong><a href="http://www.xero-graphics.co.uk/set2/clarity.htm">Clarity</a></strong></p>
<p><a href="http://www.xero-graphics.co.uk/set2/clarity.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/29.jpg" alt="Clarity" width="525" height="394" /></a></p>
<p><strong><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=2&amp;offeringid=12454">Bleach  Bypass</a></strong></p>
<p><a href="http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&amp;marketplaceid=2&amp;offeringid=12454"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/32.jpg" alt="Bleach  Bypass" width="525" height="265" /></a></p>
<p><strong><a href="http://www.vicanek.de/plugins/colorreplacer.htm">Color  Replacer</a></strong></p>
<p><a href="http://www.vicanek.de/plugins/colorreplacer.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/42.jpg" alt="Color  Replacer" width="334" height="384" /></a></p>
<p><strong><a href="http://www.mehdiplugins.com/english/eraserclassic.htm">Eraser  Classic</a></strong></p>
<p><a href="http://www.mehdiplugins.com/english/eraserclassic.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/43.jpg" alt="Eraser  Classic" width="400" height="168" /></a></p>
<p><strong><a href="http://www.xero-graphics.co.uk/set2/illustrator.htm">Illustrator</a></strong></p>
<p><a href="http://www.xero-graphics.co.uk/set2/illustrator.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/44.jpg" alt="Illustrator" width="359" height="512" /></a></p>
<p><strong><a href="http://www.imageskill.com/magicenhancer/magicenhancer.html">Magic  Enhancer</a></strong></p>
<p><a href="http://www.imageskill.com/magicenhancer/magicenhancer.html"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/45.jpg" alt="Magic  Enhancer" width="525" height="394" /></a></p>
<p><strong><a href="http://www.xero-graphics.co.uk/set1/mistifier.htm">Mistifier</a></strong></p>
<p><a href="http://www.xero-graphics.co.uk/set1/mistifier.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/46.jpg" alt="Mistifier" width="331" height="480" /></a></p>
<p><strong><a href="http://www.cybia.co.uk/nightscope.htm">NightScope</a></strong></p>
<p><a href="http://www.cybia.co.uk/nightscope.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/47.jpg" alt="NightScope" width="525" height="211" /></a></p>
<p><strong><a href="http://www.digitalfilmtools.com/light/index.htm">Light</a></strong></p>
<p><a href="http://www.digitalfilmtools.com/light/index.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/51.jpg" alt="Light" width="525" height="364" /></a></p>
<p><strong><a href="http://www.redfieldplugins.com/filterFaceControl.htm">Face  Control</a></strong></p>
<p><a href="http://www.redfieldplugins.com/filterFaceControl.htm"><img class="alignnone" src="http://vandelaydesign.com/images/0909/ps/54.jpg" alt="Face  Control" width="525" height="346" /></a></p>
<p>For more Photoshop resources please see:</p>
<ul>
<li><a href="http://vandelaydesign.com/blog/design/photoshops-tools-tutorials/">20 Tutorials for Working with Photoshop&#8217;s Tools</a></li>
<li><a href="http://vandelaydesign.com/blog/design/photoshop-touchup-tutorials/">60 Photoshop Tutorials for Photo Touch-Ups</a></li>
<li><a href="http://vandelaydesign.com/blog/design/photoshop-tutorial-tutorials/">Photoshop Tutorial Hall of Fame</a></li>
<li><a href="http://vandelaydesign.com/blog/design/photoshop-custom-shapes/">45+ Sources and Sets of Photoshop Custom Shapes</a></li>
</ul>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign%2Fphotoshop-plugins%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fdesign%2Fphotoshop-plugins%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=5itBRh5uEwM:WJvohoJt8iM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=5itBRh5uEwM:WJvohoJt8iM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=5itBRh5uEwM:WJvohoJt8iM:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=5itBRh5uEwM:WJvohoJt8iM:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=5itBRh5uEwM:WJvohoJt8iM:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=5itBRh5uEwM:WJvohoJt8iM:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=5itBRh5uEwM:WJvohoJt8iM:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/5itBRh5uEwM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/design/photoshop-plugins/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>14 Options for Managing Membership Websites</title>
		<link>http://vandelaydesign.com/blog/web-development/membership-websites/</link>
		<comments>http://vandelaydesign.com/blog/web-development/membership-websites/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 21:33:14 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1577</guid>
		<description><![CDATA[Membership websites have increased in popularity in recent years. They present an excellent income opportunity for the site owner and a great value (depending on the content) for users. If you have thought about setting up a membership site but weren't sure where to get started, here is a look at 14 options that will allow you to get started with your own membership site.

<a href="http://www.amember.com/"><strong>AMember</strong></a>
AMember is probably the most popular choice for managing a membership site. It is ideally suited for sites that sell digital downloads. A built in two-tier affiliate program is included, as well as many other features including free installation, easy web-based administration, automated signups and expirations and more. The price of AMember is $179.95.

<a href="http://www.amember.com/"><img src="http://vandelaydesign.com/images/1009/membership/7.jpg" alt="AMember" width="515" height="282" /></a>]]></description>
			<content:encoded><![CDATA[<p>Membership websites have increased in popularity in recent years. They present an excellent income opportunity for the site owner and a great value (depending on the content) for users. If you have thought about setting up a membership site but weren&#8217;t sure where to get started, here is a look at 14 options that will allow you to get started with your own membership site.</p>
<p><a href="http://www.amember.com/"><strong>AMember</strong></a><br />
AMember is probably the most popular choice for managing a membership site. It is ideally suited for sites that sell digital downloads. A built in two-tier affiliate program is included, as well as many other features including free installation, easy web-based administration, automated signups and expirations and more. The price of AMember is $179.95.</p>
<p><a href="http://www.amember.com/"><img src="http://vandelaydesign.com/images/1009/membership/7.jpg" alt="AMember" width="515" height="282" /></a></p>
<p><a href="http://member.wishlistproducts.com/"><strong>WishList Member WordPress Plugin</strong></a><br />
WishList Member is a premium plugin that can help you build a membership site powered by WordPress. It allows you to establish multiple levels of membership and features easy member management, secure RSS feeds, and much more. Because it is a WordPress plugin, installation is quick and easy. A single-site licnese costs $97 and a multi-site (unlimited) license is $297.</p>
<p><a href="http://member.wishlistproducts.com/"><img src="http://vandelaydesign.com/images/1009/membership/3.jpg" alt="WishList Member WordPress Plugin" width="515" height="290" /></a></p>
<p><a href="http://www.instantmember.com/"><strong>Instant Member</strong></a><br />
Instant Member allows you to set up multiple levels of membership and includes an affiliate program, plus loads of other features. You can set up coupon codes and trial memberships. The price is a one-time fee of $147.</p>
<p><a href="http://www.instantmember.com/"><img src="http://vandelaydesign.com/images/1009/membership/14.jpg" alt="Instant Member" width="515" height="347" /></a></p>
<p><a href="http://www.easymemberpro.com/"><strong>Easy Member Pro</strong></a><br />
Easy Member Pro includes a wide range of features for managing your membership site, the rights to use it on unlimited domains, and a built-in affiliate program to promote your membership site. It includes a content management system, templates for page layouts, plus all the features needed for member management. The cost is a one-time payment of $97.</p>
<p><a href="http://www.easymemberpro.com/"><img src="http://vandelaydesign.com/images/1009/membership/4.jpg" alt="Easy Member Pro" width="515" height="340" /></a></p>
<p><a href="http://www.interlogy.com/products/pmpre/"><strong>ProfileManagerPremium</strong></a><br />
ProfileManagerPremium includes many features for membership sites including, newsletters for your members, member profiles, multiple membership types, and much more. One unique feature is that members can upload pictures, video or other content. The cost is $199 and includes free installation.</p>
<p><a href="http://www.interlogy.com/products/pmpre/"><img src="http://vandelaydesign.com/images/1009/membership/13.jpg" alt="ProfileManagerPremium" width="515" height="317" /></a></p>
<p><a href="http://www.subhub.com/"><strong>SubHub</strong></a><br />
SubHub is managed software that will allow you to set up a membership site that includes articles, forums, audio and video, and downloads. It includes a content management system and a single administration panel to manage the site. The cost is $97 per month or $997 per year (14-day free trial is available).</p>
<p><a href="http://www.subhub.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/membership/2.jpg" alt="SubHub" width="515" height="310" /></a></p>
<p><a href="http://www.membersmartpro.com/"><strong>MemberSmart Pro</strong></a><br />
MemberSmart Pro is fully-featured membership software that includes unlimited levels of membership, email administration, payment and income reports, and more. WordPress and Joomla pulgins are available. The cost of MemberSmart Pro is $179, or $249 for MemberSmart Pro plus a WordPress or Joomla plugin.</p>
<p><a href="http://www.membersmartpro.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/membership/5.jpg" alt="MemberSmart Pro" width="515" height="354" /></a></p>
<p><a href="http://www.memberwing.com/"><strong>MemberWing</strong></a><br />
MemberWing is a premium plugin for using WordPress to power your membership site. It includes a number of features including gradual content delivery (release content accoring to how long people have been members), four levels of membership, lightweight and easy to install. There is a limited free version of the plugin available and prices range from $99.95 to $295.</p>
<p><a href="http://www.memberwing.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/membership/8.jpg" alt="MemberWing" width="515" height="294" /></a></p>
<p><a href="http://www.newmedias.co.uk/wordpress-membership/"><strong>YourMembers WordPress Plugin</strong></a><br />
YourMembers is a WordPress plugin that allows you to create a membership site using WordPress and PayPal or ClickBank. It includes the ability to make part of any post private to members, private RSS feeds, and free trial access. A single-site license costs $50 and a developer&#8217;s license is $200.</p>
<p><a href="http://www.newmedias.co.uk/wordpress-membership/"><img src="http://vandelaydesign.com/images/1009/membership/10.jpg" alt="YourMembers WordPress Plugin" width="515" height="303" /></a></p>
<p><a href="http://wp-member.com/"><strong>WP Member</strong></a><br />
WP Member is another premium plugin for WordPress. WP Member allows you to restrict access to pages and posts based on membership level (you can set up unlimited membership levels) and it will automatically manage users, subscriptions and payments. A one-site license costs $44.99 with additional options for multi-site licenses.</p>
<p><a href="http://wp-member.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/membership/9.jpg" alt="WP Member" width="515" height="328" /></a></p>
<p><a href="http://www.wildapricot.com/"><strong>Wild Apricot</strong></a><br />
Wild Apricot provides all of the features needed to run your membership site, plus email newsletter tools, blogs and forums, event registration and more. There is a free ad-supported version available limited features. Other plans $25 monthly to $200 monthly.</p>
<p><a href="http://www.wildapricot.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/membership/11.jpg" alt="Wild Apricot" width="515" height="296" /></a></p>
<p><a href="http://www.extrememember.com/"><strong>Extreme Member</strong></a><br />
Extreme Member uses WordPress to manage membership websites. It includes a lot of features including use of coupon codes, multiple membership levels, built-in autoresponders, an affiliate module (depending on the plan you purchase), and more. Pricing ranges from $19-$99 per month.</p>
<p><a href="http://www.extrememember.com/"><img class="alignnone" src="http://vandelaydesign.com/images/1009/membership/12.jpg" alt="Extreme Member" width="515" height="320" /></a></p>
<p><a href="http://www.yourmembership.com/"><strong>YourMembership.com</strong></a><br />
YourMembership.com is a complete membership management system that is marketed towards alumni programs, association, chambers of commerce, government agencies, non-profit organizations, and other such groups. It&#8217;s a full-feature system that is more than needed for many entrepreneurs or small businesses that are interested in setting up a membership site. Pricing includes a one-time setup fee of $1,495 (which includes site design) and $5,995 annually.</p>
<p><a href="http://www.yourmembership.com/"><img src="http://vandelaydesign.com/images/1009/membership/1.jpg" alt="YourMembership.com" width="515" height="296" /></a></p>
<p><a href="http://www.membergate.com/"><strong>MemberGate</strong></a><br />
MemberGate is another advanced option that provides tons of features, more than most small websites will need. The price starts at $3,995 and goes up from there. Included in the price is site design, a built in affiliate program, credit card processing, unlimited member plans, content management, and much more.</p>
<p><a href="http://www.membergate.com/"><img src="http://vandelaydesign.com/images/1009/membership/6.jpg" alt="MemberGate" width="515" height="298" /></a></p>
<h3>Things to Consider When Deciding on Membership Software:</h3>
<p>With a wide selection to choose from, there is no solution that is right for everyone. As you are evaluating your options, here are some things to keep in mind that will help you to make the right decision for your situation.</p>
<h4>Monthly Pricing vs. One-Time Payments</h4>
<p>If you&#8217;re trying to compare the prices of various membership site solutions be sure that you understand the difference between those that charge one-time fees and those that charge monthly/recurring fees. Generally, if you purchase a license for a one-time fee you will be hosting it yourself with whatever web host you choose, and if you purchase one that involves monthly payments it will probably include hosting.</p>
<h4>Features</h4>
<p>There is a very wide variety of features available for the various options that are covered in this post. Of course, the price is also reflective of the features that are included. It&#8217;s a good idea to visit the various sites and read through the features that are included, then make a list of those that are necessary for your own needs. Once you know the features that you need or want you can narrow down your choices and compare prices accordingly. Try not to be distracted by features that are impressive, but might not be of any use to you.</p>
<h4>CMS</h4>
<p>If you are building a membership section on an already-existing website, are you currently using a content management system for that site? If you&#8217;re using WordPress you will have several plugins to choose from, and Joomla also presents some options to keep the membership section of the site on the CMS.</p>
<p>Many of the options that were listed above include some type of content management system of their own, and several make use of WordPress. Part of your decision should be based on the CMS that you want to use for your membership site.</p>
<h4>Support</h4>
<p>Most of the options listed above include some type of support. In some cases there may be a forum available, and for others you may have email support, but only for a limited amount of time. Generally, the plans that involve monthly payments also include some type of ongoing support. If you think it&#8217;s likely that you will need support, make sure this factors in to your decision and that you are comfortable with the support that will be available from the option that you choose.</p>
<h4>Multiple Websites</h4>
<p>You may want to build a membership site on one domain, or you may have several websites that are possibilities for memberships. Additionally, designers and developers may be interested in selling membership sites to clients. Most of the options listed here will provide some choices that allow you to choose bewteen a single-site license or a multi-site license.</p>
<h3>What&#8217;s Your Experience?</h3>
<p>If you would like to share your experience with any membership site software please leave a comment.</p>
<p><strong>Related Posts:</strong></p>
<ul>
<li><a href="http://vandelaydesign.com/blog/web-development/ecommerce/">37 Shopping Cart Options for Developers</a></li>
<li><a href="http://vandelaydesign.com/blog/web-development/jquery-image-galleries/">25 jQuery Image Gallery/Slider Tutorials and Plugins</a></li>
<li><a href="http://vandelaydesign.com/blog/web-development/light-cms/">How to Set Up Your First Site with LightCMS</a></li>
<li><a href="http://vandelaydesign.com/blog/web-development/style-switchers/">Style Switchers Showcase and Resources</a></li>
</ul>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fweb-development%2Fmembership-websites%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fweb-development%2Fmembership-websites%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=iuCz2FcZ3nw:X21AFFNQZEo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=iuCz2FcZ3nw:X21AFFNQZEo:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=iuCz2FcZ3nw:X21AFFNQZEo:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=iuCz2FcZ3nw:X21AFFNQZEo:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=iuCz2FcZ3nw:X21AFFNQZEo:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=iuCz2FcZ3nw:X21AFFNQZEo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=iuCz2FcZ3nw:X21AFFNQZEo:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/iuCz2FcZ3nw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/web-development/membership-websites/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>Free Portfolio Icon Set Designed by IconShock</title>
		<link>http://vandelaydesign.com/blog/site-news/portfolio-icons/</link>
		<comments>http://vandelaydesign.com/blog/site-news/portfolio-icons/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 22:31:16 +0000</pubDate>
		<dc:creator>Vandelay Website Design</dc:creator>
				<category><![CDATA[Site News]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://vandelaydesign.com/blog/?p=1601</guid>
		<description><![CDATA[Our friends at <a href="http://www.iconshock.com/">IconShock</a> have designed a set of 5 icons with portfolio sites in mind. The set includes PNG files of 512 pixels and 256 pixels, plus the source files (Illustrator). The icons are free for use in both personal and commercial projects.

If you have suggestions for future icon sets, please leave a comment.

<img class="alignnone" src="http://vandelaydesign.com/images/1009/icons/folioicons.jpg" alt="Portfolio Icons" width="565" height="568" />]]></description>
			<content:encoded><![CDATA[<p>Our friends at <a href="http://www.iconshock.com/">IconShock</a> have designed a set of 5 icons with portfolio sites in mind. The set includes PNG files of 512 pixels and 256 pixels, plus the source files (Illustrator). The icons are free for use in both personal and commercial projects.</p>
<p>If you have suggestions for future icon sets, please leave a comment.</p>
<p><img class="alignnone" src="http://vandelaydesign.com/images/1009/icons/folioicons.jpg" alt="Portfolio Icons" width="565" height="568" /></p>
<p><strong><a href="http://vanimg.s3.amazonaws.com/portfolio-icons.zip">Download the Icons</a></strong> (4MB zip file)</p>
<p><a href="http://www.iconshock.com/">IconShock</a> sells royalty free icons and also offer custom icon design services. If you&#8217;re in need of some good icons check out their site.</p>
<p><strong>Looking to Hire a Designer or Developer?</strong></p>
<p>Post a free job listing to the DesignM.ag job board for freelance, part-time or full-time positions. Your listing will be seen by thousands of talented designers and developers. - <a href="http://designm.ag/jobs/?action=postjob">Post a job for free</a>.</p><div class="tweetmeme_button" style="float: right; margin-left: 10px;"><a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fsite-news%2Fportfolio-icons%2F"><img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fvandelaydesign.com%2Fblog%2Fsite-news%2Fportfolio-icons%2F" height="61" width="51" /></a></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/Vandelay?a=kKKYU4DrmW0:00vn03TsBoU:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/Vandelay?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=kKKYU4DrmW0:00vn03TsBoU:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=kKKYU4DrmW0:00vn03TsBoU:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=kKKYU4DrmW0:00vn03TsBoU:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=kKKYU4DrmW0:00vn03TsBoU:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/Vandelay?a=kKKYU4DrmW0:00vn03TsBoU:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/Vandelay?i=kKKYU4DrmW0:00vn03TsBoU:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/Vandelay/~4/kKKYU4DrmW0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://vandelaydesign.com/blog/site-news/portfolio-icons/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>
