20+ Examples of Creative WordPress Sites

by on 17th December 2009 with 56 Comments

Today’s post features a wealth of uniquely creative WordPress sites. I share a little bit about each site and why I think it’s creative and then provide you with the opportunity to do the same.


So read my thoughts about each of the sites below and get ready to awaken your inner art critic. See you in the comments!


Behind The Websites

screenshot

Why I like it: Original Site Concept

Behind the Websites is a completely unique website gallery. Each post features a zany illustration meant to convey “what people think about some websites.” The site owner, Ricardo Gimenes is an incredibly gifted artist with a great sense of humor.


Bitter Coffee

screenshot

Why I like it: Creative Use of Color

Bitter Coffee is another site with impressive custom illustrations. Notice how the designer has used color very selectively to draw your attention to specific points of interest. This is most noticeable in the rollover effects of the images down the right side of the page which feature grayscale images that come to life with color when you hover over them. Very well done!


Rival Schools

screenshot

Why I like it: Animated Homepage

This site keeps the user interested with constant motion. As soon as you load up the page, objects start falling into place. A nice, automated slideshow of featured work follows the initial animation. Notice how the featured work actually blends into the site background rather than violating it.


Daniel Nobre

screenshot

Why I like it: Simple Homepage

Not necessarily the most unique photographer site, but still very well done. The homepage isn’t cluttered with unnecessary information or effects, just a large alternating photo. The photographer is confident in his work and lets it speak for itself. Your photography will look more impressive when it’s as large as you can get it and displayed on a solid background, making it the sole focal point of the page.


Eric Dies

screenshot

Why I like it: Oversized Artwork

This site features huge green boxes of content that really stand out on the page. There’s a ton of subtle detail at work as well that really polishes off the site. Every link on the page has a nice rollover effect, there’s a cloud animation playing behind the main logo, and the selected state of the navigation bar is a light that casts a shadow on the link text below it. Overall, a great piece of design!


Dezine Zync

screenshot

Why I like it: Scrolling Content, Static Background

This site features a beautiful bokeh background that really grabs your attention. Having the content scroll over a stationary background isn’t groundbreaking but it offers a bit of an unexpected surprise to the user experience that adds to the unique feeling of the site. Always think about what you can do to offer your visitors a unique experience.


Dreams

screenshot

Why I like it: The Little Stuff

Aside from the overall aesthetic, there were a couple of subtle details I really liked about this site. This first is that the main image violates the header area. Nine out of ten designers would’ve made the photo fit the colored space. The simple trick of having the photo extend into the white makes this site so much less two dimensional. Another feature that got my attention was the navigation rollovers. Run your mouse along the navigation and you’ll get a shape-shifting bouncy blob that zips back and forth creating a really nice, unexpected effect.


HD Bundle

screenshot

Why I like it: Creative Use of a Stock Theme

A quick look at the code of this site revealed that it’s based on the amazingly popular Twicet Theme. Take a look at the original theme vs. the actual site. The website author didn’t just slap his own text and images into the prefab template, he used the template as a starting point for his own unique site. This creativity overcomes the principal downside of buying a website template: unoriginality. Finding a template that you can use as a strong base but still add plenty of customization to can save you loads on time on the development end of creating a WordPress powered site.


KataPulse

screenshot

Why I like it: Graphics Reinforce the Business

Aside from simply being attractive, this site’s graphics say everything they need to say. The dark, cool tones are tinged with highlights in such a way that you can almost hear lounge music just by looking at it. The highlights also serve as reinforcement for the “pulse” in the site’s name. The lesson hear is to fully consider the purpose and idea behind a site before you create the graphics for it. Sketch out a couple of ideas for visually representing the concept you want to convey and ask some people which idea they think conveys the concept best.


Kinetic Technology Group

screenshot

Why I like it: More Animation

Another example of impressive custom illustration. Load up this Mac-tastic site and you’ll see a ton of motion and custom illustrations that all help communicate the friendly nature of the business. Another creative feature of the site is the “iPhone Tips” that pop up near the bottom of the page. The site owners are selling IT services but use these tips as a way to offer visitors something for free just for stopping by. Successfully integrating something that could be considered to have value into your content is a great way to get your visitors to spend a little bit more time on your site, which could theoretically land you a purchase.


Komodo Media

screenshot

Why I like it: Jungle Theme

If you’ve read my past articles you’ll know I’m a sucker for a good theme. Komodo Media uses jungle illustrations to tie their content together in an attractive way. Though not always the most professional way to go, a creative theme can add a lot of visual interest to a page. It gives viewers something visually familiar that they can relate to and makes them a lot more prone to think your site is unique.


KP Studios

screenshot

Why I like it: Unique Organization

