<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PSDFan &#187; James Adams</title>
	<atom:link href="http://psd.fanextra.com/author/jamesadams/feed/" rel="self" type="application/rss+xml" />
	<link>http://psd.fanextra.com</link>
	<description>Just another WordPress site</description>
	<lastBuildDate>Thu, 05 May 2016 13:19:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>40 Slick Single Page Website Designs</title>
		<link>http://psd.fanextra.com/articles/40-slick-single-page-website-designs/</link>
		<comments>http://psd.fanextra.com/articles/40-slick-single-page-website-designs/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 14:08:42 +0000</pubDate>
		<dc:creator>James Adams</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Inspiration]]></category>

		<guid isPermaLink="false">http://psd.fanextra.com/?p=11546</guid>
		<description><![CDATA[Single page websites are a major design trend at the moment. This roundup takes a look at 40 hugely inspiring single page designs, and analyzes the great points about each web design.]]></description>
			<content:encoded><![CDATA[<h2>40 Slick Single Page Website Designs</h2>
<p>When it comes to web design, less is often more, and you can&#8217;t get much more minimal than a website which spans just one, single page. People low on cash, time and content will instantly benefit from the single page trend, such sites being relatively easy to construct and manage.</p>
<p>People with more to burn, however, should not be put off by the perceived simplicity of the single page format. Many of the slick sites below are incredibly impressive, intricate and forward-thinking. Remember, on the web, the size of a single page is potentially infinite. If anything, limiting yourself to a single page stimulates creativity and ingenuity.</p>
<h2>1. <a href="http://www.komrade.gr/">Komrade</a></h2>
<p><a href="http://www.komrade.gr/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage1.jpg" /></a></p>
<p>A single page site with a superb scrolling layout. Bits of information hang from a rather tall plant, rooted in the contact information below.</p>
<h2>2. <a href="http://www.minneapplepie.com/">Minneapple Pie</a></h2>
<p><a href="http://www.minneapplepie.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage2.jpg" /></a></p>
<p>Minneapple Pies are &#8216;Tastier than a 67 Nova&#8217; and so is this website! Large high-res images and a great color scheme set it apart from the rest.</p>
<h2>3. <a href="http://www.vrasa.com/">Vrasa</a></h2>
<p><a href="http://www.vrasa.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage3.jpg" /></a></p>
<p>Completely unique! Click on the different faces of the large gemstone which dominates the page to change the site&#8217;s background colors.</p>
<h2>4. <a href="http://iwantonemilliondollar.com/">I Want One Dollar</a></h2>
<p><a href="http://iwantonemilliondollar.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage4.jpg" /></a></p>
<p>If all you&#8217;re doing is begging for money, you probably don&#8217;t need more than one page to do it on. I Want One Dollar looks great, but sadly doesn&#8217;t seem to be having the desired effect on visitors- only $8 raised so far. Nice try though.</p>
<h2>5. <a href="http://www.redzgn.com/">re:dzgn</a></h2>
<p><a href="http://www.redzgn.com/ "><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage5.jpg" /></a></p>
<p>&#8216;What&#8217;, &#8216;Who&#8217;, &#8216;How&#8217; and &#8216;Where&#8217;. All of these questions are answered within a single page thanks to a highly innovative, vertically scrolling layout.</p>
<h2>6. <a href="http://www.goslingo.com/">Oliver James Gosling</a></h2>
<p><a href="http://www.goslingo.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage6.jpg" /></a></p>
<p>Web developer, Oliver Gosling, knows his stuff. That&#8217;s why his personal site looks so good. I particularly like the way the gallery has been integrated so seamlessly.</p>
<h2>7. <a href="http://www.curiousgenerationgroup.com/">Curious Generation</a></h2>
<p><a href="http://www.curiousgenerationgroup.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage7.jpg" /></a></p>
<p>There&#8217;s a lot of information on this single page, but the color-coded, circular links make navigation easy.</p>
<h2>8. <a href="http://www.orangelabel.com/">Orange Label Design</a></h2>
<p><a href="http://www.orangelabel.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage8.jpg" /></a></p>
<p>Design doesn&#8217;t get much more imaginative than this. Past projects are displayed vertically and read like a glossy magazine.</p>
<h2>9. <a href="http://www.project365.co.uk/">Project 365</a></h2>
<p><a href="http://www.project365.co.uk/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage9.jpg" /></a></p>
<p>Plenty of white space makes this website a joy to behold. The typography used is excellent too- it&#8217;s creative and vibrant.</p>
<h2>10. <a href="http://www.adlucent.com/">Adlucent</a></h2>
<p><a href="http://www.adlucent.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage10.jpg" /></a></p>
<p>Adlucent&#8217;s homepage provides visitors with the minimum amount of information they need, presented in a neat and unfussy way. It makes the site totally uncluttered. Clicking on the tabs reveals the details.</p>
<h2>11. <a href="http://www.volll.com/#section_main">Volll</a></h2>
<p><a href="http://www.volll.com/#section_main"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage11.jpg" /></a></p>
<p>Volll&#8217;s site might only be one page in length, but the different sections are so distinct that you almost forget they&#8217;re connected. The About section&#8217;s in the sky, for example, while Goodies can be found in a subterranean environment inhabited by spacemen and octopi! Check it out for yourself or you&#8217;ll have no idea what I&#8217;m talking about.</p>
<h2>12. <a href="http://www.hotmeteor.com/">Hot Meteor</a></h2>
<p><a href="http://www.hotmeteor.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage12.jpg" /></a></p>
<p>Hot Meteor&#8217;s site scrolls in both vertical and horizontal directions with each discipline (web, print, branding) presented on a different level.</p>
<h2>13. <a href="http://www.pikaboo.be/">Pikaboo</a></h2>
<p><a href="http://www.pikaboo.be/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage13.jpg" /></a></p>
<p>The main focus of Pikaboo&#8217;s site is a scrolling show-reel in the centre of the page. Click on an image in the reel and a video instantly appears. News, About and Contact information is presented simply, so as not to detract from the proper creative work on show.</p>
<h2>14. <a href="http://www.studioespace.co.jp/">E-Space</a></h2>
<p><a href="http://www.studioespace.co.jp/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage14.jpg" /></a></p>
<p>Espace&#8217;s website is based around an aerial view of a buzzy office space, complete with garden, meeting rooms and bar. It&#8217;s a thoroughly unique take on the website background. </p>
<h2>15. <a href="http://benlind.com/">Ben Lind</a></h2>
<p><a href="http://benlind.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage15.jpg" /></a></p>
<p>His name&#8217;s Ben and he &#8216;loves making websites&#8217;. This one-page-wonder is easily achievable for anyone, but looks really polished.</p>
<h2>16. <a href="http://www.tvrdek.cz/en">Jiri Tvrdek</a></h2>
<p><a href="http://www.tvrdek.cz/en"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage16.jpg" /></a></p>
<p>This site centers on a tree- a very tall one at that. The navigation buttons can be found in its branches with previous work descending down the trunk.</p>
<h2>17. <a href="http://www.mepholio.com/">Justin Tsang</a></h2>
<p><a href="http://www.mepholio.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage17.jpg" /></a></p>
<p>Nothing like a funky mascot to differentiate your site from the competition. Justin Tsang&#8217;s furry friend sits atop previous projects, an About section and the usual Contact info.</p>
<h2>18. <a href="https://ourtype.com/#//">OurType</a></h2>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p><a href="https://ourtype.com/#//"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage18.jpg" /></a></p>
<p>A straightforward color scheme and classic fonts make this horizontally scrolling website a pleasure to behold.</p>
<h2>19. <a href="http://lukelarsen.com/">Luke Larson</a></h2>
<p><a href="http://lukelarsen.com/">Luke Larson</a></p>
<p><a href="http://www.lukelarsen.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage19.jpg" /></a></p>
<p>This website is as slick as they come. With tons of white space, it&#8217;s so easy to navigate and fun too, thanks to the goldfish you&#8217;ll spot along the way.</p>
<h2>20. <a href="http://www.brizk.com/">Brizk Design</a></h2>
<p><a href="http://www.brizk.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage20.jpg" /></a></p>
<p>A handmade-paper-type background and water-color illustrations give this site a distinctly vintage feel. It looks classy and stylish.</p>
<h2>21. <a href="http://riotindustries.com/">Riot Industries</a></h2>
<p><a href="http://riotindustries.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage21.jpg" /></a></p>
<p>A really classic looking site. Chunky tabs make it easy to find exactly what you&#8217;re looking for.</p>
<h2>22. <a href="http://www.deeluxdesign.com/">Deelux</a></h2>
<p><a href="http://www.deeluxdesign.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage22.jpg" /></a></p>
<p>This site has a clever layout. The portfolio is &#8216;hidden&#8217; behind an imaginary fold in the page, set behind a great looking blog.</p>
<h2>23. <a href="http://www.sr-up.com/">SR.UP</a></h2>
<p><a href="http://www.sr-up.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage23.jpg" /></a></p>
<p>This website is simplicity at its best. There&#8217;s very little going on, making it quick to navigate. Despite a lack of substance, it&#8217;s in no way boring.</p>
<h2>24. <a href="http://www.thegreatbeardedreef.com/">The Great Bearded Reef</a></h2>
<p><a href="http://www.thegreatbeardedreef.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage24.jpg" /></a></p>
<p>Like Volll&#8217;s site, this one houses its different sections on separate levels, starting at the top with the bright, blue sea and sinking all the way down to the seabed.</p>
<h2>25. <a href="http://www.bulletpr.co.uk/">Bullet PR</a></h2>
<p><a href="http://www.bulletpr.co.uk/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage25.jpg" /></a></p>
<p>Another site with a vintage aesthetic, this time for UK PR agency, Bullet. The navigation bar seems to get in the way a little, but it&#8217;s extremely user-friendly.</p>
<h2>26. <a href="http://www.jedansest.hr/index-en.php">1Sest</a></h2>
<p><a href="http://www.jedansest.hr/index-en.php"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage26.jpg" /></a></p>
<p>Blocks of color make this single page site leap from the monitor. Past work can be opened and collapsed at the touch of a button.</p>
<h2>27. <a href="http://www.jonbrousseau.com/">Jon Brousseau</a></h2>
<p><a href="http://www.jonbrousseau.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage27.jpg" /></a></p>
<p>Jon Brousseau&#8217;s site is little more than a vertical display of his previous work with a very brief introduction. It&#8217;s simple, but very effective thanks to its logical layout.</p>
<h2>28. <a href="http://3bob.co.nz/">3BOB</a></h2>
<p><a href="http://3bob.co.nz/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage28.jpg" /></a></p>
<p>If there&#8217;s one thing that New Zealand has got a lot of, it&#8217;s sheep. You&#8217;ll even find them dotted around the hills which provide the backdrop to this super-cool kiwi site.</p>
<h2>29. <a href="http://www.visualboxsite.com/">Visualbox</a></h2>
<p><a href="http://www.visualboxsite.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage29.jpg" /></a></p>
<p>On Visualbox, past projects are assembled vertically down a single page. Visitors click on the corresponding tile in the grid at the top to quickly find their favorite.</p>
<h2>30. <a href="http://www.morphix.si/#home">Morphix Design Studio</a></h2>
<p><a href="http://www.morphix.si/#home"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage30.jpg" /></a></p>
<p>Split on three levels, you&#8217;ll find Morphix Design Studio&#8217;s homepage between the earth and the clouds, Portfolio in the upper atmosphere and About information underground.</p>
<h2>31. <a href="http://www.bitbots.co.uk/">Bitbots</a></h2>
<p><a href="http://www.bitbots.co.uk/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage31.jpg" /></a></p>
<p>Bitbots makes toys, but not as you know them. They make pricey, vinyl toys so they need an upmarket site to match. They opted for a single-page site to underline their sense of individuality.</p>
<h2>32. <a href="http://www.margaretlondon.com/">Margaret PR</a></h2>
<p><a href="http://www.margaretlondon.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage32.jpg" /></a></p>
<p>The second London based PR agency in this list, Margaret, has a site housed on a single page, but an absolutely massive one! Click on any button in the navigation bar and you&#8217;ll be whizzed across its surface.</p>
<h2>33. <a href="http://www.weshootbottles.com/">We Shoot Bottles</a></h2>
<p><a href="http://www.weshootbottles.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage33.jpg" /></a></p>
<p>Call me na?Øve, but I never realized there were companies out there with the sole purpose of photographing bottles! Well, there are and We Shoot Bottles is one of them. Its site is every inch as crisp and clear as its photography.</p>
<h2>34. <a href="http://www.contrast.ie/">Contrast</a></h2>
<p><a href="http://www.contrast.ie/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage34.jpg" /></a></p>
<p>Hand-drawn fonts and cool photography set this website apart from the rest, not to mention its sophisticated layout and buttons which guide you through the single page.</p>
<h2>35. <a href="http://www.peter-pearson.com/">Peter Pearson</a></h2>
<p><a href="http://www.peter-pearson.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage35.jpg" /></a></p>
<p>By setting it among the clouds, Peter Pearson has transformed a rather simple portfolio site into something far more appealing. Dotted lines appear tying each image together as you scroll from one side to the other.</p>
<h2>36. <a href="http://www.180degrees.co.uk/180degrees.html">180 Degrees</a></h2>
<p><a href="http://www.180degrees.co.uk/180degrees.html"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage36.jpg" /></a></p>
<p>180 Degrees is a site built to honor Rob Gauntlett and James Atkinson, who died whilst mountain climbing in 2009. Incredibly moving and thought-provoking, the site has been exquisitely designed and is highly interactive. </p>
<h2>37. <a href="http://gottagettofowa.com/">Gotta Get to FOWA</a></h2>
<p><a href="http://gottagettofowa.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage37.jpg" /></a></p>
<p>Although I think my cash could be better spent on a more deserving cause, I fully appreciate how well this site inspires donations for two web appers desperate to get to FOWA.</p>
<h2>38. <a href="http://www.zachklein.com/">Zach Klein</a></h2>
<p><a href="http://www.zachklein.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage38.jpg" /></a></p>
<p>Zach Klein&#8217;s companies include Vimeo, CollegeHumor and Busted Tees. Such success speaks for itself, which is why a single page is sufficient for his personal site.</p>
<h2>39. <a href="http://wooconcept.com/">WooConcept</a></h2>
<p><a href="http://wooconcept.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage39.jpg" /></a></p>
<p>WooConcept&#8217;s site is wonderfully uncomplicated. Not relying on gimmicks lets the previous work and client list do the talking.</p>
<h2>40. <a href="http://madebygiant.com/">Made By Giant</a></h2>
<p><a href="http://madebygiant.com/"><img src="http://psd.fanextra.com/wp-content/uploads/2010/08/singlepage40.jpg" /></a></p>
<p>Made By Giant is a web design and development agency from Seattle. The website is all about clarity. Four simple pages and chunky buttons make finding your way around even easier.</p>
<div class="serial-box">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-0028189720044148";
/* PSDFAN Laptop */
google_ad_slot = "6867663924";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://psd.fanextra.com/articles/40-slick-single-page-website-designs/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
	</channel>
</rss>
