Modern Examples of Unique Website Layouts

When you are creating a new website you might seek inspiration from truly unique website layouts.

The sites listed here don’t simply follow expected trends from within the industry. Many of them use background images to interact with and control the layout in some unique way. Some of them I really like, and some I’m not sold on, but all are unique in one way or another. If you’re looking to create your own unique website, we recommend Shopify.

Digital Mash

Digital Mash is the home of Australian web designer Rob Morris. What makes the layout unique is the background image of Rob holding the content of the page.

Digital Mash Screenshot

Melissa Hie

A portfolio site with a different twist, MelissaHie.com leads the visitor through a series of different sections of one page that include links to websites in a portfolio, a brief bio, and contact information. As you click on links, you will slide to a different section of the page.

Melissa hieScreenshot

Evanescence

The website of American rock band Evanescence uses a horizontal layout and a navigational scheme fixed to the top header. It mostly stands out for colors and natural gradients which blend into the dark theme.

Evanescence Screenshot

Sitotis.hr

The background image for Sitotis is a binder that contains the content of the page. Tabs in the binder are used for navigation.

Sitotis Screenshot

Basil Gloo

Web Developer Basil Gloo uses an interesting layout on his homepage that separates the page into a left and a right side. The left side contains his personal information and the right side his business information.

Basil Gloo Screenshot

Danviv.net

The portfolio site of Dan Viveiros uses a unique layout and several images of cassette tapes.

Danviv.net Screenshot

Jeremy Cowart

Another interesting photography portfolio site, Jeremy Cowart places all of the emphasis on the pictures by taking you straight to the photos in the portfolio. Rather than making you click a few links to get to the photos, they are right there, one on top of the other. What’s most unique is that to get to any content other than photos you can visit the contact, news, and project links.

JeremyCowart.com Screenshot

Huge

This design company uses a large image on the left side of the homepage with the primary navigation and content in a narrow column on the right.

HugeInc Screenshot

Interview Magazine

Another horizontal layout, Interview Magazine presents a different visual impression than other online magazines.

Interview Magazine Screenshot

The Horizontal Way

As a gallery of horizontal websites, The Horizontal Way naturally uses a horizontal layout itself.

The Horizontal Way Screenshot

Davor van Eijk

The homepage of Davor van Eijk places navigation in the center of the page on an angle. The content of the page is in the lower right hand corner.

Davor van Eijk Screenshot

Vesess

Vesess uses a simple header that includes navigation and then goes into an image right at the focal point of the page. If you scroll down you will see the use of a few columns for some basic information. While it is maybe not as different as many of the sites on this list it is still a break from the norm.

Vesess Screenshot

Loading Artist

The homepage of Gregor’s fantastic web comic Loading Artist. It uses vibrant colors and 3D shapes to give the appearance of a skewed layout. It can work for almost any type of site and borrows elements from blogs and portfolio layouts.

loading artist screenshot

You may also be interested in:

For more design inspiration, see:

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads.