Thousands of today’s websites share a very similar look and feel. Apart from unique logos and color schemes, many of these “standard” websites are largely indistinguishable from their peers. Because of the uniformity found on the web, adding some illustrated elements to your design is a great opportunity make it stand out from the crowd. Today, I’d like to share with you ten unique, fantastic websites that incorporate illustrated images into the design. Some do this with simple PNG and JPEG files, while others use Flash in order to make the page interactive. I hope you enjoy the list.
This is one of the most original personal websites I have ever seen. Every area of the website can be viewed by interacting with the objects on the home page. Alternatively, you can navigate the site by clicking on the AB logo at the top left corner of the design to make a traditional navigation menu appear. From the clock on the wall that tells the actual time to the music player that lets you play around with beats and sounds, Alex Buga’s website is a fun website to visit and a great example of what he can do.
Arguably the cutest website on the web, Meomi has an interactive design that will make anyone smile. Whenever you scroll over the outside of the design (that is powered by Flash), something happens. For example, the little animal on the right side of the page will play his banjo, and the nearby piano will play piano music.
At the bottom of the Pieoneers design is an illustrated ice cream character smiling on the moon while sitting aboard a spaceship with a fruit-filled pie on top. I have no idea what the connection is between space and ice cream, but the design highly creative and definitely unique.
The Great Bearded Reef is a sharp design that was created for the self-proclaimed “bearded one” Josh Willis in order to apply for the position of “Island Caretaker” in Australia.
Hugs For Monsters is the homepage of designer and illustrator Joe Lifrier. The top of each page has a unique colorful drawing that showcases his unique style of illustrations.
Deborah Cavenaugh’s homepage looks more like a painting than a web design. The colorful aspects blend into the content area, most notably with the painted search button in the top right corner.
A fantastic illustration of three designers sitting under a pear tree.
A hilarious website that looks at the many faces of Lenonardo Dicaprio, the Goonies, John Cusack, and Alan Rickman. Each section contains a large illustration in the header, as well as illustrated images throughout the content area.
The K4 Lab website has been featured on many design lists over the last few years (and rightly so). It remains as a great example of how Flash can complement a website design rather than hinder it.
Platin features a colorful, interactive Flash-based illustration that was used to promote a new apartment block. The transitions from one section to another are beautiful.
Which illustrated design is your favorite? Do you think it’s generally better to have an unconventional design, or do you think most projects are better suited for more standard, familiar layouts? Would you design a creative layout with Flash, or would you favor other technologies?
Photoshop for Web Design
Introduction to Photoshop
Next Steps in Foundation
Jump Start Sketch
The Guide To Wireframing
The Ultimate Guide to Prototyping
- 1 Using White Space: How Emptiness Can Give So Much to Design
- 2 5 Things Every Designer Needs to Know About Conversational UIs
- 3 How to Design a Daring but Effective Split-Screen Layout
- 4 8 Distinctive Headline Fonts to Make Your Content Sizzle
- 5 The Trolley Problem: Will Our Cars Grow up to Be Heroes?