{"id":50528,"date":"2020-10-08T08:00:35","date_gmt":"2020-10-08T15:00:35","guid":{"rendered":"http:\/\/webdesignledger.com\/?p=50528"},"modified":"2020-10-12T12:40:33","modified_gmt":"2020-10-12T19:40:33","slug":"10-examples-of-responsive-websites-that-show-us-how-to-get-it-right","status":"publish","type":"post","link":"https:\/\/webdesignledger.com\/10-examples-of-responsive-websites-that-show-us-how-to-get-it-right\/","title":{"rendered":"7 Reasons to Use Illustrations on Your Website \u2013 And Examples of How to Do It"},"content":{"rendered":"

If you are encountering problems finding photos for your website, there\u2019s a simple solution you might consider. Use illustrations. The examples in this post will show you various ways to go about doing so<\/p>\n

\"\"

Sound reasonable? If you believe that to be true, when you start building your next website you\u2019re going to have to ask yourself this: \u00a0<\/p>\n

What kind of visual style do you want to use?\u00a0<\/strong><\/p>\n

You don\u2019t have to reject photographs out of hand. That\u2019s not the point. Other options are readily available should you want or need to take advantage of them.<\/p>\n

You might choose to take a more abstract, creative, and illustrative approach. That\u2019s one of the approaches we\u2019ve taken when creating our huge selection of pre-built websites for BeTheme<\/a>; a selection you\u2019ll find to be both informative and inspirational.<\/p>\n

Today, we\u2019re going to present a selection of them along with a number of great websites that have creatively used illustrations as we explore seven good reasons to use illustrations to spice up your websites.<\/p>\n

    \n
  1. When a photograph is unable to fully capture a complicated subject<\/strong><\/li>\n<\/ol>\n

    You may have already discovered that for some brandsit can be terribly difficult if not impossible to find a photo that fully conveys a message as to what that brand is all about or what it does.Taking a photo of you at your keyboard doesn\u2019t necessarily convey the fact that you are a great copywriter (or even a decent typist).<\/p>\n

    The\u00a0BeCopywriter 2<\/a>\u00a0pre-built site shows why an illustrative style can be a much better way to tell your story:\u00a0<\/p>\n

    \"\"

    The design is definitely worth a second look while the text conveys a simple, yet powerful, message.<\/p>\n

    How about looking for a photo that accurately describes what a recycling services company does? Not an easy task.<\/p>\n

    Check out\u00a0WeRecycle<\/a>:\u00a0<\/p>\n

    \"\"

    Clean air, clean water, clean neighborhoods thanks to everyone\u2019s use of blue recycle bags or bins. This image gives a website visitor important insight as to what the company does.\u00a0<\/p>\n

      \n
    1. When a brand has a unique look that requires a similarly unique website design approach<\/strong><\/li>\n<\/ol>\n

      When discussing brands, you\u2019re essentially talking about styles and personalities. One of the challenges owners of a given brand often have lies in finding out how to differentiate it from a competing brand that features a similar style.<\/p>\n

      A brand with a far-out style can be easier to work with, especially for a web designer who enjoys taking on far out design approach. One such a design approach is one that cleverly blends photographs with images, which is how BeTheme\u2019s\u00a0BeFoodTruck<\/a>\u00a0pre-built site handles it:\u00a0<\/p>\n

      \"\"

      As you might expect, the illustrations used are a unique choice for this type of industry, yet a food industry websitewould have a difficult time engaging customers without real photos of food.<\/p>\n

      Handwrytten<\/a>\u00a0uses a similar balance between real photos and attention-getting illustrations:<\/p>\n

      \"\"

      Here, the use of animated illustrations gives the homepage an added twist. It is a good example of a unique concept with a website to match.<\/p>\n

        \n
      1. When a company wants to stand out by breaking with tradition; in this case, photo-strewn sites<\/strong><\/li>\n<\/ol>\n

        Businesses in a given industry can be expected to have websites that are similar in style to other businesses in that industry. A business selling in-person experiences such as travel and hospitality businesses, rely heavily on photos to get their messages across.<\/p>\n

        This is to be expected. If you want your website to stand out among the lookalikes in a given industry, the use of illustrations is a good way to do it.<\/p>\n

        BeJourney 2<\/a> is a case in point:\u00a0<\/p>\n

        \"\"

        This site isn\u2019tcompletely devoid of photos. There are just enough to tell a story that helps to get the message across.<\/p>\n

        The Bateau Mon Paris<\/a>\u00a0boat rental company\u2019s site takes a comparable approach:<\/p>\n

        \"\"

        You can plainly see why this website\u2019s main use of illustrations with its peekaboo photo caneasily engage its visitors.<\/p>\n

          \n
        1. When a new company wants to leverage the style of a brand that consumers already trust<\/strong><\/li>\n<\/ol>\n

          This approach can be somewhat challenging but can also be very effective. If you have a brand-new company your objective would be to create a website style that reminds visitors of a popular established brand.<\/p>\n

          This approach can help to erase any doubts a visitor may have as to whether your product or service is really up to the task. Stripe<\/a>\u2019s website style became a standard that many other software companies entering the same space have sought to emulate:<\/p>\n

          \"\"

          It\u2019s not hard to see why this illustrative style, with its ingenious use of gradients has been copied for years.<\/p>\n

          Our\u00a0BePay 2<\/a>\u00a0site also emulates the trust-building Stripe style; with a unique spin.<\/p>\n

          \"\"

          The blue color is symbolic of trust and stability, and the site design makes a good use of illustrations and mobile application images.<\/p>\n

            \n
          1. When a creator has an interesting story and work worth sharing<\/strong><\/li>\n<\/ol>\n

            Showing photos of themselves or their teams is a practice some web developers and design agencies use to give their sites a personal touch.\u00a0 While it can be nice to see who you might be working with, it\u2019s even nicer to see what they are capable of doing for you.<\/p>\n

            Illustrations tend to be much better at showing what a business can do for its clientsand do so in a more exciting way that a photo can do.<\/p>\n

            The\u00a0BeBand 5<\/a>\u00a0pre-built siteuses illustrations and<\/u> animations to give its site a 1980slook:\u00a0<\/p>\n

            \"\"

            Photos can\u2019t always convey the style of music the band plays. Illustrations on the other hand, can make it relatively easy to do.<\/p>\n

            Artist\u00a0Polly Kole<\/a>\u00a0took this unique approach to building their illustrative website:<\/p>\n

            \"\"

            Besides exhibiting a dramatic look, the site is also interactive. It gives the viewer a sense of actually being there and able to examine works of art up close and personal.<\/p>\n

              \n
            1. When a company is selling a smart app or tool<\/strong><\/li>\n<\/ol>\n

              What a smart app does can\u2019t always be captured in a photo. The experience inside the smart app, tool, or resource is what counts.<\/p>\n

              This experience typically involves a solution to a problem which can in turn require managing a good amount of data. This is where illustrations tend to shine.<\/p>\n

              BeApp 6<\/a>\u00a0cleverly uses data visualizations to get its point across:<\/p>\n

              \"\"

              Swiggy Labs<\/a>\u00a0builds products that solve big problems for consumers. Its site uses illustrations rather than a series of screenshots to show how these problems are solved:\u00a0<\/p>\n

              \"\"

              Drag the \u201cSwiggy It\u201d toggle to the right and you\u2019re sure to agree that this is much more than photos or screenshots.<\/p>\n

                \n
              1. When a brand\u2019s target audience is children or, in many cases, their parents<\/strong><\/li>\n<\/ol>\n

                Employing an illustrative style is a no-brainer since that children love cartoons and games (parents do too for that matter).<\/p>\n

                Add the fact that illustrations can be used to simplify an otherwise complex subject, like learning a language, and it\u2019s not hard to see why their use can be so effective.<\/p>\n

                BeLanguage 3<\/a>\u00a0is a language learning website:<\/p>\n

                \"\"

                You don\u2019t need to understand Italian or Japanese to understand what this site is all about.<\/p>\n

                See Make Play<\/a> is another site that effectively uses illustrations to strengthen its sales pitch is<\/p>\n

                \"\"

                The illustrations on this section of the home page are static images, but animated graphics elsewhere on the page combine to give the site a youthful quality and a lighthearted touch.<\/p>\n

                Will you use illustrations to style your website?<\/strong><\/p>\n

                If you\u2019re finding it\u2019s a real challenge to use photos to tell your brand\u2019s story and are open to considering a little less conventional design style, illustrations might be the right fit.<\/p>\n

                As you can see in the websites from\u00a0BeTheme<\/a>\u00a0and the other examples given, illustrated websites are relatively common. Still, when you come across one, it tends to have a unique look that can draw you in.\u00a0<\/p>\n

                If you want to make your website really cause a stir and even bring smiles to people\u2019s faces, try experimenting with an illustrated website style.<\/p>\n

                Admit it. You love cartoons as much as the next person.<\/p>\n\n\n

                <\/p>\n","protected":false},"excerpt":{"rendered":"

                If you are encountering problems finding photos for your website, there\u2019s a simple solution you might consider. Use illustrations. The examples in this post will show you various ways to go about doing so Sound reasonable? If you believe that to be true, when you start building your next website you\u2019re going to have to […]<\/p>\n","protected":false},"author":1778,"featured_media":50556,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[479,252],"tags":[12440,8760,267,221],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/50528"}],"collection":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/users\/1778"}],"replies":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/comments?post=50528"}],"version-history":[{"count":0,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/posts\/50528\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media\/50556"}],"wp:attachment":[{"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/media?parent=50528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/categories?post=50528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdesignledger.com\/wp-json\/wp\/v2\/tags?post=50528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}