{"id":2255,"date":"2021-05-03T10:21:06","date_gmt":"2021-05-03T14:21:06","guid":{"rendered":"https:\/\/simplifiedblog.wpengine.com\/?p=2255"},"modified":"2024-04-25T06:26:06","modified_gmt":"2024-04-25T10:26:06","slug":"10-ways-to-use-doodle-art-in-web-design","status":"publish","type":"post","link":"https:\/\/simplified.com\/blog\/design\/10-ways-to-use-doodle-art-in-web-design","title":{"rendered":"10 Ways To Use Doodle Art In Web Design"},"content":{"rendered":"\n

Who didn’t love drawing doodles in the margins of our notebooks back in school? Smiley faces, hearts, the names of our crushes – the list was endless and so were our memories. But what sets apart professional doodle art from these notebook creations is their innovative ability to transform what’s peculiar and creative into successful branding, merging artistry with graphic design<\/a> expertise.<\/p>\n\n\n\n

As a child, the notebook was our canvas for doodle art, but now, your website is your canvas!<\/p>\n\n\n\n

In this blog, we’re going to show you ten of the most stunning web designs with doodle art!<\/p>\n\n\n\n

<\/span>#1: Kinetic<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: Kinetic<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Kinetic tops our doodle art list! This website for a creative design<\/a> company based out of Singapore features stellar graphics, animation, and even sound effects! The energy of this award-winning web design will make your heart pound from the second your cursor lands on it, literally!<\/p>\n\n\n\n

<\/span>#2: Familia Tipo<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: Familia Tipo<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Familia Tipo has a website homepage that serves us quaint doodle art, with a side of Cabernet. The website for this Argentinian wine company is both playful and simple.<\/p>\n\n\n\n

And the best part? Interactive UI allows online doodle art to go from black and white to color, with just a hover of your mouse! Check out Familia Tipo’s website to see this in action!<\/p>\n\n\n\n

<\/span>#3: Fixate<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: Fixate<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Fixate’s colorful web design is here to remind us that doodle art doesn’t have to be limited to black and white. They specialize in UX design, web design, and app development, so using such bright doodle art on their website is an advertisement in and of itself!<\/p>\n\n\n\n

Bonus: How To Do The Beer Poster Trend On TikTok<\/a><\/strong><\/p>\n\n\n\n

<\/span>#4: Art Attackk<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: Art Attackk<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

As their name suggests, Art Attackk’s website packs a major artistic punch! Their animations, fonts, and interactive UI that blends doodle art with images leave no room for doubt about how skilled this Delhi-based web designing company is.<\/p>\n\n\n\n

<\/span>#5: The Sum<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: The Sum<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

From the second you look at The Sum’s homepage, you’ll be mesmerized by the delicate details of their cloud-doodle. It hovers on the perfect amount of negative space, creating an ominous effect for their audience! This is a great example of less is more; just the detail on that cloud tells us that their team will work meticulously on any design work you hire them for!<\/p>\n\n\n\n

<\/span>#6: My Dirty Desk<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: My Dirty Desk<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Bonus: 10 Best Kinetic Typography Examples<\/a><\/strong><\/p>\n\n\n\n

In her own words, Malgosia (a graphic designer from My Dirty Desk) turns chaos into art! The seamless doodle behind her geometric web design is the best example of how to balance chaos with artistic discipline.<\/p>\n\n\n\n

<\/span>#7: Mony’s Tacos<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: Mony’s Tacos<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Everything about the Mony’s Tacos website is authentic Mexican desert energy – cactuses, tacos, jalape\u00f1os, limes, chameleons, and a map-like trail. Scroll to the bottom of their webpage for an animated surprise!<\/p>\n\n\n\n

<\/span>#8: Retour \u00e0 Zero<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: Retour \u00e0 zero<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

This website for the Retour \u00e0 Zero comic book features the iconic cover of the book front and center. Their animated landing page has ironically landed in space – with microorganisms and objects flying about!<\/p>\n\n\n\n

<\/span>#9: 4 Pines Beer<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: 4 Pines Beer<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Bonus: Your Simplified Guide To A Minimalist Web Design<\/a><\/strong><\/p>\n\n\n\n

4 Pines beer takes us on a road trip with doodle characters and pints of cold beer; that’s all we need for the summer! Their vibrant artwork and carefully curated color palette<\/a> perfectly complement their black web interface and hand-lettered typography, creating an immersive experience that’s as refreshing as their brews.<\/p>\n\n\n\n

<\/span>#10: Szende Brassai<\/strong><\/span><\/h2>\n\n\n
\n
\"\"
Source: Szende Brassai<\/a><\/figcaption><\/figure>\n<\/div>\n\n\n

Interested in folk themes and art? Szende Brassai’s website serves you both in a mystical-Transylvanian web design filled with stunning doodle art! The best doodles are ones that come from a place that’s authentic to your culture and identity.<\/p>\n\n\n\n

Simplified Design Tip:<\/strong> Feeling inspired to make your own doodle art online? Try uploading a rough sketch with a transparent background<\/a>. Then upload a photo behind the doodle, to turn an ordinary photo into doodle art, right from your Simplified workspace!<\/p>\n\n\n\n