The homepage of this site has a ton of disconnected content, but it’s formatted in a visually attractive way (a real challenge!). The staggered boxes format clearly defines each piece of content, leaves plenty of room for both pictures and text, and just looks neat. Also, check out the 3D animated tag cloud on the left that serves as a very cool way to isolate specific types of content.


Masato Pearls

screenshot

Why I like it: Great Photography & Product Focus

At first glance, this site looks like a photography portfolio and shoot, it practically is. The beautiful photos are seamlessly integrated with the user interface in a way that makes an arguably boring product look absolutely beautiful. The lesson here is that if you’re selling a physical product, don’t let your brother Joe take pictures of it with his flash and trash camera to upload onto the site. Spend the money to hire a real photographer to make your product look as good as it possibly can then display those photos in a bold manner that conveys your confidence in the product.


Logo Realty

screenshot

Why I like it: Custom Illustrations

This site features some amazing illustrations and while I can’t say for certain that they are custom and not stock, it sure appears that way to the average visitor. Unique artwork acts as a thumbprint that makes a site wholly your own. If you’re a web designer and a good artist, remember that custom illustrations can go a long way towards impressing a client. Always look for ways to show off your full range of creative talent as a way to increase your marketability.

Your Turn!

That’s my two cents on a few creative WordPress sites. Think that was easy? Here’s a bunch more WP sites that I found to be particularly creative for you to provide feedback on. Let us know your thoughts on each. Share what you love, hate or find incredibly unique about any or all of the following.


Paper Jet Wednesday

screenshot


Justin Cline

screenshot


Dapur Pixel

screenshot


Seventy7

screenshot


Forte

screenshot


Odd Web Things

screenshot


Haris Vision

screenshot


Wow Toys

screenshot

Comments & Discussion

