{"id":26207,"date":"2016-03-16T23:01:59","date_gmt":"2016-03-16T15:01:59","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=26207"},"modified":"2023-04-06T19:19:56","modified_gmt":"2023-04-06T11:19:56","slug":"bold-beautiful-illustrated-websites","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/","title":{"rendered":"40 Stunning Illustrated Websites for Inspiration"},"content":{"rendered":"<p>Illustrations add character and liveliness to your site. <strong>Colors, caricatures and creativity<\/strong> translated into <a href=\"https:\/\/www.hongkiat.com\/blog\/illustration-in-web-design-30-inspirational-examples\/\">bold illustrations<\/a> can change a user\u2019s impression of your website and of course impact your visitors in multiple ways. Illustrations can also turn your website into <strong>something truly unique<\/strong>, and let you use it as a platform to <strong>launch your personal branding<\/strong>.<\/p>\n<p>In this list, we\u2019re going to share with you 40 boldly illustrated creative websites featuring detailed cartoons, wonderfully drawn characters, and interesting flat elements. Some of the designs shown here trigger animations and other effects upon <a href=\"https:\/\/www.hongkiat.com\/blog\/web-design-scrolling\/\">the scrolling event<\/a>. So do try to visit these sites to get the full experience.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/illustration-in-web-design-30-inspirational-examples\/\" class=\"ref-block__link\" title=\"Read More: 30 Inspirational Examples of Illustration in Web Design\" rel=\"bookmark\"><span class=\"screen-reader-text\">30 Inspirational Examples of Illustration in Web Design<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/illustration-in-web-design-30-inspirational-examples.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-15910 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/illustration-in-web-design-30-inspirational-examples.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">30 Inspirational Examples of Illustration in Web Design<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tDiscover 30 inspiring examples of how illustrations can enhance web design. Transform your website's look and feel with...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3>neotokio!<\/h3>\n<p>Neotokio! is an Italian design agency focusing on interactive design and communication. This website is a \u2018summer edition\u2019 showcasing creative scrolling combined with boldly changing ice cream illustrations. Scroll down to see what I mean.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/1-boldly-illustrated-websites.jpg\" alt=\"neotokio\" width=\"700\" height=\"452\"><\/figure>\n<h3><a href=\"https:\/\/www.booksatwork.org\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Book@Work<\/a><\/h3>\n<p>Books@Work provides literature seminars at the workplace. I like moving illustrations triggered by mouseovers that you can find on their website. Books may be static, but this site design isn\u2019t.<\/p>\n<figure><a href=\"https:\/\/www.booksatwork.org\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/2-boldly-illustrated-websites.jpg\" alt=\"Books at Work\" width=\"700\" height=\"452\"><\/a><\/figure>\n<h3>Denise Chandler<\/h3>\n<p>This is the website of freelance designer Denise. I love the octopus limbs that appear on the home page, which show a distinct combination of photography and illustration. Truly design skills that stand out from the crowd.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/3-boldly-illustrated-websites.jpg\" alt=\"Denise Chandler\" width=\"700\" height=\"451\"><\/figure>\n<h3>Major Savage<\/h3>\n<p>This is a portfolio for freelance UI \/ UX designer and illustrator Major Savage. Each part of this website is full of creative interactive illustrations.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/4-boldly-illustrated-websites.jpg\" alt=\"Major Savage\" width=\"800\" height=\"469\"><\/figure>\n<h3><a href=\"https:\/\/stuffandnonsense.co.uk\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Stuff and Nonsense<\/a><\/h3>\n<p>This is a website of Stuff & Nonsense, one of the best-known web design studios in the UK. The home page features their favorite advertising illustration, DDB\u2019s chimpanzee campaign for PG Tips tea.<\/p>\n<figure><a href=\"https:\/\/stuffandnonsense.co.uk\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/5-boldly-illustrated-websites.jpg\" alt=\"Stuff & Nonsense\" width=\"700\" height=\"390\"><\/a><\/figure>\n<h3>Wrist<\/h3>\n<p>A bi-weekly illustrative website by Matt Johnston where new and old watches come to life. All the watches here display your local time (in real-time too).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/6-boldly-illustrated-websites.jpg\" alt=\"Wrist\" width=\"856\" height=\"576\"><\/figure>\n<h3>CARAMEL BUDGIE<\/h3>\n<p>It\u2019s a clean, responsive, flat <a href=\"https:\/\/www.hongkiat.com\/blog\/single-page-web-design\/\">single-page portfolio<\/a> for Antonia (Ani) Powers aka Caramel Budgie. The homepage even looks great enough to turn into a desktop wallpaper.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/7-boldly-illustrated-websites.jpg\" alt=\"Caramel Budgie\" width=\"700\" height=\"446\"><\/figure>\n<h3><a href=\"https:\/\/thinkpixellab.com\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Pixel Lab<\/a><\/h3>\n<p>A design and development studio based in Seattle, Pixel Lab\u2019s website features a \"Us at Work\" illustration void of color on a blue background. Funny how something without color can still grab your attention.<\/p>\n<figure><a href=\"https:\/\/thinkpixellab.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/8-boldly-illustrated-websites.jpg\" alt=\"Pixel lab\" width=\"700\" height=\"445\"><\/a><\/figure>\n<h3>Yep!<\/h3>\n<p>A colorful site design by a Ukrainian company, Yep! plays around with colors and simple illustrations to show you how their instant meetings app work.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/9-boldly-illustrated-websites.jpg\" alt=\"Yep!\" width=\"700\" height=\"446\"><\/figure>\n<h3>Make Your Money Matter<\/h3>\n<p>The website highlights the positive social impact that credit unions make. An interactive website experience that showcases the journey of a typical deposit through big banks vs. credit unions. Start scrolling to see the action happen.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/10-boldly-illustrated-websites.jpg\" alt=\"Make Your Money Matter\" width=\"700\" height=\"443\"><\/figure>\n<h3><a href=\"https:\/\/slaveryfootprint.org\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Slavery Footprint<\/a><\/h3>\n<p>A survey designed to raise awareness about slavery in the supply chain of many products. The site lets you to track how many slaves work for you based on your lifestyle.<\/p>\n<figure><a href=\"https:\/\/slaveryfootprint.org\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/11-boldly-illustrated-websites.jpg\" alt=\"Slavery Footprint\" width=\"700\" height=\"446\"><\/a><\/figure>\n<h3><a href=\"https:\/\/www.nerisson.fr\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Nerisson<\/a><\/h3>\n<p>Nerisson by Jimmy Raheriarisoa is a french art director specializing in design and illustration.<\/p>\n<figure><a href=\"https:\/\/www.nerisson.fr\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/12-boldly-illustrated-websites.jpg\" alt=\"Nerisson\" width=\"700\" height=\"435\"><\/a><\/figure>\n<h3>Reverend Danger<\/h3>\n<p>This is the company portfolio for Reverend Danger. Scrolling triggers pop-up animations, which are created with  CSS3 with jQuery fallback.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/13-boldly-illustrated-websites.jpg\" alt=\"Reverend Danger\" width=\"948\" height=\"526\"><\/figure>\n<h3><a href=\"https:\/\/www.malikafavre.com\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Malika Favre<\/a><\/h3>\n<p>Malika Favre is a French artist based in London. Her bold, minimal style of illustrations is often described as Pop Art meets OpArt.<\/p>\n<figure><a href=\"https:\/\/www.malikafavre.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/14-boldly-illustrated-websites.jpg\" alt=\"Malika Favre\" width=\"700\" height=\"446\"><\/a><\/figure>\n<h3><a href=\"http:\/\/www.danieldiggle.com\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">daniel j diggle<\/a><\/h3>\n<p>Daniel James Diggle is a freelance designer, illustrator, and animator currently living and working in London, England. His website reflects his style and creativity.<\/p>\n<figure><a href=\"http:\/\/www.danieldiggle.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/15-boldly-illustrated-websites.jpg\" alt=\"Daniel Diggle\" width=\"700\" height=\"445\"><\/a><\/figure>\n<h3><a href=\"https:\/\/www.amplifon.com\/uk\/interactive-ear\/index.html\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">The Interactive Ear<\/a><\/h3>\n<p>A great teaching site from Amplifon. The interactive ear shows the journey of sound along with anatomical features of the human ear.<\/p>\n<figure><a href=\"https:\/\/www.amplifon.com\/uk\/interactive-ear\/index.html\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/16-boldly-illustrated-websites.jpg\" alt=\"Amplifon\" width=\"700\" height=\"444\"><\/a><\/figure>\n<h3>Super Sync Sports<\/h3>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\/chrome-super-sync\/\">Chrome Super Sync Sport<\/a> is a  Chrome Experiment that allows you to sync your mobile devices to your computer and make a ginger, mustached athlete run, cycle and swim.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/17-boldly-illustrated-websites.jpg\" alt=\"Super Sync Sports\" width=\"700\" height=\"444\"><\/figure>\n<h3>Alkopedia<\/h3>\n<p>Alkopedia is an interactive tool where teens can learn more about alcohol and its effects. The site offers nine animated questions for reflection and discussion.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/18-boldly-illustrated-websites.jpg\" alt=\"Alkopedia\" width=\"700\" height=\"443\"><\/figure>\n<h3><a href=\"https:\/\/intromusique.ca\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Intro Musique Emergente<\/a><\/h3>\n<p>This non-profit website is aimed to promote exchanges between artists to break the isolation of artists in the practice of their art. The large musical equipment in the background move as you scroll down the page.<\/p>\n<figure><a href=\"https:\/\/intromusique.ca\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/19-boldly-illustrated-websites.jpg\" alt=\"Intro Musique\" width=\"700\" height=\"445\"><\/a><\/figure>\n<h3><a href=\"http:\/\/inspacewetrust.org\/en\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">In Space We Trust<\/a><\/h3>\n<p>\u2018In Space, We Trust\u2019 is made as an art project to teach visitors about space travel. It\u2019s made as a timeline with creative illustrations and sounds to set up the explorative mood.<\/p>\n<figure><a href=\"http:\/\/inspacewetrust.org\/en\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/20-boldly-illustrated-websites.jpg\" alt=\"In Space We Trust\" width=\"700\" height=\"444\"><\/a><\/figure>\n<h3>Doudou Blues<\/h3>\n<p>Doudou Blues is a musical tale that portrays the adventures of Yuma, the blanket Stella lost. I like the way the illustration changes here as you scroll down. <a href=\"https:\/\/www.hongkiat.com\/blog\/digital-story-telling-tools\/\">Storytelling<\/a> gets a UX remake in this example.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/21-boldly-illustrated-websites.jpg\" alt=\"Dou Dou Blues\" width=\"700\" height=\"444\"><\/figure>\n<h3><a href=\"https:\/\/fleximize.com\/mission\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Fleximize<\/a><\/h3>\n<p>Fleximize, the website, is a playful experience based on SVG animation and illustrations. Through three different but interrelated, smoothly animated stories, users can access a smart way to ask for a loan.<\/p>\n<figure><a href=\"https:\/\/fleximize.com\/mission\/\" rel=\"nofollow\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/22-boldly-illustrated-websites.jpg\" alt=\"fleximize\" width=\"700\" height=\"444\"><\/a><\/figure>\n<h3>Tati Express<\/h3>\n<p>This creative illustrated website is dedicated to the movie <em>Tati Express<\/em>. It shows how modernity impacts human beings and goes through that amazing body of work at 100 mph.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/23-boldly-illustrated-websites.jpg\" alt=\"tati express\" width=\"700\" height=\"443\"><\/figure>\n<h3>drawabetter2016<\/h3>\n<p>Drawabetter2016 is a charitable project designed to motivate and inspire you throughout the year. It shares one motivational quote and an inspirational character each day.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/25-boldly-illustrated-websites.jpg\" alt=\"Draw Better 2016\" width=\"700\" height=\"446\"><\/figure>\n<h3>Spare Time<\/h3>\n<p>I love this website! It calculates how much your spare time is worth based on how you value time and answer a few questions in a fun visual survey. There is a reason for this which will be revealed in the end.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/26-boldly-illustrated-websites.jpg\" alt=\"Spare Time\" width=\"700\" height=\"445\"><\/figure>\n<h3>How Fight<\/h3>\n<p>This website is created by a person who has beaten cancer twice. It shows 35,689 ways to fight cancer and it\u2019s aimed to help people cheer up. The site is full of watercolor drawings of random items.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/27-boldly-illustrated-websites.jpg\" alt=\"How I Fight\" width=\"700\" height=\"447\"><\/figure>\n<h3>Chekhov with Google<\/h3>\n<p>This site is an online character quiz (and audition) with 28 custom illustrations of Anton Chekhov\u2019s classic character archetypes. All of them are wrapped in a playful material design execution.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/28-boldly-illustrated-websites.jpg\" alt=\"Chekhov with Google\" width=\"700\" height=\"443\"><\/figure>\n<h3>New Snoopytizer<\/h3>\n<p>In celebration of the March 8 release of <em>The Peanuts Movie<\/em> on Blu-ray and DVD, you can now give your own furry friend a digital makeover in the style of Charlie Brown\u2019s canine companion.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/29-boldly-illustrated-websites.jpg\" alt=\"Peanutizeme\" width=\"700\" height=\"444\"><\/figure>\n<h3><a href=\"https:\/\/keepearthquakesweird.com\/\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Keep Portland Weird<\/a><\/h3>\n<p>\u201cKeep Portland Weird\u201d is a popular slogan that appears on bumper stickers, signs, and public buildings throughout Portland, Oregon and its surrounding metro area. The strikingly drawn website was created by a team of interns just for fun.<\/p>\n<figure><a href=\"https:\/\/keepearthquakesweird.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/30-boldly-illustrated-websites.jpg\" alt=\"Keep Portland Weird\" width=\"700\" height=\"444\"><\/a><\/figure>\n<h3>Mcwhopper<\/h3>\n<p>This website is dedicated to McWhopper which is a mix of McDonald\u2019s Big Mac and Burger King\u2019s Whopper. You\u2019ll find yourself scrolling down as quickly as possible, just see the action in the background.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/31-boldly-illustrated-websites.jpg\" alt=\"McWhopper\" width=\"700\" height=\"445\"><\/figure>\n<h3>Tuck Effect<\/h3>\n<p>Want to know the secret to more friends, dates and income? It\u2019s called the Tuck Effect \u2013 tuck your shirt, change your life. Discover the monumental new study from Fruit of the Loom.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/32-boldly-illustrated-websites.jpg\" alt=\"Tuck Effect\" width=\"700\" height=\"446\"><\/figure>\n<h3>Dreamcar Collection<\/h3>\n<p>Dreamcar collection is showcasing  dream cars of children from all over the globe. The campaign features 93 unique cars from 81 countries and regions which took part in the contest from Toyota.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/33-boldly-illustrated-websites.jpg\" alt=\"Dream Car Collection\" width=\"700\" height=\"444\"><\/figure>\n<h3><a href=\"http:\/\/ilovethisfame.com\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">I Love This Fame<\/a><\/h3>\n<p>It\u2019s a non-profit project aimed to promote the love for basketball among kids. You can choose a player and start shooting for the hoop with your mouse.<\/p>\n<figure><a href=\"http:\/\/ilovethisfame.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/34-boldly-illustrated-websites.jpg\" alt=\"I Love This Fame\" width=\"700\" height=\"442\"><\/a><\/figure>\n<h3><a href=\"https:\/\/spacelamb.12wave.com\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">Spacelamb<\/a><\/h3>\n<p>Spacelamb is a creative online game. You can help Bishop the Lamb get back to Earth safely and unharmed after  a long and beautifully drawn trip through the Universe!<\/p>\n<figure><a href=\"https:\/\/spacelamb.12wave.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/35-boldly-illustrated-websites.jpg\" alt=\"SpaceLamb\" width=\"700\" height=\"442\"><\/a><\/figure>\n<h3><a href=\"https:\/\/historyoficons.com\" rel=\"nofollow noopener noreferrer\" target=\"_blank\">History of Icons<\/a><\/h3>\n<p>You have seen an interactive infographic like this one. Here\u2019s a visual brief on icon history through different graphical user interfaces from different operating systems. The color choices fit surprisingly well with the illustrations.<\/p>\n<figure><a href=\"https:\/\/historyoficons.com\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/36-boldly-illustrated-websites.jpg\" alt=\"History of Icons\" width=\"700\" height=\"445\"><\/a><\/figure>\n<h3>Ice & Sky<\/h3>\n<p>Wild-Touch and Luc Jacquet invite you to share this unprecedented epic to better understand the incredible phenomena that affect us all. Through this study of Antarctic ice you\u2019ll see the impact of human on nature and why it is important for us to start acting now to prevent further effects.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/37-boldly-illustrated-websites.jpg\" alt=\"Ice and Sky\" width=\"700\" height=\"446\"><\/figure>\n<h3>ALI Kaffe<\/h3>\n<p>This website allows you to create the new official Ali Coffee song. Pick from the genre you like and start making your tunes. I love the illustrations  and colors used here.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/38-boldly-illustrated-websites.jpg\" alt=\"Gruffify\" width=\"700\" height=\"445\"><\/figure>\n<h3>For Better Coffee<\/h3>\n<p>Here are 5 essential rules to make better coffee. The scrolling effect here takes you through the \"journey\" of coffee beans from plant to cup.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/39-boldly-illustrated-websites.jpg\" alt=\"for better coffee\" width=\"700\" height=\"445\"><\/figure>\n<h3>Hell\u2019o Baby<\/h3>\n<p>This website allows you to create an interactive album for your baby with additional services, such as measurements, stickers, video stories, printed albums, postcards.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/40-boldly-illustrated-websites.jpg\" alt=\"hello baby\" width=\"700\" height=\"444\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>Illustrations add character and liveliness to your site. Colors, caricatures and creativity translated into bold illustrations can change a user\u2019s impression of your website and of course impact your visitors in multiple ways. Illustrations can also turn your website into something truly unique, and let you use it as a platform to launch your personal&hellip;<\/p>\n","protected":false},"author":124,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[352],"tags":[],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>40 Bold &amp; Beautiful Illustrated Websites For Your Inspiration<\/title>\n<meta name=\"description\" content=\"Illustrations add character and liveliness to your site. Colors, caricatures and creativity translated into bold illustrations can change a user&#039;s\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"40 Stunning Illustrated Websites for Inspiration\" \/>\n<meta property=\"og:description\" content=\"Illustrations add character and liveliness to your site. Colors, caricatures and creativity translated into bold illustrations can change a user&#039;s\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-16T15:01:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T11:19:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/1-boldly-illustrated-websites.jpg\" \/>\n<meta name=\"author\" content=\"Nancy Young\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nancy Young\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/\"},\"author\":{\"name\":\"Nancy Young\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\"},\"headline\":\"40 Stunning Illustrated Websites for Inspiration\",\"datePublished\":\"2016-03-16T15:01:59+00:00\",\"dateModified\":\"2023-04-06T11:19:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/\"},\"wordCount\":1402,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/bold-beautiful-illustrated-websites\\\/1-boldly-illustrated-websites.jpg\",\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/\",\"name\":\"40 Bold & Beautiful Illustrated Websites For Your Inspiration\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/bold-beautiful-illustrated-websites\\\/1-boldly-illustrated-websites.jpg\",\"datePublished\":\"2016-03-16T15:01:59+00:00\",\"dateModified\":\"2023-04-06T11:19:56+00:00\",\"description\":\"Illustrations add character and liveliness to your site. Colors, caricatures and creativity translated into bold illustrations can change a user's\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/bold-beautiful-illustrated-websites\\\/1-boldly-illustrated-websites.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/bold-beautiful-illustrated-websites\\\/1-boldly-illustrated-websites.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/bold-beautiful-illustrated-websites\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"40 Stunning Illustrated Websites for Inspiration\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\",\"name\":\"Nancy Young\",\"description\":\"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/nancy_young\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"40 Bold & Beautiful Illustrated Websites For Your Inspiration","description":"Illustrations add character and liveliness to your site. Colors, caricatures and creativity translated into bold illustrations can change a user's","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/","og_locale":"en_US","og_type":"article","og_title":"40 Stunning Illustrated Websites for Inspiration","og_description":"Illustrations add character and liveliness to your site. Colors, caricatures and creativity translated into bold illustrations can change a user's","og_url":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-03-16T15:01:59+00:00","article_modified_time":"2023-04-06T11:19:56+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/1-boldly-illustrated-websites.jpg","type":"","width":"","height":""}],"author":"Nancy Young","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Nancy Young","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/"},"author":{"name":"Nancy Young","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32"},"headline":"40 Stunning Illustrated Websites for Inspiration","datePublished":"2016-03-16T15:01:59+00:00","dateModified":"2023-04-06T11:19:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/"},"wordCount":1402,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/1-boldly-illustrated-websites.jpg","articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/","url":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/","name":"40 Bold & Beautiful Illustrated Websites For Your Inspiration","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/1-boldly-illustrated-websites.jpg","datePublished":"2016-03-16T15:01:59+00:00","dateModified":"2023-04-06T11:19:56+00:00","description":"Illustrations add character and liveliness to your site. Colors, caricatures and creativity translated into bold illustrations can change a user's","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/1-boldly-illustrated-websites.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/bold-beautiful-illustrated-websites\/1-boldly-illustrated-websites.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/bold-beautiful-illustrated-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"40 Stunning Illustrated Websites for Inspiration"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32","name":"Nancy Young","description":"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.","url":"https:\/\/www.hongkiat.com\/blog\/author\/nancy_young\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-6OH","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=26207"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26207\/revisions"}],"predecessor-version":[{"id":66006,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26207\/revisions\/66006"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=26207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=26207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=26207"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=26207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}