{"id":11299,"date":"2020-07-23T10:50:03","date_gmt":"2020-07-23T05:20:03","guid":{"rendered":"https:\/\/rezonant.net\/?p=11299"},"modified":"2020-08-06T16:57:35","modified_gmt":"2020-08-06T11:27:35","slug":"why-top-apps-and-websites-are-embracing-illustrations-2","status":"publish","type":"post","link":"https:\/\/rezonant.net\/digital\/why-top-apps-and-websites-are-embracing-illustrations-2\/","title":{"rendered":"Why top apps and websites are embracing illustrations"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t

In a world where consuming digital content is the new normal, good web design is indispensable for building a company\u2019s visual brand. Good web design practices help brands communicate and connect with users. Aesthetics, usability and functionality are some key aspects to deliberate upon when designing a neat looking website. But the thing is, I have been visiting a lot of websites in these past 3 months, and have noticed a recurring characteristic amongst these websites. The characteristic, you may wonder? Illustrations.

There I said it. Like a long lost lover, in a sea of landing pages – my eyes will only search for beautiful illustrations. One might limit themselves to certain types of design if only one of the above mentioned aspects (Aesthetics, usability and functionality) are taken into consideration. Website illustration is that design solution that wraps in all the other aspects in itself.

In my \u2018unbiased\u2019 opinion, Illustrations on company websites often portray the culture behind the brand and its products or services. Although subtle, they may convey the brand\u2019s vision while forming a visual identity that the brand wants to grow in. That identity could be serious, funny or at times even surreal. In all honesty, nobody wants to and has the time to read chunks of copy. They bore people and looking at badly photoshopped images is nothing but tiring.So, let me take you through some examples I found interesting from my recent research I undertook while learning about digital possibilities.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t

Why top apps and \nwebsites are embracing illustrations<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

What do we gain with illustrations?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

The personal touch<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Some memorable\nexperiences<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

A simple \napproach<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

\"More companies are incorporating design into their process, and as the future unfolds, creativity is going to matter.\u201d<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Great illustrations have the ability to solve complex problems within organizations, as they continuously evolve the culture in companies across the globe.<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

These examples just show different ways to foster engagement and how functionality, aesthetics and usability can be found integrated into well thought out illustrations. So don\u2019t be shy to proclaim your love for illustrations when you build your next website. <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Sometimes while copy takes a backseat, illustrations make the point. Atlassian, Animat and Slack are three websites that intend to humanize their brand by showing people in their illustrations. These websites also integrate illustrations both on macro and micro levels, having tiny icons created in the same illustration style<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

My absolute favourite illustrations are those that create a memorable experience for website visitors. Sometimes, these illustrations might not be the primary elements of the design - but they serve their purpose by delivering the brands vision and helping users connect with the product. Zendesk and AtoZ of AI are both great examples of this detail. AtoZ of AI especially uses bold illustrations with funny characters to convey information about tough subjects like AI. <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

I was particularly impressed by the illustrations done by Miro and Mailchimp. The simplicity of the drawings and the rustic looking lines really stood out for me. The muted colours with the grainy textures produced a sense of calm and warmth. <\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t

Ian Spalter, Instagram\nHead of Design<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"branding\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"branding\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"design\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"design\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"design\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"design\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"design\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"design\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\"design\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Great illustrations have the ability to solve complex problems within organizations, as they continuously evolve the culture in companies across the globe.<\/p>\n","protected":false},"author":1,"featured_media":11800,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","spay_email":"","footnotes":""},"categories":[365],"tags":[],"jetpack_featured_media_url":"https:\/\/rezonant.net\/wp-content\/uploads\/2020\/07\/Stick-Figure.jpg","_links":{"self":[{"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/posts\/11299"}],"collection":[{"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/comments?post=11299"}],"version-history":[{"count":0,"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/posts\/11299\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/media\/11800"}],"wp:attachment":[{"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/media?parent=11299"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/categories?post=11299"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rezonant.net\/wp-json\/wp\/v2\/tags?post=11299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}