mak test - BWD | 20 Years Of Web Design Excellence

<h2 class=”project-title”>Whiteboard Animation</h2>

Whiteboard animation explainer video with a twist

https://www.youtube.com/watch?v=TosMMWXekp8

<div id=”player_uid_322556584_1″ class=”html5-video-player ytp-exp-marker-tooltip ytp-embed ytp-embed-playlist ytp-title-enable-channel-logo unstarted-mode ytp-hide-controls ytp-large-width-mode” tabindex=”-1″ data-version=”/s/player/4583e272/player_ias.vflset/en_GB/base.js” aria-label=”YouTube Video Player”>
<div class=”html5-video-container” data-layer=”0″><video class=”video-stream html5-main-video” style=”width: 1120px; height: 630px; left: 0px; top: -630px;” tabindex=”-1″ width=”300″ height=”150″></video></div>
<div class=”ytp-gradient-top” data-layer=”1″></div>
<div class=”ytp-chrome-top ytp-show-cards-title” data-layer=”1″>
<div class=”ytp-title-channel”>
<div class=”ytp-title-beacon”></div>
 
<div class=”ytp-title-expanded-overlay”>
<div class=”ytp-title-expanded-heading”>
<h2 class=”ytp-title-expanded-title”><a tabindex=”-1″ href=”https://www.youtube.com/channel/UCk11eo8ILqFWjM2tUxAB2Ew?feature=emb_ch_name_ex” target=”_blank” rel=”noopener”>BWD Advertising</a></h2>
<h3 class=”ytp-title-expanded-subtitle”>176 subscribers</h3>
</div>
<div class=”ytp-button ytp-sb” style=”display: none;”>

 
<div class=”ytp-sb-text”>
<div class=”ytp-sb-icon”></div>
Subscribe

</div>
 

</div>
 
<div class=”ytp-title-notifications-on” title=”Stop receiving notifications about every new video” aria-label=”Notify subscriptions”></div>
<div class=”ytp-title-notifications-off” title=”Receive notifications about every new video” aria-label=”Notify subscriptions”></div>
 

</div>
</div>
<div class=”ytp-title”>
<div class=”ytp-title-text”>

<a class=”ytp-title-link yt-uix-sessionlink” href=”https://www.youtube.com/watch?v=I6rulAfU7uc” target=”_blank” rel=”noopener” data-sessionlink=”feature=player-title”>Company Animated Explainer – Alternative Whiteboard Explainer | BWD | Johannesburg</a>
<div class=”ytp-title-subtext”></div>
</div>
</div>
<div class=”ytp-chrome-top-buttons”>

 
<div class=”ytp-watch-later-icon”></div>
<div class=”ytp-watch-later-title”>Watch later</div>
 
<div class=”ytp-share-icon”></div>
<div class=”ytp-share-title”>Share</div>
 
<div class=”ytp-copylink-icon”></div>
<div class=”ytp-copylink-title” aria-hidden=”true”>Copy link</div>
 
<div class=”ytp-playlist-menu-button-icon”></div>
<div class=”ytp-playlist-menu-button-text”></div>
 
<div class=”ytp-cards-button-icon”></div>
<div class=”ytp-cards-button-title”>Info</div>
 
<div class=”ytp-cards-button-icon”></div>
<div class=”ytp-cards-button-title”>Shopping</div>
 
<div class=”ytp-cards-teaser” style=”display: none;”>
<div class=”ytp-cards-teaser-box”></div>
<div class=”ytp-cards-teaser-text”></div>
</div>
 
<div class=”ytp-overflow-icon”></div>
 

</div>
</div>
 
<div class=”ytp-unmute-inner”>
<div class=”ytp-unmute-icon”></div>
<div class=”ytp-unmute-text”>Tap to unmute</div>
<div class=”ytp-unmute-box”></div>
</div>
 
