Web Roundups

Inspiration: Character Illustrations in Website Design


The use of character illustration in web design is a great and easy way to increase the amount of visual appeal your website has. Not only does it brighten things up and make your site a bit more captivating, but it also, if pulled off well, helps your visitors remember your design (and therefore your website). Although your website's content is extremely important, a beautiful and engaging design helps to bring everything together.

Below, we have a beautiful selection of web designs that make use of character illustration - from design blogs, to agencies, search engines, to internet applications, and even candy brand websites, to food nutrition repositories.


DesignGiveaways uses a hand-drawn style vector illustration of the website's masters to jazz up their minimalistic design and add a splash of color. It adds a personal touch to the overall site, and makes it more welcoming to new visitors.

Ewout Van Lambalgen


Silverback uses a detailed and quite adorable vector graphic of a gorilla to spice up their website aesthetics, and uses the character as a mascot, making it incredibly easy for users to link the character to the application and website.



The three-dimensional approach to the Krolikov web design is brough to life with a cheeky and full-of-life rabbit illustration in the top left of the design. Like Silverback (above), the character is used like a mascot.

Moshi Monsters


Another design that uses a character illustration not only to brighten up their design and to make it more appealing, but to also act as an easily recognizable mascot for their website/product.


Kung Fu Productora

This minimalistic and simplistic design is simply brought to life by using a character illustration; although the character itself is very minimal, too. It adds color, brings the best out of the headings, and is just cute!

Ignaty Nikulin


Sixonefive uses a character illustration to back-up its tagline "Madness, Chaos & Creation" by using a mad-looking scientist with blue hair. The character is also used next to the website's header/logo, helping the character to represent the site.

Joseph Payton

The Color Cure

The Color Cure is a highly-illustrated design, using vector-style images in the background, and a colorful palette to represent different services that they offer. The illustrations top the design off, filling some empty space and allowing a good way to ask possible clients to send them an email by the use of a speech bubble.


Sean Halpin

Sean Halpin is a colorful but fairly simplistic design that makes use of a simple character illustration to engage with new visitors as a way to introduce whose portfolio they are looking at.


PSD Rockstar

PSD Rockstar is highly textured and quite a "grungy" design. Using a clean-cut character illustration in the header spreads things out a little and makes the site more appealing and friendly.



Fatburgr is one of my favorites in this showcase, mainly because its mascot-style character illustration suggests what the site is about, puts a smile on your face and automatically makes for a friendly and calm environment.


Think Orange

As well as being hilarious, the two simple but equally mind-blowing character illustrations on Think Orange's minimal design fill the white space, and set a good standard for the rest of the site.



When it comes to character illustration, aliens and monsters are a big hit, although we don't see as much of them as most of us would like to when it comes to web design. Cyclops pulls off this monster illustration tremendously well and, as well as brightening up the site, acts as a great mascot.

Elitist Snob

Mail Chimp

The Mail Chimp character mascot illustration is one most of you have probably seen before, whether you use their service, have seen their site in other showcases, or have seen the adorable chimp illustration plastered on advertisements all over the web. It's perfect, and is enough to make anyone smile!

M&M's China

Old Loft

Old Loft uses various character illustrations, and helps represent their slogan "let's work together"; after all it isn't every day we see an elephant, crocodile, rabbit, lion, bear and eagle working together to place a "WWW" flag in the ground!


You Might Also Like...

Related Posts
  • Web Design
    Complete Websites
    Design a Travel Startup Landing Page Using PhotoshopLanding thumb
    In this tutorial I’ll walk you through a process of creating a simple and clean travel startup landing page design. I'll be using Photoshop CS6 to design a professional and lightweight layout combining beautiful imagery and some stylish fonts.Read More…
  • Code
    Strategies For Choosing the Right Premium WordPress Theme for Your Next ProjectPremiumwp
    You have your credit card in hand, and you are ready to buy a beautiful, premium WordPress theme for your next website or blog. But where should you begin? Perhaps a search through Google? Maybe a famous WordPress theme site? Perhaps In this post, I aim to arm you with a few tips that will guide you when choosing a premium theme not only purchase a beautiful theme, but one that will meet your needs.Read More…
  • Web Design
    How to Become a Conversion-Centered DesignerUnbounce
    So you want to be a landing page template designer? You may think you have it easy - after all, landing page templates are just a single page. That’s much easier than designing a full-on website. But the rules of design change quite a bit when building conversion-centered landing pages.Read More…
  • Design & Illustration
    Web Roundups
    The Top 25 Vector Tutorials on Tuts+ in 2013Colorfultextpreview400x400
    2013 has been a great year for vector on Tuts+. Yet again, we've been able to provide you with more amazing, free, scalable content and it's getting better and better each month. So what have been the best posts of the year?Read More…
  • Code
    Interview With Bruce Lawson of OperaBlawsonretina
    There's a perception that being in developer relations for a browser maker is all glamor and glitz involving lots of jet setting and rockstar-like experiences. So far I haven't personally found that to be the case but in looking at the life of Opera evangelist Bruce Lawson, I think he may be fitting that description.Read More…
  • Design & Illustration
    What Exactly is this Japanese Trend Known as "Kawaii" All About?Party400
    Giant eyes, rounded shapes, and simplistic features are hallmarks of one of the cutest forms of art. It's known as "kawaii", coming from the Japanese word for cute, and has been adopted into a subculture that can be found worldwide. Scalable graphics lend themselves perfectly to the style being graphic and bold. Think of Hello Kitty, San-X, and other companies that create those adorable little memo pads or a billion other products to fill up your house. But what makes a piece of art kawaii? And how does the culture of kawaii play into the pieces of art you might create to fit within the genre?Read More…