56 Comments

  • http://oddwebthings.com Piotr Godek

    thx for featuring Odd Web Things :)

  • Jeremy

    Is there a place where people can list their site as being built on WordPress?

  • http://www.wp-mojo.com Yann

    Wow… awesome article. There’s a bunch a themes that I haven’t really seen before.
    I’m writing a blog post about unusual WordPress themes too and it’s a lot of work to put together. So congrats for finding and sharing those themes.
    You should check out our collection and tell us what you think. It’s not all free themes, but there’s some pretty creative designs there :

    “+600outstanding premium themes for wordpress”
    http://www.wp-mojo.com/600-outsanding-premium-themes-for-wordpress

    Anyway, thanks for the article and keep the good blog posts coming!

  • http://www.web4half.com. emma smith

    Awesome.. Great Collection.

    I totally love it. An inspired, i go to try these for my works.

    W/ lots of love and Kiss.

    Emma.

  • http://designelemental.net Dan King

    Excellent article. It really shows how WordPress can be a great CMS. And that’s interesting about HD Bundle, looks almost nothing like the original theme!

  • Pingback: 20+ Examples of Creative WordPress Sites | Design Shack « Better

  • http://mattmueller.me Matt Mueller

    I don’t want to promote but I’d like think my wordpress design is pretty slick!

    MattMueller.me

  • fqboy

    Just amazing.

  • http://designinformer.com Design Informer

    Nice and creative websites. I just posted something similar to this today as well. Very cool!

    http://designinformer.com/the-wow-factor-in-web-design/

  • http://www.justincline.com Justin

    Hey guys, thanks a bunch for the shout out! Cheers!

  • http://www.russellheimlich.com/blog/ Russell Heimlich

    This has nothing to do with WordPress, just interesting designs. Here is a creative use of WordPress http://popcritics.com/movies/ It functions like a typical Web app but it’s powered by the most flexible and easiest to use backend!

  • Pingback: links for 2009-12-17 « Mandarine

  • http://www.operationtechnology.com Brad

    Wow, nice WordPress sites. I’m working on one now and will def. use for inspiration!

  • http://www.webdesigncreatives.com WDC

    Thanks for sharing those beautiful sites. My fav is ‘Behind The Websites’.

  • http://www.sgdoeschwitz.de BigM75

    Schöne Seiten, vielleicht können ja auch die Seiten aus Deutschland einmal mit berücksichtigt werden, aber ansonsten super coole Seiten

  • http://behindthewebsites.com Ricardo Gimenes

    Hey guys, thanks for featuring behind the websites, and the best way to say thanks is with illustrations, check it out over today, will be about Design Shack, on behindthewebsites.com ;)

  • http://twitter.com/TyronBache Tyron Bache

    Cool article thanks Josh – I rate Eric Dies as the best on the list :)

  • http://www.actus.ee Kaspar

    Very nice collection!! :) just amazing…

  • Joshua Johnson

    Thanks for all the positive feedback! Ricardo, I love the illustration, a million thanks.

  • http://www.wearepixel8.com Erik Ford

    These are all incredibly creative and aesthetically beautiful WordPress websites. I drop by Behind the Websites from time to time just to be “wowed” by the illustrations.

  • Pingback: » view 2009/12/19 T·Web

  • Pingback: Linkdump 74 | ettf.net

  • http://www.web4half.com *—–Cute Web Designer—-*

    Awesome collection!!-

    you have pull together very nice article.

    Good Luck….

    Thanks Alot…

  • http://www.tj-todo.com Thibault

    Great list, so inspiring.

  • Pingback: WordPressで作られたクリエイティブな20のサイト | Designing Solid

  • http://www.kpstudios.co.uk darren

    Thanks for showing Kp studios, glad you liked it

  • Pingback: Ejemplos de diseños creativos para WordPress

  • Tyler Henson

    Nice collection!!! I LOVE how the Rival School’s site also implemented the click-and-drag feature to viewing their work!! Very cool!!!!

  • http://www.psprint.com/ Ashely Adams : Online Printing

    Ooh, I’m feeling the Web 2.0 Design rush… nice collection. Good example of unleashing the full potential of the platform (WP) and then, going beyond it.

  • http://www.glendelmdesign.co.uk Matt Lewsley

    This is a really great collection and a good way to showcase just how great a CMS wordpress CAN be.

  • http://www.gowerit.co.uk Dave

    There are some really nice designs there. Nice article.

  • http://www.glendelmdesign.co.uk Will Griggs

    Couldn’t agree more with most of these. Exelent blog post.

  • http://www.myohanhtun.com MYO HAN HTUN

    Nice web site designs.

  • Pingback: jardenberg kommenterar – 2009-12-29 — jardenberg unedited

  • Pingback: Showcase Shoutout • Blog • Justin Cline

  • Pingback: Dagens Wordpress länkar

  • http://greencamp.in social

    Very inspiring post!

  • http://www.dapurpixel.com arrie

    Hey thank you for mention http://www.dapurpixel.com

    I just want to inform you that, our website http://www.dapurpixel.com just been redesign.

    Please gave a comment about our new look.

    Thank You

  • http://www.studiografix.de Patrick

    Wow, what a great collection. I am loving it. Looking forward to hear more like this … Patrick

  • Kasun Kapuwatta

    Thanks a lot very useful ….

  • http://makedesignnotwar.com Make Design, Not War

    Nice collection – it’s pretty exciting to see so many sites using WordPress as a platform nowadays. What you can do with it is truly incredible!

  • Heather

    I love that you actually took the time to discuss each site’s strengths in a mini-critique. It makes this article much more special than all the other “Best Of” lists out there… and I found myself reading the whole thing instead of just scanning it.

    Keep up the great work!

  • http://wpclubs.com WPClubs

    Great collection. Rival Schools is my favorite.

  • http://www.leopardgecko-abzugeben.de Nathalie

    Very creative designs. Rival Schools is my favorite, too ….

  • http://www.kaliteliforum.org kaliteliforum

    nice designs, thanks for sharing..

  • http://www.cheapleafletprinters.com Cheap Printing

    Lovely sites there, a lot of people think wp is just one dimensional but there are som any things you can do with it, i thin kit better than CMS sites like joomla to update too.

  • http://www.leafletprinting.co.uk/doncaster printing doncaster

    a relly good post and some really nice examples here of great wordpress sites, i really enjoyed these.

  • JanesTO

    nice

  • http://online.computermediafire.com assim

    so nice…

  • http://www.homzmart.com Homzmart

    I am very knowledgeable after reading this. Not because I liked this article, but I got this in a very well manner. Very well explained. One can get inspiration with this read. The most striking thing about the centre of Detroit these days is how quiet it is.

  • http://barts.com.ar/forum/profile.php?mode=viewprofile&u=662831 nikeshox

    I ACTUALLY was extremely pleased to discover this particular web-site.I want to to thanks for your effort for this amazing study!! I ACTUALLY absolutely enjoying every single little bit of it all and I have you saved to look at new stuff you blog post.

  • http://www.infonary.com Dheeraj

    An RSS Feed Reader based on wordpress at http://www.my.infonary.com. It not only lets you follow your favourite Rss feeds but news from any topic. It also offers a RSS Mixer which lets you follow everything on your page with a single RSS feed. Even Infonary.com is based on wordpress.

  • http://www.tunningdesign.fr mike

    nice site, all this site are do with wordpress ? this is on cm more strong

  • http://www.moviesdig.com Osman

    I think my site Moviesdig.com should be up there because it’s the biggest complete movie site made with wordpress and has nice creative design.

  • Pingback: copy | meigou

  • Pingback: Wordpress Showcases | Wordpress 101

Subscribe
Membership
About the Author