Design Shack showcases inspiring web design, alongside resources and tutorials for you to succeed in the same way. It is carefully curated and edited by Josh Johnson and David Appleyard.
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 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 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!
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.
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.
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
thx for featuring Odd Web Things :)
Is there a place where people can list their site as being built on Wordpress?
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!
Awesome.. Great Collection.
I totally love it. An inspired, i go to try these for my works.
W/ lots of love and Kiss.
Emma.
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!
I don’t want to promote but I’d like think my wordpress design is pretty slick!
MattMueller.me
Just amazing.
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/
Hey guys, thanks a bunch for the shout out! Cheers!
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!
Wow, nice WordPress sites. I’m working on one now and will def. use for inspiration!
Thanks for sharing those beautiful sites. My fav is ‘Behind The Websites’.
Schöne Seiten, vielleicht können ja auch die Seiten aus Deutschland einmal mit berücksichtigt werden, aber ansonsten super coole Seiten
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 ;)
Cool article thanks Josh – I rate Eric Dies as the best on the list :)
Very nice collection!! :) just amazing…
Thanks for all the positive feedback! Ricardo, I love the illustration, a million thanks.
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.
Awesome collection!!-
you have pull together very nice article.
Good Luck….
Thanks Alot…
Great list, so inspiring.
Thanks for showing Kp studios, glad you liked it
Nice collection!!! I LOVE how the Rival School’s site also implemented the click-and-drag feature to viewing their work!! Very cool!!!!
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.
This is a really great collection and a good way to showcase just how great a CMS wordpress CAN be.
There are some really nice designs there. Nice article.
Couldn’t agree more with most of these. Exelent blog post.
Nice web site designs.
Very inspiring post!