<div class=”ytp-cued-thumbnail-overlay” data-layer=”4″>
<div class=”ytp-cued-thumbnail-overlay-image” style=”background-image: url(‘https://i.ytimg.com/vi/I6rulAfU7uc/maxresdefault.jpg’);”></div>
 

</div>
<div class=”ytp-spinner” style=”display: none;” data-layer=”4″>
<div class=”ytp-spinner-container”>
<div class=”ytp-spinner-rotator”>
<div class=”ytp-spinner-left”>
<div class=”ytp-spinner-circle”></div>
</div>
<div class=”ytp-spinner-right”>
<div class=”ytp-spinner-circle”></div>
</div>
</div>
</div>
<div class=”ytp-spinner-message” style=”display: none;”>If playback doesn’t begin shortly, try restarting your device.</div>
</div>
<div class=”ytp-paid-content-overlay” aria-live=”assertive” aria-atomic=”true” data-layer=”4″>
<div class=”ytp-button ytp-paid-content-overlay-text” style=”display: none;”></div>
</div>
<div class=”ytp-bezel-text-hide” style=”display: none;” data-layer=”4″>
<div class=”ytp-bezel-text-wrapper”>
<div class=”ytp-bezel-text”></div>
</div>
<div class=”ytp-bezel” role=”status” aria-label=””>
<div class=”ytp-bezel-icon”></div>
</div>
</div>
<div class=”ytp-doubletap-ui” style=”display: none;” data-layer=”4″>
<div class=”ytp-doubletap-static-circle”>
<div class=”ytp-doubletap-ripple”></div>
</div>
<div class=”ytp-doubletap-overlay-a11y”></div>
<div class=”ytp-doubletap-seek-info-container”>
<div class=”ytp-doubletap-arrows-container”></div>
<div class=”ytp-doubletap-tooltip”>
<div class=”ytp-doubletap-tooltip-label”></div>
</div>
</div>
</div>
<div class=”ytp-tooltip ytp-tooltip-opaque ytp-bottom” style=”max-width: 300px; top: 42px; left: 952.156px; display: none;” data-layer=”4″ aria-live=”polite”>
<div class=”ytp-tooltip-text-wrapper”>
<div class=”ytp-tooltip-image”></div>
<div class=”ytp-tooltip-title”></div>
<span class=”ytp-tooltip-text”>Watch later</span>

</div>
<div class=”ytp-tooltip-bg”>
<div class=”ytp-tooltip-duration”></div>
</div>
</div>
<div class=”ytp-storyboard-framepreview” style=”display: none;” data-layer=”4″>
<div class=”ytp-storyboard-framepreview-img”></div>
</div>
<div class=”ytp-ad-persistent-progress-bar-container” style=”display: none;” data-layer=”4″>
<div class=”ytp-ad-persistent-progress-bar”></div>
</div>
<div class=”ytp-remote” style=”display: none;” data-layer=”4″>
<div class=”ytp-remote-display-status”>
<div class=”ytp-remote-display-status-icon”></div>
<div class=”ytp-remote-display-status-text”></div>
</div>
</div>
<div class=”ytp-mdx-popup-dialog” style=”display: none;” role=”dialog” data-layer=”4″>
<div class=”ytp-mdx-popup-dialog-inner-content”>
<div class=”ytp-mdx-popup-title”>You’re signed out</div>
<div class=”ytp-mdx-popup-description”>Videos that you watch may be added to the TV’s watch history and influence TV recommendations. To avoid this, cancel and sign in to YouTube on your computer.</div>
<div class=”ytp-mdx-privacy-popup-buttons”><button class=”ytp-button ytp-mdx-privacy-popup-cancel”>Cancel</button><button class=”ytp-button ytp-mdx-privacy-popup-confirm”>Confirm</button></div>
</div>
</div>
<div class=”ytp-pause-overlay ytp-scroll-min ytp-scroll-max” style=”display: none;” data-layer=”4″>
<h2 class=”ytp-related-title”>More videos</h2>
<div class=”ytp-suggestions” style=”height: 95px;”>

</div>
<button class=”ytp-button ytp-previous” style=”bottom: 63.5px;” aria-label=”Show previous suggested videos”></button><button class=”ytp-button ytp-next” style=”bottom: 63.5px;” aria-label=”Show more suggested videos”></button><button class=”ytp-button ytp-collapse” aria-label=”Hide more videos”></button><button class=”ytp-button ytp-expand”>More videos</button>

</div>
<div id=”ytp-id-2″ class=”ytp-playlist-menu” style=”display: none;” role=”dialog” data-layer=”5″>
<div class=”ytp-playlist-menu-header”>
<div class=”ytp-playlist-menu-title”></div>
<div class=”ytp-playlist-menu-subtitle”></div>
</div>
<div class=”ytp-playlist-menu-items” role=”menu”></div>
</div>
<div id=”ytp-id-6″ class=”ytp-share-panel” style=”display: none;” role=”dialog” aria-labelledby=”ytp-id-5″ data-layer=”5″>
<div class=”ytp-share-panel-inner-content”>
<div id=”ytp-id-5″ class=”ytp-share-panel-title”>Share</div>
<label class=”ytp-share-panel-include-playlist”><input class=”ytp-share-panel-include-playlist-checkbox” checked=”checked” type=”checkbox” />Include playlist</label>
<div class=”ytp-share-panel-loading-spinner”>
<div class=”ytp-spinner-container”>
<div class=”ytp-spinner-rotator”>
<div class=”ytp-spinner-left”>
<div class=”ytp-spinner-circle”></div>
</div>
<div class=”ytp-spinner-right”>
<div class=”ytp-spinner-circle”></div>
</div>
</div>
</div>
</div>
<div class=”ytp-share-panel-service-buttons”></div>
<div class=”ytp-share-panel-error”>An error occurred while retrieving sharing information. Please try again later.</div>
</div>
 

</div>
<div id=”ytp-id-10″ class=”ytp-overflow-panel” style=”display: none;” role=”dialog” data-layer=”5″>
<div class=”ytp-overflow-panel-content”>
<div class=”ytp-overflow-panel-action-buttons”></div>
</div>
 

</div>
<div class=”ytp-multicam-menu” style=”display: none;” role=”dialog” data-layer=”5″>
<div class=”ytp-multicam-menu-header”>
<div class=”ytp-multicam-menu-title”>Switch camera<button class=”ytp-multicam-menu-close ytp-button” aria-label=”Close”></button></div>
</div>
<div class=”ytp-multicam-menu-items”></div>
</div>
<div id=”ytp-id-20″ class=”ytp-popup ytp-settings-menu” style=”display: none;” data-layer=”6″>
<div class=”ytp-panel”>
<div class=”ytp-panel-menu” role=”menu”></div>
</div>
</div>
<div class=”ytp-gradient-bottom” style=”height: 254px; background-image: url(‘data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD+CAYAAAD70W9FAAAAAXNSR0IArs4c6QAAASlJREFUOE9lyOdHBQAYhfHb3nvvuu2997jNe29TJJEkkkgSSSSJJJFEEkkiSfRH5nm/HK/Ohx/PCQT+LYZHxJIijhTxpJHgSSRFEmkke1JIkUqKNNJI92SQIpMUWaSR7ckhRS5p5HnySVFAikLSKPIUk6KEFKWkUeYpJ0UFaVR6qkhRTYoa0gh6aklRR4p60mjwNJKiiRTNpNHiaSVFG2m0ezpI0UmKLtLo9vSQopc0+jz9pBggxSBpDHmGSTFCilHSGPOMk2KCNEKeSVJMkWKaFDOkMeuZI0WYNCKeKCnmSbFAGoueJVIskyuwCmuwDhuwCVuwDTuwC3uwDwdwCEdwDCdwCmdwDhdwCVdwDTdwC3dwDw/wCE/wDC/wCm/wDh/wCV/wDT/w+wchujQTRBGSRQAAAABJRU5ErkJggg==’); display: none;” data-layer=”8″></div>
<div class=”ytp-chrome-bottom” style=”display: none; width: 1096px; left: 12px;” data-layer=”8″>
<div class=”ytp-progress-bar-container” style=”height: 5px;”>
<div class=”ytp-progress-bar ” style=”touch-action: none;” tabindex=”0″ role=”slider” draggable=”true” aria-label=”Seek slider” aria-valuemin=”0″ aria-valuemax=”0″ aria-valuenow=”0″ aria-valuetext=”0 Minutes 0 Seconds of 0 Minutes 0 Seconds”>
<div class=”ytp-chapters-container”>
<div class=”ytp-chapter-hover-container” style=”width: 100%;”>
<div class=”ytp-progress-bar-padding”></div>
<div class=”ytp-progress-list”>
<div class=”ytp-play-progress ytp-swatch-background-color” style=”left: 0px; transform: scaleX(0);”></div>
<div class=”ytp-load-progress” style=”left: 0px; transform: scaleX(0);”></div>
<div class=”ytp-hover-progress”></div>
<div class=”ytp-ad-progress-list”></div>
</div>
</div>
</div>
<div class=”ytp-marker-crenellation-list”></div>
<div class=”ytp-clip-start-exclude” style=”width: 0%;”></div>
<div class=”ytp-clip-end-exclude” style=”left: 100%; width: 0%;”></div>
<div class=”ytp-scrubber-container” style=”transform: translateX(0px);”>
<div class=”ytp-scrubber-button ytp-swatch-background-color” style=”height: 13px;”>
<div class=”ytp-scrubber-pull-indicator”></div>
</div>
</div>
</div>
<div class=”ytp-bound-time-left”>0:00</div>
<div class=”ytp-bound-time-right”>0:00</div>
<div class=”ytp-clip-start” style=”touch-action: none; left: 0%;” title=”Watch entire video” draggable=”true”></div>
<div class=”ytp-clip-end” style=”touch-action: none; left: 100%;” title=”Watch entire video” draggable=”true”></div>
</div>
<div class=”ytp-chrome-controls”>
<div class=”ytp-left-controls”>

We decided to go with a “Whiteboard Animation” style for this video, mainly to show off our diversity when it comes to producing different styles of animation but also to illustrate how using whiteboard animations can benefit your business.

We chose simple and friendly illustrations to depict the services we offer as well as over exaggerated characters, which add a humor factor to the video whilst still keeping the information relatable and relevant. We used a lot of negative space in our scenes to emphasise each subject individually.

The colour choice for this production is simple, black, white and red, apart from the high resolution imagery we fused into the video. We believe this creates a contrast and highlights the assets we wanted to portray.

<strong>Style:</strong> 2D Whiteboard Animation

<strong>Length: </strong>1:55

<strong>Voice Over Artist:</strong> <a title=”Lebo” href=”http://www.bwd.co.za/voice-over-artist/lebo/”>Lebo</a>

<h2><strong>BWD Whiteboard </strong><strong>Company Explainer Behind The Scenes</strong></h2>

<h3>Final Colour Palette</h3>

Do you know how we create outstanding video animations? <a class=”symple-button normal red ” title=”Video Animation costs” href=”http://www.bwd.co.za/video-pricing/” target=”_blank” rel=”noopener”><span class=”symple-button-inner”>Get A Quotation </span></a><a class=”symple-button normal red ” title=”Video Animation Process” href=”http://www.bwd.co.za/video-animation-process/” rel=””><span class=”symple-button-inner”>View Our Video Animation Process</span></a>

<h3 style=”text-align: center;”>Ready to Talk ?</h3>

<div class=”vc_btn3-container vc_btn3-center”><a class=”vc_general vc_btn3 vc_btn3-size-lg vc_btn3-shape-square vc_btn3-style-modern vc_btn3-color-danger” title=”” href=”http://www.bwd.co.za/contact/”> Start a project</a></div>