This is the DMD archive. Visit the Design Meltdown Portal to find the latest DMD content.

One Page Sites Part 5

5th edition — by Patrick McNeil — Aug. 2, 2006

Editions:

1 2 3 4 5 6 7

The Design Element

Since this is one of the most active topics I decided to try a bit of a different approach, I am going to highlight some of the samples that stand out to me in a different format and offer some of my ideas about them. This sounds pretty much like what I always do ironically, but I have less of an overall point, and am offering more of a commentary on a select group of sites.

Samples Of Note

Once you visit this site I believe it will be rather obvious what stands out to me. It is a bit strange how you have to find the links to get you to the next section of the site, but it works pretty well. As always I am a sucker for inventive and new ideas.

divider

This sample is similar to the previous in that it is broken down into chunks that could have been separate pages. I think putting all the content on one page in this case was a smart decision. There isn't enough content to justify a bunch of pages, but the content that is there is broken into manageable chunks that keep the user from being overwhelmed.

divider

In many this "one page" site is kind of cheating, the iframes technically contain multiple pages, but it is really presented as a single page. The neatest thing about this design is how it lets you select what you want to see, again avoiding loosing the user in the mass of information. Interesting that a multi page site does exactly that but in a larger way. The content they cycle through is much smaller making a single page a good choice.

divider

I see a theme going here, again this site hides loads of content in smaller sections. The audience for an individuals portfolio must be limited, a single page beautifully crafted is a wonderful thing. I love how I pick out what I want to see and I get an ear full!

divider

I will restrain from repeating myself too many times. This one has appeal on a new level. It feels so much more substantial then a single page. The impact created with the beautiful design is powerful. This page was lovingly created and speaks volumes regarding the individuals attention to detail and quality of work.

divider

A fresh approach to a gallery of portfolio items can be seen here. Instead of a grid of thumbnails using the LightBox javascript you have an interesting pile of characters. There is no reason work of other kinds couldn't be presented more creatively. This is one of those think outside the box kind of sites that do so with out making for an impossibly complicated site.

divider

The Above Creative site has a similar appeal. I like how they have made the photos of business cards and web sites far more interesting by giving them a depth of field type effect. This shouldn't be to hard to implement in PhotoShop but adds a beautiful touch.

divider

I believe this is my favorite of all the one page sites in this round. One beautiful thing stands out to me, not only is the site one page, but it is one screen. Now this will vary depending on your screen size. The beauty in this is the author has been concise, the concept taken to its most literal and useful extent. All of the essential elements are there. None of the fluff.

divider

The Samples

divider

Links

One Page Folios - The ultimate one page site list

One-pagers will be the hit of the 2006!

divider

Comments

jan

8/2/2006 2:29:09 PM

check out:

http://www.onepagefolios.com/

Matthijs

8/3/2006 4:17:35 AM

Nice examples. I did find the first example (axisfive) a horrible solution. It totally annoyed me. I could not use the back button to go back or could not scroll left. Both things I wanted to do after viewing the second page.

It would have been so much better to just use normal on-page links.

It's the same feeling when you visit a site from a link and they disable the back button to prevent you from going back. (luckily most of those are IE-specific scripts which don't work in FF)

John Serris

8/12/2006 12:46:19 AM

I just need to point out that justmuzik.com doesn't use any "iframes". It's just divs with overflow scrollbars. There is no "cheating" involved ;)

Patrick

8/13/2006 9:06:45 AM

Good catch John, that is what I get for looking at way to many sites. It isn't really cheating, just the allusion of cheating, and there is no such thing as cheating except that it stretchs my classifications of sites...

Make a Comment:

All fields are required & all posts are hand moderated.



(not displayed publicly)



Captcha