Finding Website Design Inspiration in Nature

Website design inspiration can be found in any number of places, from art galleries and instruction books to online showcases and portfolios, just to name a few. But to tap into one of the most profound and limitless sources of timeless design ideas, you must put down the books, step away from the keyboard and walk outside. For any and every aspect of design, nature is the true master. After all, what human artist could surpass nature in its ability to mix colors, create textures, evoke emotion and balance form and function?

Color

The challenge of striking the right balance of color and tone can test the mettle of even the most seasoned designer. There are many resources online that can help you experiment with color and try out palettes, but there is no better source to guide you than nature. Nature has an uncanny ability to blend just the right tones and hues to achieve visual harmony. In the world around you, you can find a perfectly balanced palette to match every emotion, every mood and every purpose. Drawing upon nature’s palettes can make your website just as unique as the landscape from which it takes its inspiration, providing a distinctive feel that will be a welcome breath of fresh air in comparison to the cold corporate websites your customers have grown tired of. One of the best ways to use the colors found in nature is to create a palette based on a photograph. There are several web-based tools that allow you to do this. Simply upload an image, and these tools will automatically generate a palette that you can apply in your design. Resources: PHOTOCOPA: http://www.colourlovers.com/photocopa Color Hunter: http://www.colorhunter.com/ Image to Color Palette Generator: http://www.cssdrive.com/imagepalette/

Texture

Nearly all textures found on the Web are designed to emulate real textures found in nature. When implemented in conjunction with typography, color and lighting, these textures create a browsing environment that feels more organic and engaging to the end user. Textures also play a key role in interface design. Applying natural textures to page components such as buttons, sliders and forms can make them feel more tactile and provide important visual cues to guide users as they interact with your site, especially on touch-based platforms. Resources: Bittbox: http://www.bittbox.com/category/freebies Zen Textures: http://zentextures.com Image*After: http://www.imageafter.com/textures.php

Mood

Nature can provide inspiration for any mood or mindset your web design strives to create. When it comes to tone and emotion, nature covers the full spectrum. Fog and rain reflect sorrow or melancholy. Bright sun and blue skies convey joy, hope and purity. Wide-open landscapes and the infinite cosmos evoke a sense of adventure and excitement. And what says tranquility and peace better than the white sandy beaches of a Caribbean island? Using natural scenery is an effective way to create an aura for your website. By employing large-scale images of beautiful landscapes as a focal point, you grab the user’s attention and immediately engage them emotionally. As soon as a visitor lands on your site, they step into an enticing virtual environment that compels them to explore deeper.

Utility

There’s much more to good website design than finding the right combination of colors and textures. At its best, website design solves problems – finding the most effective ways to communicate a mission, to capture the essence of a brand, to tap into the psyche of a customer and to create want and desire. Nature is unmatched in its capacity for solving problems. Nature designs things to work efficiently within the many particular nuances of the surrounding environment. Everything found in nature – from the tallest mountain to the tiniest microscopic organism – is designed in a specific way to accomplish a specific goal. To attract or to blend in. To shelter, to protect or to evade. The same rules apply to good web design: every individual element must be planned and implemented to serve a specific purpose. In this way, nature serves as inspiration not only to designers but to architects and engineers as well.

---

Gallery of websites inspired by nature

huxleyprairiefest.com

blueridgeparkway.org

eastpoint.org

enneasportswear.com

garnierbody.com.br

helpyourhabitat.org

imaginamos.com

raisetheroofproductions.com

sproutlet.io

swissside.com

traderjoes.com

whitelotusaromatics.com

---

The Timelines They Are a-Changin': 7 Tips for Making the Most of the New Facebook Pages

Like it or not, it’s here: the new timeline for Facebook business Pages. And much like any of the wide-sweeping changes that Facebook has introduced in the past, the faster you can get acclimated, the sooner you can start using these new features to your advantage to engage more effectively with your customers. So without further ado, let’s dive right in, shall we?

1. Put your best foot forward.

