{"id":171,"date":"2025-05-12T22:00:38","date_gmt":"2025-05-12T22:00:38","guid":{"rendered":"https:\/\/deanwedgbury.ca\/?post_type=portfolio&#038;p=171"},"modified":"2026-04-06T16:37:35","modified_gmt":"2026-04-06T16:37:35","slug":"video","status":"publish","type":"portfolio","link":"https:\/\/kimberlyvan.com\/?portfolio=video","title":{"rendered":"Video Design"},"content":{"rendered":"\n<p style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.404), 18px);\">This section showcases a collection of motion graphics projects created using Adobe After Effects, CapCut, and rendered through Adobe Media Encoder Queue. Each project demonstrates dynamic visual storytelling and animation techniques, designed to communicate ideas effectively and captivate audiences.<\/p>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-custom-primary-dark-blue-color has-text-color has-link-color wp-elements-4db8929363bfe9a0c34dcf9b64527189\" style=\"font-size:14px\">2024 STUDYINSURED<strong>\u2122<\/strong> Event Season Recap<\/h6>\n\n\n\n<figure style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:0;padding-bottom:0\" class=\"wp-block-video\"><video height=\"1280\" style=\"aspect-ratio: 720 \/ 1280;\" width=\"720\" controls poster=\"https:\/\/kimberlyvan.com\/wp-content\/uploads\/2025\/05\/Video-Cover-Thumbnail-1-3.png\" src=\"https:\/\/kimberlyvan.com\/wp-content\/uploads\/2025\/05\/Recap-Socials_2025-05-2.mp4\"><\/video><\/figure>\n\n\n\n<p style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.202), 16px);\"><strong>Project Overview<\/strong><br>The Event Season Recap video offers school administrators an engaging glimpse into the events and initiatives we&#8217;ve participated in throughout the year. By showcasing our presence at various educational gatherings, the video underscores our commitment to supporting student well-being and highlights the dynamic interactions we&#8217;ve had with the academic community. This visual narrative not only reinforces our brand&#8217;s dedication to education but also serves as a testament to the collaborative efforts that drive positive outcomes in schools.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-custom-primary-dark-blue-color has-text-color has-link-color wp-elements-face2af21eb95d427df30c3c60eebf18\" style=\"font-size:14px\">2024 <strong>Brady Bunch-Inspired Video<\/strong><\/h6>\n\n\n\n<figure style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:0;padding-bottom:0\" class=\"wp-block-video\"><video controls poster=\"https:\/\/kimberlyvan.com\/wp-content\/uploads\/2025\/05\/Video-Cover-Thumbnail-2-2.png\" src=\"https:\/\/kimberlyvan.com\/wp-content\/uploads\/2025\/05\/The-StudyInsured-Bunch-Compressed-1.mp4\"><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio rounded-video-youtube\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"The Brady Bunch Opening and Closing Theme 1969 - 1974\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/AzODEdkypdg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.202), 16px);\"><strong>Project Overview<\/strong><br>To create a playful and engaging video inspired by the iconic Brady Bunch intro, designed to capture attention and promote brand familiarity while celebrating the company\u2019s team in a fun, nostalgic way. It highlights how we support clients throughout every step of their journey, from promptly answering calls and assisting with orientation to offering ongoing support for students and efficiently processing claims. This video was created for <em>internal use<\/em> and shared with clients as a lighthearted, entertaining way to showcase our team culture without being used commercially.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-custom-primary-dark-blue-color has-text-color has-link-color wp-elements-8899f06bd25c6488f6d9c91108053953\" style=\"font-size:14px\">2024 <strong><strong>Stay Healthy At School Program Video<\/strong><\/strong><\/h6>\n\n\n\n<figure style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\" class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1080 \/ 1080;\" width=\"1080\" controls poster=\"https:\/\/kimberlyvan.com\/wp-content\/uploads\/2025\/05\/ASSET-Video-Design-1.png\" src=\"https:\/\/kimberlyvan.com\/wp-content\/uploads\/2025\/05\/SHAS-SHAW-Socials_2024-12-3.mp4\"><\/video><\/figure>\n\n\n\n<p style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.202), 16px);\"><strong>Project Overview<\/strong><br>To promote the Stay Healthy at School and Stay Healthy at Work mental health programs under the StudyInsured\u2122 brand. The video encourages viewers to prioritize mental health, offers practical tips, and drives engagement by highlighting program benefits.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-center has-custom-primary-dark-blue-color has-text-color has-link-color wp-elements-424936b1c7883e0fc09e1a698169c417\" style=\"font-size:14px\"><strong>2023 Client Holiday Video<\/strong><\/h6>\n\n\n\n<figure style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:0;padding-bottom:0\" class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls poster=\"https:\/\/kimberlyvan.com\/wp-content\/uploads\/2025\/05\/Video-Cover-Thumbnail-3-3.png\" src=\"https:\/\/kimberlyvan.com\/wp-content\/uploads\/2025\/05\/StudyInsured-Holiday-Video_2023-12-1.mp4\"><\/video><\/figure>\n\n\n\n<p style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.202), 16px);\"><strong>Project Overview<\/strong><br>This was the very first video I created, featuring holiday jingles and a message about StudyInsured\u2122 and MSH Americas\u2019 $5000 donation to Food Banks Canada. The video includes animated trees with ornaments and a playful scene with an orange Santa and reindeer. It was embedded in an email and sent to clients as part of a holiday campaign.<\/p>\n\n\n\n<script>\n  \/\/ Inject sweep immediately before page renders\n  (function() {\n    var sweep = document.createElement('div');\n    sweep.id = 'kimSweep';\n    sweep.className = 'kim-sweep';\n    sweep.style.transform = 'scaleX(1)';\n    sweep.style.transformOrigin = 'right';\n    document.documentElement.appendChild(sweep);\n\n    window.addEventListener('load', function() {\n      setTimeout(function() {\n        sweep.classList.add('kim-sweep-out');\n      }, 50);\n    });\n  })();\n<\/script>\n\n<style>\n  \/* =============================================\n     DECORATIVE BACKGROUND WORD\n     ============================================= *\/\n  .kim-bg-word {\n    position: relative;\n    overflow: visible;\n  }\n  .kim-bg-word::before {\n    content: attr(data-word);\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(80px, 18vw, 220px);\n    font-weight: 900;\n    color: transparent;\n    -webkit-text-stroke: 1.5px rgba(78, 171, 219, 0.12);\n    white-space: nowrap;\n    pointer-events: none;\n    z-index: 0;\n    letter-spacing: 0.05em;\n    opacity: 0.9;\n  }\n  .kim-bg-word > * {\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* =============================================\n     SCROLL ANIMATE \u2014 LEFT \/ RIGHT\n     ============================================= *\/\n  .kim-from-left,\n  .kim-from-right {\n    opacity: 0;\n    transition: opacity 0.75s ease, transform 0.75s ease;\n  }\n  .kim-from-left  { transform: translateX(-50px); }\n  .kim-from-right { transform: translateX(50px);  }\n  .kim-from-left.kim-in,\n  .kim-from-right.kim-in {\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n  \/* =============================================\n     NEXT PROJECT BUTTON\n     ============================================= *\/\n  .kim-next-wrap {\n    display: flex;\n    justify-content: center;\n    padding: 50px 24px 80px;\n  }\n  .kim-next-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    padding: 18px 36px;\n    background: #0e0e0e;\n    color: #ffffff;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 15px;\n    font-weight: 500;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    text-decoration: none;\n    border-radius: 4px;\n    position: relative;\n    overflow: hidden;\n    transition: color 0.3s ease, transform 0.2s ease;\n  }\n  .kim-next-btn::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: #4eabdb;\n    transform: translateX(-100%);\n    transition: transform 0.35s ease;\n    z-index: 0;\n  }\n  .kim-next-btn:hover::before { transform: translateX(0); }\n  .kim-next-btn:hover { transform: translateY(-2px); }\n  .kim-next-btn span,\n  .kim-next-btn svg {\n    position: relative;\n    z-index: 1;\n  }\n  .kim-next-btn svg {\n    transition: transform 0.3s ease, color 0.3s ease;\n    color: #ffffff !important;\n    stroke: #ffffff !important;\n  }\n  .kim-next-btn:hover svg {\n    transform: translateX(4px);\n    color: #ffffff !important;\n    stroke: #ffffff !important;\n  }\n\n  .kim-next-label {\n    display: block;\n    text-align: left;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 11px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #ccc;\n    margin-bottom: 6px;\n    font-weight: 400;\n    position: relative;\n    z-index: 1;\n    transition: color 0.3s ease;\n  }\n  .kim-next-btn:hover .kim-next-label {\n    color: #ffffff;\n  }\n  .kim-next-title {\n    display: block;\n    font-size: 15px;\n    font-weight: 600;\n    position: relative;\n    z-index: 1;\n    color: #ffffff;\n  }\n\n  \/* Mobile button fix *\/\n  @media (max-width: 600px) {\n    .kim-next-btn {\n      max-width: 85vw;\n      white-space: normal;\n      line-height: 1.4;\n    }\n    .kim-next-title {\n      font-size: 13px;\n    }\n    .kim-next-label {\n      font-size: 10px;\n      margin-bottom: 4px;\n    }\n  }\n<\/style>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@900&#038;family=DM+Sans:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"kim-next-wrap\">\n  <a href=\"#\" class=\"kim-next-btn\" id=\"kim-next-project-btn\">\n    <span>\n      <span class=\"kim-next-label\">Next Random Project<\/span>\n      <span class=\"kim-next-title\" id=\"kim-next-title\">Loading&#8230;<\/span>\n    <\/span>\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n      <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n    <\/svg>\n  <\/a>\n<\/div>\n\n<script>\n(function() {\n\n  \/\/ =============================================\n  \/\/ DECORATIVE BACKGROUND WORD\n  \/\/ \u2014 grabs the page's <h1> and uses first word\n  \/\/ =============================================\n  function initBgWord() {\n    const heading = document.querySelector('.entry-title, h1.wp-block-heading, h1');\n    if (!heading) return;\n    const word = heading.textContent.trim().split(\/\\s+\/)[0].toUpperCase();\n    const target = heading.closest('.wp-block-group') || heading.parentElement;\n    if (target) {\n      target.classList.add('kim-bg-word');\n      target.setAttribute('data-word', word);\n    }\n  }\n\n  \/\/ =============================================\n  \/\/ COLUMN SCROLL ANIMATIONS\n  \/\/ \u2014 left column = slide from left, right = right\n  \/\/ =============================================\n  function initColumnAnimations() {\n    const columns = document.querySelectorAll('.wp-block-column');\n    columns.forEach((col, i) => {\n      const isLeft = i % 2 === 0;\n      col.classList.add(isLeft ? 'kim-from-left' : 'kim-from-right');\n    });\n\n    const obs = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('kim-in');\n          obs.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' });\n\n    document.querySelectorAll('.kim-from-left, .kim-from-right').forEach(el => obs.observe(el));\n  }\n\n  \/\/ =============================================\n  \/\/ NEXT PROJECT \u2014 random pick from portfolio\n  \/\/ =============================================\n  const allProjects = [\n    { slug: 'new-booth-design',            title: 'Booth Design' },\n    { slug: 'restaurant-assets',           title: 'Restaurant Assets' },\n    { slug: 'wellness-infographic',        title: 'Wellness Infographic' },\n    { slug: 'video',                       title: 'Video Design' },\n    { slug: 'about-us-product-sheet-2',    title: 'About Us Product Sheet' },\n    { slug: 'discover-canada-product-sheet', title: 'Event Posters' },\n    { slug: 'about-us-product-sheet',      title: 'Discover Canada<br>Product Sheet' },\n    { slug: 'brand-support-assets',        title: 'Brand Support Assets' },\n    { slug: 'illustrations',               title: 'Illustration' },\n    { slug: 'photography',                 title: 'Photography' },\n    { slug: 'my-brand',                    title: 'Brand' },\n  ];\n\n  function initNextProject() {\n    const btn = document.getElementById('kim-next-project-btn');\n    const titleEl = document.getElementById('kim-next-title');\n    if (!btn || !titleEl) return;\n\n    \/\/ Figure out current slug from URL\n    const params = new URLSearchParams(window.location.search);\n    const currentSlug = params.get('portfolio') || '';\n\n    \/\/ Pick a random project that isn't the current one\n    const others = allProjects.filter(p => p.slug !== currentSlug);\n    const next = others[Math.floor(Math.random() * others.length)];\n\n    titleEl.innerHTML = next.title;\n    btn.href = `https:\/\/kimberlyvan.com\/?portfolio=${next.slug}`;\n    btn.addEventListener('click', function(e) {\n      e.preventDefault();\n      const url = btn.href;\n      if (window.kimNavigateTo) {\n        window.kimNavigateTo(url);\n      } else {\n        \/\/ Fallback if hero block not on this page \u2014 do local sweep\n        const sweep = document.getElementById('kimSweep');\n        if (sweep) {\n          sweep.classList.remove('kim-sweep-out');\n          sweep.classList.add('kim-sweep-in');\n          setTimeout(function() { window.location.href = url; }, 450);\n        } else {\n          window.location.href = url;\n        }\n      }\n    });\n  }\n\n  \/\/ =============================================\n  \/\/ INIT\n  \/\/ =============================================\n  \/\/ =============================================\n  \/\/ INJECT CURSOR + SWEEP INTO BODY\n  \/\/ =============================================\n  document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Cursor \u2014 only create if not already present\n    if (!document.getElementById('kimDot')) {\n      const newDot  = document.createElement('div');\n      const newRing = document.createElement('div');\n      newDot.id  = 'kimDot';\n      newRing.id = 'kimRing';\n      newDot.className  = 'kim-cursor-dot';\n      newRing.className = 'kim-cursor-ring';\n      document.body.appendChild(newDot);\n      document.body.appendChild(newRing);\n\n      let ringX = 0, ringY = 0, mouseX = 0, mouseY = 0;\n\n      document.addEventListener('mousemove', function(e) {\n        mouseX = e.clientX;\n        mouseY = e.clientY;\n        newDot.style.left = mouseX + 'px';\n        newDot.style.top  = mouseY + 'px';\n      });\n\n      function animateRing() {\n        ringX += (mouseX - ringX) * 0.12;\n        ringY += (mouseY - ringY) * 0.12;\n        newRing.style.left = ringX + 'px';\n        newRing.style.top  = ringY + 'px';\n        requestAnimationFrame(animateRing);\n      }\n      animateRing();\n\n      document.addEventListener('mouseover', function(e) {\n        if (e.target.closest('a, button, .kim-next-btn')) {\n          newDot.classList.add('kim-cursor-hover');\n          newRing.classList.add('kim-cursor-hover');\n        }\n      });\n      document.addEventListener('mouseout', function(e) {\n        if (e.target.closest('a, button, .kim-next-btn')) {\n          newDot.classList.remove('kim-cursor-hover');\n          newRing.classList.remove('kim-cursor-hover');\n        }\n      });\n      document.addEventListener('mouseleave', function() {\n        newDot.style.opacity = '0';\n        newRing.style.opacity = '0';\n      });\n      document.addEventListener('mouseenter', function() {\n        newDot.style.opacity = '1';\n        newRing.style.opacity = '1';\n      });\n    }\n  });\n\n  document.addEventListener('DOMContentLoaded', function() {\n    initBgWord();\n    initColumnAnimations();\n    initNextProject();\n  });\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>This section showcases a collection of motion graphics projects created using Adobe After Effects, CapCut, and rendered through Adobe Media Encoder Queue. Each project demonstrates dynamic visual storytelling and animation techniques, designed to communicate ideas effectively and captivate audiences. 2024 STUDYINSURED\u2122 Event Season Recap Project OverviewThe Event Season Recap video offers school administrators an engaging [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2014,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"single-jetpack-portfolio","format":"standard","meta":{"inline_featured_image":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"portfolio_category":[37],"portfolio_tag":[],"class_list":["post-171","portfolio","type-portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-video"],"_links":{"self":[{"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=\/wp\/v2\/portfolio\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=171"}],"version-history":[{"count":5,"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=\/wp\/v2\/portfolio\/171\/revisions"}],"predecessor-version":[{"id":1933,"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=\/wp\/v2\/portfolio\/171\/revisions\/1933"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=\/wp\/v2\/media\/2014"}],"wp:attachment":[{"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=171"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_category&post=171"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/kimberlyvan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fportfolio_tag&post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}