The Trend in Interactive Infographics and Microsites

A guest post by Luke Clum

Now that everyone from your favorite author to your dog sitter has some sort of website, most designers have learned that the old, static layouts and pages just don’t cut it anymore. In order to really get the attention of your viewer you have to stay ahead of the trends; a great way to do this is embrace interactivity. Static pages just don’t stand out to visitors anymore, as they are now used to animation, parallax scrolling, and other interactive elements.

But don’t fear, interactive pages don’t have to be complicate, as you can see in this example. Below we outline other great examples of interactive pages and discuss how emulate a similar style on your own.

Examples of interactive sites

SimpliSafe does a great job of showing their customers the length they will go to protect their property. Moving from inside to outside of an animated house as the viewer scrolls down the page, they teach their customers what they can do to ensure safety and peace of mind.

Simplisafe interactive infographic

YouTube pulled out all the stops when they created One Hour Per Second, a microsite that makes great use of animation, creative controls and provides links to some of the most popular clips from their website. When the user starts the presentation, easy to follow examples roll down the screen, providing the viewer with context to understand what it really means to have one hour of video uploaded to YouTube every second.

Youtube interactive infographic

Life of Pi was recognized as being a visual masterpiece at the box office and numerous award shows upon its release. With a mix of film and animation shown in 3-D, it’s no surprise that fans wanted to know exactly how the movie was made. This website uses lots of cool navigation and superimposed sketches of set designs with images from the film. Visitors can watch videos of some of the trickiest scenes filmed and provides before and after images that show exactly what the special effects provide. It’s a great way for fans of the film to get in on the movie magic.

Life of Pi interactive infographic

If there is one thing every James Bond fan enjoys it’s all of the extraordinary tools that he gets to use in the films. And the coolest of all the unattainable items might be the cars he gets to drive. A very clever used car dealer caught on to this and decided to break down all of the Bond cars and let customers choose their favorite. With color palettes that match every decade, swirling backgrounds zoom in and out to reveal the next movie’s car. They obviously know the value of an older car and do a great job of pointing that out to their customers as well.

Bond interactive infographic

The Dangers of Fracking makes great use of visual elements to educate viewers on how wasteful and harmful fracking can be for the environment. With easy to follow graphics that take you from start to finish and navigation that makes you feel as though you are flipping through a book, they put everything you need to know about fracking in one place. It’s a great way to inspire visitors to react to the information instead of just reading it.

Hydraulic Fracturing interactive infographic

Luke Clum Luke Clum is a graphic designer from Seattle who specializes in print and web development. He loves coffee, hiking and alpine climbing in the mountains. Follow him on Twitter @lukeclum

Posted in General Graphic Design, Guest Blogger, Web Design | Tagged , , , | Comments closed

10 Inspiring Printed Designs

A guest post by Paul Kilminster who has worked in the printing industry for several years and has seen how the industry has evolved to meet the challenges of digital marketing. He is currently the Technical Services Director for Print and Digital Associates.

From full-on works of art to professional business cards, print is an incredibly versatile medium. Since we know you can’t get enough of looking at beautiful designs, we’ve found ten fabulous examples of striking and innovative prints for you to enjoy. Check them out below!

1. Lumadessa – Night Owl

1. lumadessa - night owl

The simple geometric design of this stunning owl illustration really catches the eye. The use of colour to suggest shadow gives a three-dimensional effect, bringing the owl to life despite the highly stylised nature of the image.

2. A Single Man

2. a single man

This striking film poster may look simple, but it’s amazing how evocative a design with so few elements can be. The positioning of the glasses and tie make it look as though they are being worn by an invisible man, while the combination of colours suggests sadness and loneliness.

3. Paris Traveler Series

3. paris traveler series

We love the play on perspective in this poster. It adds an element of fun and really gives you the feeling of sitting outside a Paris cafe. The merging of the champagne bubbles with the stars in the sky is the finishing touch in bringing both elements of the design together.

4. Superhero Noir Posters – Dark Knight

4. superhero noir posters

A world away from the usual bright colours associated with comic-book inspired art, the use of silhouette in this poster makes for a sophisticated twist on the theme.

5. Seed Vibe (Business Card)

5 - SeedVibe

These business cards give a holistic, refined impression. An ingenious idea combining the simple white text against a resplendent, strong green background; these cards would be perfect for a savant or sophisticated business.

6. JS3 Design (Business Card)

6 - JS3 Design

Another creative business card idea, the vibrant colours are made substantially more noticeable as they contrast with the staunch black backdrop. The trio of colours on the front of the card offers simplicity but is still inspiring. These business card are ideal for an inventive company and would be sure to intrigue your clients.

7. Behance Poster

7 - Behance

Vivid, explosive colours and graceful designs make this poster a beautiful piece, the overlap across the white diamond gives the impression that it is a 3D poster; the thick white line of the diamond also centres your focus due to the variation in colour. The detail in this design is uplifting and makes for an eye catching bit of art.

8. Verbana (Business Card)

8 - Deskfolio

This cute business card idea is deceptively simple. We love the way the design is replicated on the reverse of the card, subtly inviting you to turn it over and see the contact details. The reversal of the pink and white colours finishes the design off nicely.

9. Cuben – Colour Shambles

9. cuben - colour shambles

Many of the designs we’ve chosen feature just two or three colours that enhance the striking simplicity of the design. This poster, on the other hand, is a glorious riot of colour, and it works just as effectively. Celebrating the cube, the colours draw in your eye and add elements of depth. The longer you look, the more cubes you see.

10. Literature Quote Illustrations – I became insane with long intervals of horrible sanity.

10 - literature quote (Edgar Allan Poe)

The simple but striking monochrome design of this poster beautifully illustrates the quote from poet Edgar Allan Poe. By waking up to this poster every morning you’re sure to have an interesting day ahead!

That’s the end of our list. We hope you enjoyed discovering these stunning examples of printed design as much as we did!

 

Posted in General Graphic Design, Guest Blogger | Tagged , , | Comments closed

Enter to WIN project management software for creatives

planning pod project management software

We are giving away a 1-year subscription to Planning Pod, the online business and project management software app built for designers and creative firms.

Tired of juggling dozens of software apps to manage all your business details?

Want a better way to manage all your to-do’s, files, invoices, proposals, legal contracts, timesheets, contacts, leads and more?

Planning Pod gives you all the tools you need to run your design business in one convenient place.

And since it’s built by creatives, for creatives, it’s got a flair for design and lets you customize your account to reflect your brand look-and-feel. So not only does Planning Pod make it easier to collaborate with clients and cut down on your busywork, it also gives you another way to expose your brand to clients and prospects.

Check out Planning Pod’s project management software app here.

To enroll in the contest, just leave a comment below and provide one way in which you would like to be more productive or efficient as a designer.

Closing date for entry July 15th 2013.

The winner will be announced on July 19 2013.

Posted in Competitions, Freelance Graphic Design | Comments closed