The first thing that you – and your fans – will notice is the new cover photo. This is your very own Facebook billboard, your opportunity to grab new visitors and entice them to delve deeper into your Page. This is prime real estate, so make sure you use it well. A great photo can make a memorable first impression that helps you attract and keep potential customers; a bad one can turn them away before they ever interact with the rest of your content. Get creative with this space. Feature one truly stunning image that captures the essence of your brand. Showcase your products or services. Give fans a peek behind the scenes of your company. No matter your approach, just make sure you play by the rules: No mention of prices, sales or discounts. No contact information, such as your phone number or website address. And no calls to action, whether it’s to like your Page or buy your product. You’ll also notice that your profile photo persists in the new format. This spot is best used for your logo icon, as it will also be the thumbnail image that appears alongside your posts in your fans’ news feeds.

2. Deliver a call to action.

So Facebook says you can’t include a call to action in your cover photo. You’ll also discover that you can no longer set a default landing tab for your Page. What’s going to here? And what are you to do about it? Relax. You still have plenty of opportunity to capture attention and motivate your fans to take action. Just below your cover photo, you’ll see four featured app slots. Photos will always take the first slot on the left, but you can customize the other three to your liking. These slots are the perfect place to feature a promotional video, link to your company blog or even a store (or donation) app. Much like the cover photo, these app slots will get a lot of eyeballs, so make sure you design them well.

3. Tell your story.

Once you get past your cover photo and apps, you’re into the timeline itself. In some ways, the timeline isn’t so revolutionary. Your most recent update appears at the top and the rest follow in reverse chronological order as you move down the Page, just as they always have. On the right side of the Page, you’ll see the timeline represented in years, starting with the year that your business was established. Here’s where you can really start to have some fun with the new format. Add important events – the date your company was founded, the launch of a new product, awards you’ve won – as milestones in your timeline to create a sense of stepping back in time. The more visually engaging you can make these milestone posts, the better. There are also new ways to filter what’s shown on the Page: Highlights, Friend Activity, Posts by Page and Post by Others. The trickiest part of these new filters is that posts by your fans aren’t as visible. So if interaction with your fans is important to you (and it should be), then you’ll need to be very intentional about engaging with them.

4. Get visual.

Another difference that will quickly become apparent the more you study the new timeline format is that photos and videos are given much greater prominence than any other type of content. Jumping on the bandwagon that has made platforms like Pinterest and Instagram so popular, the timeline focuses on visual storytelling. This is actually a plus, since as we’ve covered previously, one great photo truly can do the work of a thousand words in conveying what it is that your brand stands for. Data from Facebook supports this theory as well, indicating that “posts including a photo album or picture can generate 2X more engagement than other post types.” Use this new format to your favor by posting photo- and video-based content as often as possible.

5. Stick to it.

In order to help extend the longevity of your content, you now have the ability to pin a post to the top of your Page (it will appear just below your status update compose box). While this won’t affect how your update appears in your fans’ news feeds, it will keep this story at the top of your own Page for up to seven days. Pinning a post to the top of your Page is a great way to call attention to a special event, marketing offer or other especially fantastic content. Alternatively, you can also highlight a story so that it spans all the way across both columns of your timeline, making it easier to find as a user scrolls down.

6. Keep an eye on your inbox.

Another major change being introduced in this latest iteration is that Pages now have the ability to receive direct messages from fans. While these messages can only be initiated by a fan, this new feature serves a very useful purpose. Fans can now use Facebook as a way to ask a question or discuss a customer service issue in depth without doing so in the public forum. It’s a win-win for both you and your customers. Just be sure to keep a close watch on your inbox and respond to any messages you receive in a very timely manner. After all, if someone has reached out to you, you want to make sure they feel that their effort is both appreciated and taken seriously.

7. Don’t over-think it.

Finally, even though these changes are significant, there’s no need to feel overwhelmed or intimidated. The fact of the matter is that the majority of your fans will continue to consume the content you’re publishing in the same way they always have: via their personal news feeds. So while a well-designed Page timeline is important – particularly when it comes to winning over new fans – it’s not necessarily going to reinvent the wheel of the interactions you have day in and day out with your existing fans. In an ideal world, they would reward all the time and effort you put into your timeline by congregating on your Page and interacting with it directly. In reality, that’s probably not going happen on a consistent basis. The best approach is to strike a balance between the two. Be innovative in trying out new ideas and approaches on your timeline, but keep the content of your daily posts steady and strong, since you never know just when or where someone will come across it. After all, just as with most things in life, the more things change on Facebook, the more they stay the same.

---