1<!doctype html> 2<html lang="en-US"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 7 8<!-- Google Tag Manager for WordPress by gtm4wp.com -->
9<script data-cfasync="false" data-pagespeed-no-defer> 10 var gtm4wp_datalayer_name = "dataLayer"; 11 var dataLayer = dataLayer || []; 12</script>
12 13<!-- End Google Tag Manager for WordPress by gtm4wp.com --> 14 <!-- This site is optimized with the Yoast SEO plugin v26.9 - https://yoast.com/product/yoast-seo-wordpress/ --> 15 <title>Product Launch - MAKA</title> 16 <link rel="canonical" href="https://3358c9.bitraven.cloud/services/product-launch/" /> 17 <meta property="og:locale" content="en_US" /> 18 <meta property="og:type" content="article" /> 19 <meta property="og:title" content="Product Launch - MAKA" /> 20 <meta property="og:description" content="Usually focuses on the product/service and its use/consumption - can be in the form of an explainer (where the USPs are being explained to the audience in a creative manner â no teleshopping vibes) when we need to focus on USPs, but can also give off a feeling that makes the audience relate to the product/service in a way the client is aiming for. The video can be adapted to specific video formats and durations according to the medium being used â whether itâs TV or social media" /> 21 <meta property="og:url" content="https://3358c9.bitraven.cloud/services/product-launch/" /> 22 <meta property="og:site_name" content="MAKA" /> 23 <meta property="article:publisher" content="https://www.facebook.com/makavisuals/" /> 24 <meta property="article:modified_time" content="2024-03-05T12:15:01+00:00" /> 25 <meta property="og:image" content="https://3358c9.bitraven.cloud/wp-content/uploads/2023/08/Untitled_6.1.1-e1706540535497.jpg" /> 26 <meta property="og:image:width" content="800" /> 27 <meta property="og:image:height" content="450" /> 28 <meta property="og:image:type" content="image/jpeg" /> 29 <meta name="twitter:card" content="summary_large_image" /> 30
30<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://3358c9.bitraven.cloud/services/product-launch/","url":"https://3358c9.bitraven.cloud/services/product-launch/","name":"Product Launch - MAKA","isPartOf":{"@id":"https://3358c9.bitraven.cloud/#website"},"primaryImageOfPage":{"@id":"https://3358c9.bitraven.cloud/services/product-launch/#primaryimage"},"image":{"@id":"https://3358c9.bitraven.cloud/services/product-launch/#primaryimage"},"thumbnailUrl":"https://makavisuals.com/wp-content/uploads/2023/08/Untitled_6.1.1-e1706540535497.jpg","datePublished":"2022-10-10T12:16:35+00:00","dateModified":"2024-03-05T12:15:01+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://3358c9.bitraven.cloud/services/product-launch/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://3358c9.bitraven.cloud/services/product-launch/#primaryimage","url":"https://makavisuals.com/wp-content/uploads/2023/08/Untitled_6.1.1-e1706540535497.jpg","contentUrl":"https://makavisuals.com/wp-content/uploads/2023/08/Untitled_6.1.1-e1706540535497.jpg","width":800,"height":450},{"@type":"WebSite","@id":"https://3358c9.bitraven.cloud/#website","url":"https://3358c9.bitraven.cloud/","name":"MAKA","description":"Say it with video, say it with MAKA.","publisher":{"@id":"https://3358c9.bitraven.cloud/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://3358c9.bitraven.cloud/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://3358c9.bitraven.cloud/#organization","name":"MAKA","url":"https://3358c9.bitraven.cloud/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://3358c9.bitraven.cloud/#/schema/logo/image/","url":"https://makavisuals.com/wp-content/uploads/2022/10/maka-favicon.png","contentUrl":"https://makavisuals.com/wp-content/uploads/2022/10/maka-favicon.png","width":512,"height":512,"caption":"MAKA"},"image":{"@id":"https://3358c9.bitraven.cloud/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/makavisuals/"]}]}</script>
30 31 <!-- / Yoast SEO plugin. --> 32 33 34<style>@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;900&display=swap);:root{--spacer:8.33333vw;--spacer-mobile:15px;--vh:1vh;--vhinit:1vh}html{--tw-bg-opacity:1;background-color:#1a1a1a;background-color:rgba(26,26,26,var(--tw-bg-opacity));font-size:10px}@media (min-width:768px){html{font-size:16px}}main{font-family:Work Sans,sans-serif;overflow:hidden;position:relative}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}[x-cloak]{display:none!important}*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}h1,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b{font-weight:bolder}button{-webkit-appearance:button;background-color:initial;background-image:none;color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0;text-transform:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,h3,p{margin:0}img,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(63,131,248,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(63,131,248,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(63,131,248,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.right-0{right:0}.top-28{top:7rem}.bottom-16{bottom:4rem}.bottom-10{bottom:2.5rem}.left-0{left:0}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-0{z-index:0}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mt-\[2px\]{margin-top:2px}.mt-1{margin-top:.25rem}.mt-9{margin-top:2.25rem}.mr-4{margin-right:1rem}.ml-5{margin-left:1.25rem}.block{display:block}.inline-block{display:inline-block}
34.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-auto{height:auto}.h-full{height:100%}.h-\[6vw\]{height:6vw}.h-screen{height:100vh;height:calc(var(--vh)*100)}.h-screenInit{height:100vh;height:calc(var(--vhinit)*100)}.h-\[2px\]{height:2px}.w-full{width:100%}.w-7\/12{width:58.333333%}.w-1\/2{width:50%}.w-4{width:1rem}.w-auto{width:auto}.w-screen{width:100vw}.w-32{width:8rem}.w-3\/10{width:30%}.w-5\/10{width:50%}.w-12{width:3rem}.-translate-x-1\/4{--tw-translate-x:-25%}.-translate-x-1\/4,.translate-x-1\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/4{--tw-translate-x:25%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-full{--tw-translate-y:-100%}.-translate-y-full,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-full{--tw-translate-x:100%}.-rotate-12,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-12{--tw-rotate:-12deg}.rotate-12{--tw-rotate:12deg}.rotate-12,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-8{gap:2rem}.gap-\[6px\]{gap:6px}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-orange{--tw-border-opacity:1;border-color:rgba(241,90,35,var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:#1a1a1a;background-color:rgba(26,26,26,var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-dgrey{--tw-bg-opacity:1;background-color:#262626;background-color:rgba(38,38,38,var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.object-cover{object-fit:cover}.px-spacer-mobile{padding-left:20px;padding-right:20px}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.px-spacer{padding-left:8.33333vw;padding-right:8.33333vw}.py-36{padding-bottom:9rem;padding-top:9rem}.pt-96{padding-top:24rem}.pb-4{padding-bottom:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-primary{font-family:Work Sans,sans-serif}.text-t3{font-size:3.875rem;line-height:4.375rem}.text-lead-sm{font-size:18px;line-height:26px}.text-p1-sm{font-size:16px;line-height:20px}.text-\[9vw\]{font-size:9vw}.text-t4{font-size:1.875rem;line-height:2.375rem}.text-p2-sm{font-size:14px;line-height:18px}.text-p1{font-size:1rem;line-height:1.25rem}.text-5xl{font-size:3rem;line-height:1}.font-black{font-weight:900}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-\[10vw\]{line-height:10vw}.text-orange{--tw-text-opacity:1;color:rgba(241,90,35,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.opacity-0{opacity:0}
34.shadow-none{--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}:root{--swiper-theme-color:#007aff}.button svg *{fill:#f15a23}svg.dgrey *{fill:#262626}svg.white *{fill:#fff}svg.shadow-none *{filter:none}.home .background-illustrations{display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:h-full:before{content:var(--tw-content);height:100%}.before\:w-full:before{content:var(--tw-content);width:100%}.before\:rounded-full:before{border-radius:9999px;content:var(--tw-content)}.before\:border:before{border-width:1px;content:var(--tw-content)}.before\:border-orange:before{--tw-border-opacity:1;border-color:rgba(241,90,35,var(--tw-border-opacity));content:var(--tw-content)}.before\:duration-500:before,.before\:transition-all:before{content:var(--tw-content)}@media (min-width:1024px){.lg\:fixed{position:fixed}.lg\:right-auto{right:auto}.lg\:left-0{left:0}.lg\:top-0{top:0}.lg\:bottom-10{bottom:2.5rem}.lg\:bottom-auto{bottom:auto}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[66px\]{height:66px}.lg\:w-20{width:5rem}.lg\:bg-transparent{background-color:initial}.lg\:px-spacer{padding-left:8.33333vw;padding-right:8.33333vw}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-t2{font-size:6.25rem;line-height:6.25rem}.lg\:text-p1{font-size:1rem;line-height:1.25rem}.lg\:text-lead{font-size:1.125rem;line-height:1.625rem}.lg\:text-p2{font-size:.875rem;line-height:1.125rem}.lg\:opacity-0{opacity:0}}.\[\&\.hide\]\:translate-y-16.hide{--tw-translate-y:4rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\.hide\]\:opacity-0.hide{opacity:0}</style><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://makavisuals.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmakavisuals.com%2Fservices%2Fproduct-launch%2F" /> 35<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://makavisuals.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmakavisuals.com%2Fservices%2Fproduct-launch%2F&format=xml" /> 36<style id="wp-img-auto-sizes-contain-inline-css"> 37img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 38/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 39</style> 40<link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='formidable' href='https://makavisuals.com/wp-content/plugins/formidable/css/formidableforms.css?ver=2131203' type='text/css' media='all' defer /><style id="wp-emoji-styles-inline-css"> 41 42 img.wp-smiley, img.emoji { 43 display: inline !important; 44 border: none !important; 45 box-shadow: none !important; 46 height: 1em !important; 47 width: 1em !important; 48 margin: 0 0.07em !important; 49 vertical-align: -0.1em !important; 50 background: none !important; 51 padding: 0 !important; 52 } 53/*# sourceURL=wp-emoji-styles-inline-css */ 54</style> 55<link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='wp-block-library' href='https://makavisuals.com/wp-includes/css/dist/block-library/style.min.css?ver=7.1.3' type='text/css' media='all' defer /><link rel='preload' as='style' onload="this.onload=null;this.rel='stylesheet'" id='app/0' href='https://makavisuals.com/wp-content/themes/maka/public/css/app.81f5f3.css' type='text/css' media='all' defer /><style id="block-visibility-screen-size-styles-inline-css"> 56/* Large screens (desktops, 992px and up) */ 57@media ( min-width: 992px ) { 58 .block-visibility-hide-large-screen { 59 display: none !important; 60 } 61} 62 63/* Medium screens (tablets, between 768px and 992px) */ 64@media ( min-width: 768px ) and ( max-width: 991.98px ) { 65 .block-visibility-hide-medium-screen { 66 display: none !important; 67 } 68} 69 70/* Small screens (mobile devices, less than 768px) */ 71@media ( max-width: 767.98px ) { 72 .block-visibility-hide-small-screen { 73 display: none !important; 74 } 75} 76/*# sourceURL=block-visibility-screen-size-styles-inline-css */ 77</style>
78<script id="jquery-core-js" src="https://makavisuals.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 78
78
79<script id="jquery-migrate-js" src="https://makavisuals.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
79 80<link rel="https://api.w.org/" href="https://makavisuals.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://makavisuals.com/xmlrpc.php?rsd" /> 81<meta name="generator" content="WordPress 7.1.3" /> 82<link rel='shortlink' href='https://makavisuals.com/?p=184' /> 83 84<!-- Google Tag Manager for WordPress by gtm4wp.com --> 85<!-- GTM Container placement set to automatic -->
86<script data-cfasync="false" data-pagespeed-no-defer> 87 var dataLayer_content = {"pagePostType":"service","pagePostType2":"single-service","pagePostAuthor":"bitraven"}; 88 dataLayer.push( dataLayer_content ); 89</script>
vendor: 1 bytes, line 89
89
90<script data-cfasync="false" data-pagespeed-no-defer>
vendor: 322 bytes, lines 90-95
90 91(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 92new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 93j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 94'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 95})(window,document,'script','dataLayer','
95GTM-N58GBVGH
vendor: 4 bytes, line 95
95');
96</script>
96 97<!-- End Google Tag Manager for WordPress by gtm4wp.com --> 98
98<script>
vendor: 113 bytes, lines 98-101
98 99 (function(h,o,t,j,a,r){ 100 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 101 h._hjSettings={hjid:
1016653564
vendor: 232 bytes, lines 101-107
101,hjsv:5}; 102 a=o.getElementsByTagName('head')[0]; 103 r=o.createElement('script');r.async=1; 104 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 105 a.appendChild(r); 106 })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv='); 107
107</script>
107 108 <meta name="generator" content="Elementor 3.35.3; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 109 <style> 110 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), 111 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { 112 background-image: none !important; 113 } 114 @media screen and (max-height: 1024px) { 115 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), 116 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { 117 background-image: none !important; 118 } 119 } 120 @media screen and (max-height: 640px) { 121 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), 122 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { 123 background-image: none !important; 124 } 125 } 126 </style> 127 <link rel="icon" href="https://makavisuals.com/wp-content/uploads/2022/10/cropped-maka-favicon-32x32.png" sizes="32x32" /> 128<link rel="icon" href="https://makavisuals.com/wp-content/uploads/2022/10/cropped-maka-favicon-192x192.png" sizes="192x192" /> 129<link rel="apple-touch-icon" href="https://makavisuals.com/wp-content/uploads/2022/10/cropped-maka-favicon-180x180.png" /> 130<meta name="msapplication-TileImage" content="https://makavisuals.com/wp-content/uploads/2022/10/cropped-maka-favicon-270x270.png" /> 131 </head> 132 133 <body class="wp-singular service-template-default single single-service postid-184 single-format-standard wp-embed-responsive wp-theme-maka product-launch elementor-default elementor-kit-3107"> 134 135<!-- GTM Container placement set to automatic --> 136<!-- Google Tag Manager (noscript) --> 137 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N58GBVGH" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> 138<!-- End Google Tag Manager (noscript) --> 139 <div id="app"> 140 <header x-cloak class="flex justify-between bg-black lg:bg-transparent bg-opacity-50 fixed items-center px-10 py-8 top-0 left-0 w-full z-50 font-primary transition-all duration-700 [&.hide]:-translate-y-full"> 141 <a class="relative block site-logo z-50" href="https://makavisuals.com"> 142 <svg class="relative top-0" width="123" height="28" viewBox="0 0 123 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 143<g clip-path="url(#clip0_367_1509)"> 144<path d="M25.0017 28.0002V14.411H23.7339V16.1131L20.6101 28.0002H13.2115L10.0835 16.224V14.411H8.81716V28.0002H0L1.70392 0.00158691H13.2984L16.2769 9.78954V11.7271H17.5446V9.78954L20.5231 0.00158691H32.1543L33.8215 28.0002H25.0017Z" fill="white"/> 145<path d="M91.6852 0H82.8436L78.509 9.25802C78.3754 9.56313 78.2761 9.88234 78.2128 10.2097C78.1344 10.7117 78.0849 11.2178 78.0647 11.7255H76.7807V0H67.8901V28H76.7807V15.5117H78.0647C78.0845 16.0163 78.1339 16.5193 78.2128 17.018C78.2776 17.3392 78.3769 17.6524 78.509 17.9519L83.0651 27.9945H91.908L85.0176 13.7385L91.6852 0Z" fill="white"/> 146<path d="M115.813 0H102.069L94.8838 27.9986H104.259L105.255 23.5524H112.593L113.631 27.9945H123.007L115.813 0ZM106.887 16.4319L108.309 10.2836V8.58705H109.576V10.3179L110.961 16.4319H106.887Z" fill="white"/> 147<path d="M64.9134 27.9986H56.5745C55.7334 25.6347 55.2182 23.1656 55.0431 20.6604L54.7428 16.3621C54.5648 13.811 54.9467 10.5 52.9207 8.96772L52.1489 6.34546C52.0888 6.13953 51.9575 5.96209 51.7788 5.84529C51.6001 5.72849 51.3858 5.68004 51.1747 5.70872L50.9165 7.96811C50.7806 7.96811 50.6543 7.9599 50.517 7.96811C50.3798 7.97633 50.2765 7.9777 50.1542 7.98729L49.7724 6.69053C49.7118 6.48516 49.5806 6.30826 49.4023 6.19157C49.224 6.07488 49.0103 6.02603 48.7995 6.0538L48.6365 8.31045C47.881 8.58431 47.2016 9.04577 46.8021 9.74961C46.7287 9.88654 46.8021 10.0892 46.8565 10.5068C46.8565 10.5068 45.1159 11.6311 45.1254 11.8584C45.2612 14.8243 48.2642 14.163 48.2642 14.163C48.2519 17.6164 46.9298 22.9143 45.4719 26.8224L45.0574 27.9986H36.7974L43.984 0H57.7281L64.9134 27.9986Z" fill="white"/> 148</g> 149<defs> 150<clipPath id="clip0_367_1509"> 151<rect width="123" height="28" fill="white"/> 152</clipPath> 153</defs> 154</svg> </a> 155 156 <div class="hidden lg:flex items-center gap-8"> 157 <a href="https://makavisuals.com/projects/" class="flex items-center group z-10 relative"> 158 <p class="text-p1 text-white font-medium group-hover:text-orange transition-all duration-300">Projects</p> 159 <img width="91" height="78" src="https://makavisuals.com/wp-content/uploads/2022/10/clapperboard.svg" class="w-4 ml-2 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" /> 160 </a> 161 162 <a href="https://makavisuals.com/services/" class="flex items-center group z-10 relative"> 163 <p class="text-p1 text-white font-medium group-hover:text-orange transition-all duration-300">Services</p> 164 <img width="117" height="100" src="https://makavisuals.com/wp-content/uploads/2022/10/spotlight.svg" class="w-4 ml-2 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" /> 165 </a> 166 167 <div x-cloak class="services-menu fixed w-screen h-screen top-0 left-0 bg-dgrey z-0 flex px-spacer py-36 transition-all duration-700 sopacity-0 -translate-y-full [&.show]:-translate-y-0 overflow-scroll"> 168 169 <div class="w-3/10" data-tabs-toggle="#services-content" > 170 171 <a data-tabs-target="#tv-commercial" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/tv-commercial/">TV Commercials</a> 172 173 <a data-tabs-target="#explainer" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/explainer/">Explainer Videos</a> 174 175 <a data-tabs-target="#lead-gen-campaign" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/lead-gen-campaign/">Lead Gen Videos</a> 176 177 <a data-tabs-target="#social-media" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/social-media/">Social Media Videos</a> 178 179 <a data-tabs-target="#product-launch" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/product-launch/">Product Launch</a> 180 181 <a data-tabs-target="#brand-awareness" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/brand-awareness/">Brand Awareness</a> 182 183 <a data-tabs-target="#video-campaign" class="block service-hover-toggle text-5xl text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab [&.active]:text-orange" href="https://makavisuals.com/services/video-campaign/">Video Campaign</a> 184 </div> 185 186 <div class="w-3/10"></div> 187 188 <div class="w-5/10" id="services-content"> 189 <div class="flex h-full " id="tv-commercial" role="tabpanel" aria-labelledby="tv-commercial-tab"> 190 <div class="text-p1 text-white w-1/2"> 191 Video commercials/adverts are designed to grab your audience' attention and promote products, services, or brands. With creative storytelling and catchy messages, commercials aim to leave a lasting impression during TV breaks. They're a powerful tool to raise awareness, generate interest, and inspire action. 192 <div class="mt-9"></div> 193 <a href="https://makavisuals.com/services/tv-commercial/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white "> 194 195View Service 196 197 198 </a> 199 </div> 200 201 <div class="w-1/2"> 202 <img fetchpriority="high" width="756" height="648" src="https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_01_3.32.1-e1705663198150.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="Glass of Cisk (Beer) and Cisk bottle next to it" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_01_3.32.1-e1705663198150.jpg 756w, https://makavisuals.com/wp-content/uploads/2023/07/Cisk_Still_01_3.32.1-e1705663198150-300x257.jpg 300w" sizes="(max-width: 756px) 100v
202w, 756px" /> 203 </div> 204 </div> 205 <div class="flex h-full hidden" id="explainer" role="tabpanel" aria-labelledby="explainer-tab"> 206 <div class="text-p1 text-white w-1/2"> 207 Our explainer videos make use of humans (also known as actors) to explain your brand or product in a simple and relatable way. These videos can make complex ideas easy to understand and remember. They create personal connections, helping viewers build trust and engage with your brand. 208 <div class="mt-9"></div> 209 <a href="https://makavisuals.com/services/explainer/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white "> 210 211View Service 212 213 214 </a> 215 </div> 216 217 <div class="w-1/2"> 218 <img loading="lazy" width="1074" height="702" src="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43.jpg 1074w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43-300x196.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43-1024x669.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-17.24.43-768x502.jpg 768w" sizes="(max-width: 1074px) 100vw, 1074px" /> 219 </div> 220 </div> 221 <div class="flex h-full hidden" id="lead-gen-campaign" role="tabpanel" aria-labelledby="lead-gen-campaign-tab"> 222 <div class="text-p1 text-white w-1/2"> 223 Lead Generation Videos are the key to converting potential customers into valuable leads. They offer precise targeting and engagement. These videos maintain audience interest and humanize your brand, fostering lasting connections. In essence, Lead Gen Videos drive results by combining engagement and emotional resonance to create brand loyalty. 224 <div class="mt-9"></div> 225 <a href="https://makavisuals.com/services/lead-gen-campaign/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white "> 226 227View Service 228 229 230 </a> 231 </div> 232 233 <div class="w-1/2"> 234 <img loading="lazy" width="900" height="506" src="https://makavisuals.com/wp-content/uploads/2023/07/NeatPlay_BetRoad_1.6.1-e1706535282744.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" /> 235 </div> 236 </div> 237 <div class="flex h-full hidden" id="social-media" role="tabpanel" aria-labelledby="social-media-tab"> 238 <div class="text-p1 text-white w-1/2"> 239 We create social media videos that catch attention, spark interest, and encourage engagement among social media users. These videos can quickly grab viewers' attention as they scroll through their feeds. Crafted to be easily consumable and shareable, makes them an effective tool for promoting products, services, or ideas within the fast-paced and visually-driven world of social media. 240 <div class="mt-9"></div> 241 <a href="https://makavisuals.com/services/social-media/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white "> 242 243View Service 244 245 246 </a> 247 </div> 248 249 <div class="w-1/2"> 250 <img loading="lazy" width="1920" height="1080" src="https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN.jpg 1920w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/02/DrJuice_MAIN-1536x864.jpg 1536w" sizes="(max-width: 1920px) 100v
250w, 1920px" /> 251 </div> 252 </div> 253 <div class="flex h-full hidden" id="product-launch" role="tabpanel" aria-labelledby="product-launch-tab"> 254 <div class="text-p1 text-white w-1/2"> 255 Usually focuses on the product/service and its use/consumption - can be in the form of an explainer (where the USPs are being explained to the audience in a creative manner â no teleshopping vibes) when we need to focus on USPs, but can also give off a feeling that makes the audience relate to the product/service in a way the client is aiming for. The video can be adapted to specific video formats and durations according to the medium being used â whether itâs TV or social media 256 <div class="mt-9"></div> 257 <a href="https://makavisuals.com/services/product-launch/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white "> 258 259View Service 260 261 262 </a> 263 </div> 264 265 <div class="w-1/2"> 266 <img loading="lazy" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2023/08/Untitled_6.1.1-e1706540535497.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" /> 267 </div> 268 </div> 269 <div class="flex h-full hidden" id="brand-awareness" role="tabpanel" aria-labelledby="brand-awareness-tab"> 270 <div class="text-p1 text-white w-1/2"> 271 This type of video advert encourages the audience to connect with the brand on an emotional level â making it the brand of choice for their target. Here we do not focus on price points, but rather on the benefits that the brand can give to its audience. 272 <div class="mt-9"></div> 273 <a href="https://makavisuals.com/services/brand-awareness/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white "> 274 275View Service 276 277 278 </a> 279 </div> 280 281 <div class="w-1/2"> 282 <img loading="lazy" width="790" height="680" src="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.22.37.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.22.37.jpg 790w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.22.37-300x258.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/01/Screenshot-2023-01-20-at-15.22.37-768x661.jpg 768w" sizes="(max-width: 790px) 100vw, 790px" /> 283 </div> 284 </div> 285 <div class="flex h-full hidden" id="video-campaign" role="tabpanel" aria-labelledby="video-campaign-tab"> 286 <div class="text-p1 text-white w-1/2"> 287 A series of videos spread over a period of time, could be months or even a full year and in different mediums â TV, social media, reels, YouTube ads, Google Ads. The campaign content can be adapted to fit specific video formats, optimizing each screen size as necessary, and durations according to the medium being used. 288 <div class="mt-9"></div> 289 <a href="https://makavisuals.com/services/video-campaign/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white "> 290 291View Service 292 293 294 </a> 295 </div> 296 297 <div class="w-1/2"> 298 <img loading="lazy" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_02.jpg" class="translate-x-1/2 h-full object-cover wp-post-image" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_02.jpg 800w, https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_02-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/MCD_HomeStyle_02-768x432.jpg 768w" sizes="(max-width: 800px) 100v
298w, 800px" /> 299 </div> 300 </div> 301 </div> 302 </div> 303 <a href="https://makavisuals.com/about/" class="flex items-center group z-10 relative"> 304 <p class="text-p1 text-white font-medium group-hover:text-orange transition-all duration-300">About</p> 305 <img loading="lazy" width="16" height="10" src="https://makavisuals.com/wp-content/uploads/2022/10/camera.svg" class="w-4 ml-2 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" /> 306 </a> 307 308 <a href="https://makavisuals.com/contact-us/" class="flex items-center group z-10 relative"> 309 <p class="text-p1 text-white font-medium group-hover:text-orange transition-all duration-300">Contact</p> 310 <img loading="lazy" width="130" height="112" src="https://makavisuals.com/wp-content/uploads/2022/10/megaphone.svg" class="w-4 ml-2 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" /> 311 </a> 312 313 </div> 314 315 <button class="z-50 flex lg:hidden items-center mobile-menu-trigger [&.active_.top]:rotate-45 [&.active_.bottom]:-rotate-45 [&.active_.top]:translate-y-3 [&.active_.bottom]:-translate-y-[8px] [&.active_.middle]:opacity-0 [&.active_.middle]:translate-x-2"> 316 <p class="text-p2-sm text-white font-medium mr-4">Menu</p> 317 <div class="hamburger flex flex-col gap-[6px]"> 318 <div class="line top w-12 h-[2px] bg-white block transition-all"></div> 319 <div class="line middle w-12 h-[2px] bg-white block transition-all"></div> 320 <div class="line bottom w-12 h-[2px] bg-white block transition-all"></div> 321 </div> 322 </button> 323 324 <div x-cloak class="mobile-menu -translate-y-full top-0 left-0 fixed transition-all duration-700 w-screen h-screen bg-black px-10 flex lg:hidden flex-col justify-center gap-10 [&.show]:-translate-y-0"> 325 326 <a href="https://makavisuals.com/projects/" class="flex items-center group z-10 relative "> 327 <p class="text-t3 font-bold text-white group-hover:text-orange transition-all duration-300">Projects</p> 328 <img loading="lazy" width="91" height="78" src="https://makavisuals.com/wp-content/uploads/2022/10/clapperboard.svg" class="w-12 ml-5 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" /> 329 </a> 330 331 <a href="https://makavisuals.com/services/" class="flex items-center group z-10 relative services-menu-item"> 332 <p class="text-t3 font-bold text-white group-hover:text-orange transition-all duration-300">Services</p> 333 <img loading="lazy" width="117" height="100" src="https://makavisuals.com/wp-content/uploads/2022/10/spotlight.svg" class="w-12 ml-5 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" /> 334 </a> 335 336 <a href="https://makavisuals.com/about/" class="flex items-center group z-10 relative "> 337 <p class="text-t3 font-bold text-white group-hover:text-orange transition-all duration-300">About</p> 338 <img loading="lazy" width="16" height="10" src="https://makavisuals.com/wp-content/uploads/2022/10/camera.svg" class="w-12 ml-5 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" /> 339 </a> 340 341 <a href="https://makavisuals.com/contact-us/" class="flex items-center group z-10 relative "> 342 <p class="text-t3 font-bold text-white group-hover:text-orange transition-all duration-300">Contact</p> 343 <img loading="lazy" width="130" height="112" src="https://makavisuals.com/wp-content/uploads/2022/10/megaphone.svg" class="w-12 ml-5 group-hover:-rotate-12 transition-all duration-300" alt="" decoding="async" /> 344 </a> 345 </div> 346 347 <div x-cloak class="services-menu-mobile translate-x-full transition-all duration-700 bg-black px-10 flex lg:hidden flex-col justify-center fixed w-screen h-screen top-0 left-0 z-20 [&.show]:-translate-x-0"> 348 349 350 351 <a href="https://makavisuals.com/services/tv-commercial/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">TV Commercials</a> 352 <a href="https://makavisuals.com/services/explainer/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Explainer Videos</a> 353 <a href="https://makavisuals.com/services/lead-gen-campaign/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Lead Gen Videos</a> 354 <a href="https://makavisuals.com/services/social-media/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Social Media Videos</a> 355 <a href="https://makavisuals.com/services/product-launch/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Product Launch</a> 356 <a href="https://makavisuals.com/services/brand-awareness/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Brand Awareness</a> 357 <a href="https://makavisuals.com/services/video-campaign/" class="text-t3 text-white font-bold mb-8 text-left whitespace-nowrap hover:text-orange transition-color duration-300 services-tab">Video Campaign</a> 358 </div> 359</header> 360 361 <main id="main" class="main"> 362 <article class="post-184 service type-service status-publish format-standard has-post-thumbnail hentry">
363 <div class="relative"> 364 <div class="background-illustrations absolute w-full top-0 -z-10 pt-96"> 365 <div class="w-full flex justify-start"> 366 <svg class="w-7/12 h-auto dgrey shadow-none -rotate-12 -translate-x-1/4" width="168" height="148" viewBox="0 0 168 148" fill="none" xmlns="http://www.w3.org/2000/svg"> 367<g filter="url(#filter0_d_338_2748)"> 368<path d="M20.924 130L150 118.865V48.2672L30.8496 49.5869L144.696 30.4483L138.172 10L10 39.2628L20.924 130Z" fill="white"/> 369</g> 370<defs> 371<filter id="filter0_d_338_2748" x="0" y="0" width="168" height="148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 372<feFlood flood-opacity="0" result="BackgroundImageFix"/> 373<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> 374<feOffset dx="4" dy="4"/> 375<feGaussianBlur stdDeviation="7"/> 376<feComposite in2="hardAlpha" operator="out"/> 377<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> 378<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_338_2748"/> 379<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_338_2748" result="shape"/> 380</filter> 381</defs> 382</svg> </div> 383 384 <div class="w-full flex justify-end pt-96"> 385 <svg class="w-7/12 h-auto dgrey shadow-none rotate-12 translate-x-1/4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 386<path d="M16 15.5L11.9105 0.5H4.08966L0 15.5H16Z" fill="#F15A23"/> 387</svg> </div> 388 389 <div class="w-full flex justify-start pt-96"> 390 <?xml version="1.0" encoding="utf-8"?> 391<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 392<svg class="w-7/12 h-auto dgrey shadow-none -translate-x-1/4" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 393 viewBox="0 0 103 89" style="enable-background:new 0 0 103 89;" xml:space="preserve"> 394<style type="text/css"> 395 .st0{fill:#FFFFFF;} 396</style> 397<g> 398 <path class="st0" d="M103,66.5L74.4,0L0,75.3L2.7,80L28,76.6L24.1,89l36.7-2.2l-5.6-13.9L103,66.5z"/> 399</g> 400</svg> </div> 401 402 <div class="w-full flex justify-end pt-96"> 403 <svg class="w-7/12 h-auto dgrey shadow-none rotate-12 translate-x-1/4" width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 404<path d="M15.2615 9.21078L16 1.50053L11.2783 3.45646L12.0272 0.379043L0.119414 0L0 9.49271L10.9178 10L11.3998 7.11282L15.2615 9.21078Z" fill="#F15A23"/> 405</svg> </div> 406 407 <div class="w-full flex justify-start"> 408 <svg class="w-7/12 h-auto dgrey shadow-none -rotate-12 -translate-x-1/4" width="168" height="148" viewBox="0 0 168 148" fill="none" xmlns="http://www.w3.org/2000/svg"> 409<g filter="url(#filter0_d_338_2748)"> 410<path d="M20.924 130L150 118.865V48.2672L30.8496 49.5869L144.696 30.4483L138.172 10L10 39.2628L20.924 130Z" fill="white"/> 411</g> 412<defs> 413<filter id="filter0_d_338_2748" x="0" y="0" width="168" height="148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> 414<feFlood flood-opacity="0" result="BackgroundImageFix"/> 415<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> 416<feOffset dx="4" dy="4"/> 417<feGaussianBlur stdDeviation="7"/> 418<feComposite in2="hardAlpha" operator="out"/> 419<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/> 420<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_338_2748"/> 421<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_338_2748" result="shape"/> 422</filter> 423</defs> 424</svg> </div> 425 426 <div class="w-full flex justify-end pt-96"> 427 <svg class="w-7/12 h-auto dgrey shadow-none rotate-12 translate-x-1/4" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 428<path d="M16 15.5L11.9105 0.5H4.08966L0 15.5H16Z" fill="#F15A23"/> 429</svg> </div> 430 431 <div class="w-full flex justify-start pt-96"> 432 <?xml version="1.0" encoding="utf-8"?> 433<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 434<svg class="w-7/12 h-auto dgrey shadow-none -translate-x-1/4" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 435 viewBox="0 0 103 89" style="enable-background:new 0 0 103 89;" xml:space="preserve"> 436<style type="text/css"> 437 .st0{fill:#FFFFFF;} 438</style> 439<g> 440 <path class="st0" d="M103,66.5L74.4,0L0,75.3L2.7,80L28,76.6L24.1,89l36.7-2.2l-5.6-13.9L103,66.5z"/> 441</g> 442</svg> </div> 443 444 <div class="w-full flex justify-end pt-96"> 445 <svg class="w-7/12 h-auto dgrey shadow-none rotate-12 translate-x-1/4" width="16" height="10" viewB
445ox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 446<path d="M15.2615 9.21078L16 1.50053L11.2783 3.45646L12.0272 0.379043L0.119414 0L0 9.49271L10.9178 10L11.3998 7.11282L15.2615 9.21078Z" fill="#F15A23"/> 447</svg> </div> 448</div> 449 <div class=" pb-16 pt-48 lg:pb-24 flex flex-wrap relative"> 450 <div class="md:w-2/12"></div> 451 <h1 class="w-full md:w-5/12 text-t3 lg:text-t2 text-white font-black uppercase py-12 px-spacer-mobile lg:px-0">Product Launch</h1> 452 <div class="md:w-2/12"></div> 453 <div class="w-9/12 md:w-3/12 relative order-3 lg:order-none translate-x-1/3 -translate-y-12 lg:-translate-y-0 lg:translate-x-0 z-10"> 454 <img loading="lazy" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2023/08/Untitled_6.1.1-e1706540535497.jpg" class="object-cover md:h-[80vh]" alt="" decoding="async" /> 455 </div> 456 457 <div class="w-10/12 md:w-4/12 relative md:absolute bottom-0 order-2 lg:order-none"> 458 <img loading="lazy" width="850" height="478" src="https://makavisuals.com/wp-content/uploads/2023/08/Untitled_5.4.1-e1706540906899.jpg" class="object-cover w-full" alt="" decoding="async" /> 459 </div> 460</div> 461 <div class="px-spacer-mobile lg:px-spacer pt-0 lg:pt-24 flex flex-wrap"> 462 463 <div class="grid w-full grid-cols-10 mb-16"> 464 <div class="col-span-full lg:col-span-3"> 465 <p class=" text-lead-sm lg:text-lead font-semibold text-white mb-2 lg:mb-0">For who</p> 466 </div> 467 <div class="col-span-full lg:col-span-6"> 468 <div class=" text-lead-sm lg:text-lead text-white font-light"><p>Launching a new product or boosting an existing one? Targeting a specific demographic and highlighting its benefits or unique selling points? This service is tailored to help you create a nationwide video marketing campaign that generates leads and interest for your freshly launched product. Whether you need your product’s name to stick or want to create a sense of urgency, these videos are designed to achieve your goals. We’re set to deliver a wide range of video types, which can be seamlessly integrated into a comprehensive campaign. From captivating hero ads to shorter videos for social media consumption, we’ve got you covered. Additionally, this can get you content for out-of-home (OOH) advertising, digital formats, and even radio ads within the same campaign.</p> 469</div> 470 </div> 471 </div> 472 473 <div class="grid w-full grid-cols-10 mb-16"> 474 <div class="col-span-full lg:col-span-3"> 475 <p class=" text-lead-sm lg:text-lead font-semibold text-white mb-2 lg:mb-0">What it is</p> 476 </div> 477 <div class="col-span-full lg:col-span-6"> 478 <div class=" text-lead-sm lg:text-lead text-white font-light"><p>We understand the importance of showcasing your product and service and its unique features in a way that captures attention and creates a meaningful connection. Whether you need an explainer video that creatively highlights your unique selling points without feeling like a typical infomercial or a video that evokes an emotional response and aligns with your brand’s objectives, we’ve set ourselves up to do it all for you. We’ll make sure your videos are adaptable to various formats and durations, ensuring they are optimised for different mediums such as TV or social media.</p> 479</div> 480 </div> 481 </div> 482 483 <div class="grid w-full grid-cols-10 mb-16"> 484 <div class="col-span-full lg:col-span-3"> 485 <p class=" text-lead-sm lg:text-lead font-semibold text-white mb-2 lg:mb-0">How it works</p> 486 </div> 487 <div class="col-span-full lg:col-span-6"> 488 <div class=" text-lead-sm lg:text-lead text-white font-light"><p>We begin by analyzing the creative brief provided by you or collaborating with you to develop one. Our focus is on highlighting the key features of your product and understanding your target audience. We strive to create a lasting impression for viewers or foster a sense of belonging b
488y allowing them to express their identity through your product. Through thorough research, we delve into the benefits and unique selling points of your product, as well as its relationship to your overall brand, if applicable. Our dedicated team then crafts a carefully tailored creative concept based on the gathered information and the distribution plan. We go the extra mile by studying, testing, using, and comprehending your product, ensuring a deep understanding that extends even to our creative team. Additionally, we thoroughly analyse the market and your competitors’ marketing strategies to identify ways to make your product stand out in the best possible way. We recognise that our work involves a psychological aspect, so we invest considerable effort in understanding what truly resonates with your audience, ensuring their engagement and reactions.</p> 489</div> 490 </div> 491 </div> 492 493 <div class="grid w-full grid-cols-10 mb-16"> 494 <div class="col-span-full lg:col-span-3"> 495 <p class=" text-lead-sm lg:text-lead font-semibold text-white mb-2 lg:mb-0">Why choose this</p> 496 </div> 497 <div class="col-span-full lg:col-span-6"> 498 <div class=" text-lead-sm lg:text-lead text-white font-light"><p>Make your product shine by capturing its essence through professionally crafted videos. We help you showcase what sets your product apart, generating curiosity and building awareness among your target audience. With our expertise in visuals and storytelling, we create a lasting impression that resonates with your prospects, ensuring your brand stays at the forefront of their minds. Our approach focuses on highlighting the benefits rather than overwhelming with technical details. Whether you’re launching a new product or aiming to maintain a strong presence, our videos are designed to drive marketing results and keep your service fresh in the minds of your customers.</p> 499</div> 500 </div> 501 </div> 502 </div> 503 <div class="mb-36 project-references"> 504 <div class="flex justify-between items-center px-spacer-mobile lg:px-spacer gap-5 mb-12"> 505 <h5 class="text-t5 text-orange">Project references</h5> 506 <div class="swiper-navigation flex justify-center gap-3 z-20 relative"> 507 <button class="swiper-button-prev transition-all hover:bg-grey hover:bg-opacity-10 rounded-full overflow-hidden disabled:opacity-50"><img class="rotate-180" src="https://makavisuals.com/wp-content/themes/maka/public/images/arrow-right-circle.9ab9d6.svg" alt=""></button> 508 <button class="swiper-button-next transition-all hover:bg-grey hover:bg-opacity-10 rounded-full overflow-hidden disabled:opacity-50"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/arrow-right-circle.9ab9d6.svg" alt=""></button> 509 </div> 510 </div> 511 512 <div class="block whitespace-nowrap overflow-x-scroll overflow-y-hidden [&::-webkit-scrollbar]:hidden" style="-ms-overflow-style: none; scrollbar-width: none;"> 513 514 <div class="swiper !px-spacer-mobile lg:!px-spacer"> 515 <div class="swiper-wrapper"> 516 <div class="swiper-slide"> 517 <a href="https://makavisuals.com/projects/shake/" class="w-full block group project-card pointer-events-auto opacity-0"> 518 <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 "> 519 <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"> 520 <div class="image-wrapper w-full h-full relative overflow-hidden"> 521 <img loading="lazy" width="800" height="500" src="https://makavisuals.com/wp-content/uploads/2023/07/Shake_04.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/07/Shake_04.jpg 800w, https://makavisuals.com/wp-content/uploads/2023/07/Shake_04-300x188.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/Shake_04-768x480.jpg 768w" sizes="(max-width: 800px) 100v
521w, 800px" /> 522 </div> 523 </div> 524 </div> 525 526 <div class="flex items-center"> 527 <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Vodafone</p> 528</h6> 529 <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div> 530 531 532 <h6 class="text-p2-sm lg:text-t6 text-white font-light white">shake</h6> 533 </div> 534</a> </div> 535 <div class="swiper-slide"> 536 <a href="https://makavisuals.com/projects/mc-crispy/" class="w-full block group project-card pointer-events-auto opacity-0"> 537 <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 "> 538 <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"> 539 <div class="image-wrapper w-full h-full relative overflow-hidden"> 540 <img loading="lazy" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/MCD_McCrispy_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
540w, 2500px" /> 541 </div> 542 </div> 543 </div> 544 545 <div class="flex items-center"> 546 <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonaldâs</p> 547</h6> 548 <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div> 549 550 551 <h6 class="text-p2-sm lg:text-t6 text-white font-light white">McCrispy</h6> 552 </div> 553</a> </div> 554 <div class="swiper-slide"> 555 <a href="https://makavisuals.com/projects/loans/" class="w-full block group project-card pointer-events-auto opacity-0"> 556 <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 "> 557 <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"> 558 <div class="image-wrapper w-full h-full relative overflow-hidden"> 559 <img loading="lazy" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/07/HSBC_SOTY_05_MAIN-1-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
559w, 2500px" /> 560 </div> 561 </div> 562 </div> 563 564 <div class="flex items-center"> 565 <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>HSBC</p> 566</h6> 567 <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div> 568 569 570 <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Start of the Year</h6> 571 </div> 572</a> </div> 573 <div class="swiper-slide"> 574 <a href="https://makavisuals.com/projects/melita-5g/" class="w-full block group project-card pointer-events-auto opacity-0"> 575 <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 "> 576 <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"> 577 <div class="image-wrapper w-full h-full relative overflow-hidden"> 578 <img loading="lazy" width="800" height="450" src="https://makavisuals.com/wp-content/uploads/2024/01/Melita_5G_DeeDee_01.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2024/01/Melita_5G_DeeDee_01.jpg 800w, https://makavisuals.com/wp-content/uploads/2024/01/Melita_5G_DeeDee_01-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/Melita_5G_DeeDee_01-768x432.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /> 579 </div> 580 </div> 581 </div> 582 583 <div class="flex items-center"> 584 <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Melita</p> 585</h6> 586 <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div> 587 588 589 <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Endless 5G</h6> 590 </div> 591</a> </div> 592 <div class="swiper-slide"> 593 <a href="https://makavisuals.com/projects/benna-promilk/" class="w-full block group project-card pointer-events-auto opacity-0"> 594 <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 "> 595 <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"> 596 <div class="image-wrapper w-full h-full relative overflow-hidden"> 597 <img loading="lazy" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1.jpg 2500w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2023/07/BENNA_MAIN_4.3.1-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
597w, 2500px" /> 598 </div> 599 </div> 600 </div> 601 602 <div class="flex items-center"> 603 <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>Benna</p> 604</h6> 605 <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div> 606 607 608 <h6 class="text-p2-sm lg:text-t6 text-white font-light white">ProMilk</h6> 609 </div> 610</a> </div> 611 <div class="swiper-slide"> 612 <a href="https://makavisuals.com/projects/big-mac-family/" class="w-full block group project-card pointer-events-auto opacity-0"> 613 <div class="relative w-full aspect-video overflow-hidden mb-2 lg:mb-1 "> 614 <div class="image-container absolute w-full h-[calc(100%+100px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"> 615 <div class="image-wrapper w-full h-full relative overflow-hidden"> 616 <img loading="lazy" width="2500" height="1406" src="https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN.jpg" class="w-full h-full relative object-cover group-hover:scale-110 transition-all duration-500" alt="" decoding="async" srcset="https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN.jpg 2500w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-300x169.jpg 300w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-1024x576.jpg 1024w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-768x432.jpg 768w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-1536x864.jpg 1536w, https://makavisuals.com/wp-content/uploads/2024/01/McDonalds_BigMacFamily_MAIN-2048x1152.jpg 2048w" sizes="(max-width: 2500px) 100v
616w, 2500px" /> 617 </div> 618 </div> 619 </div> 620 621 <div class="flex items-center"> 622 <h6 class="text-p2-sm lg:text-t6 text-white font-semibold"><p>McDonald’s</p> 623</h6> 624 <div class="w-10 lg:w-14 h-px bg-grey block mx-3"></div> 625 626 627 <h6 class="text-p2-sm lg:text-t6 text-white font-light white">Big Mac Family</h6> 628 </div> 629</a> </div> 630 </div> 631 </div> 632 633 634 635 </div> 636</div> 637 <div class="flex flex-wrap justify-between items-center"> 638 <div class="lg:w-1/12"></div> 639 <div class="w-full lg:w-5/12 py-14 px-spacer-mobile lg:px-0"> 640 <p class="text-lead text-white font-light mb-5">Got a brand ready to shine?</p> 641 <h3 class="text-t3 text-white font-bold mb-8">Let's give that Video Campaign some oomph!</h3> 642 <a href="https://makavisuals.com/contact-us/" class="button group relative text-p1-sm lg:text-p1 text-white inline-flex items-center whitespace-nowrap font-medium py-6 lg:py-4 px-12 lg:px-8 rounded-full transition-all duration-300 before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:rounded-full before:border before:border-orange before:transition-all before:duration-500 hover:before:w-[calc(100%+30px)] hover:before:h-[calc(100%+30px)] hover:bg-orange hover:text-white "> 643 644Contact Us 645 646 <?xml version="1.0" encoding="utf-8"?> 647<!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 648<svg class="w-4 h-auto ml-2" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 649 viewBox="0 0 103 89" style="enable-background:new 0 0 103 89;" xml:space="preserve"> 650<style type="text/css"> 651 .st0{fill:#FFFFFF;} 652</style> 653<g> 654 <path class="st0" d="M103,66.5L74.4,0L0,75.3L2.7,80L28,76.6L24.1,89l36.7-2.2l-5.6-13.9L103,66.5z"/> 655</g> 656</svg> 657 </a> 658 </div> 659 <div class="w-2/12"></div> 660 <div class="w-5/12 lg:w-4/12 -translate-y-24 lg:translate-y-0"> 661 <img class="w-full" src="https://makavisuals.com/wp-content/themes/maka/public/images/maka-icon.b8f668.svg" alt=""> 662 </div> 663</div> </div> 664</article> 665 </main> 666 667 <footer class="flex flex-wrap px-10 pt-12 pb-8 mt-12 font-primary"> 668 <div class="flex flex-col lg:flex-row justify-between items-center lg:items-end w-full mb-7"> 669 <div class="flex items-center mt-8 gap-x-5 mb-12 lg:mb-0"> 670 <a target="_blank" href="https://www.facebook.com/makavisuals/"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/facebook.a2aaa2.svg" /></a> 671 672 <a target="_blank" href="https://www.facebook.com/makavisuals/"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/messenger.02699f.svg" /></a> 673 674 <a target="_blank" href="https://www.instagram.com/makavisuals/"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/instagram.5889bd.svg" /></a> 675 676 <a target="_blank" href="https://www.linkedin.com/company/makavisuals/"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/linkedin.aa6db2.svg" /></a> 677 678 <a target="_blank" href="https://vimeo.com/makavisuals"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/vimeo.0032c6.svg" /></a> 679 680 <a target="_blank" href="https://www.youtube.com/channel/UCt_sDbAy19mJ9um0H1YZMng"><img src="https://makavisuals.com/wp-content/themes/maka/public/images/youtube.4536be.svg" /></a> 681 </div> 682 683 <div class="flex flex-col lg:flex-row items-center gap-8 mb-12 lg:mb-0"> 684 <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/careers/">Careers</a> 685 <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/projects/">Projects</a> 686 <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/services/">Services</a> 687 <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/about/">About</a> 688 <a class="text-p1-sm lg:text-p1 font-medium text-white font-primary transition-all duration-300 hover:text-orange" href="https://makavisuals.com/contact-us/">Contact Us</a> 689 </div> 690 </div> 691 692 <div class="flex flex-col lg:flex-row justify-between w-full"> 693 <div class="flex flex-col lg:flex-row items-center mb-10 lg:mb-0"> 694 <p class="text-grey text-p2-sm lg:text-p2 font-medium mb-5 lg:mb-0 lg:mr-4">©MAKA 2026</p> 695 <p class="text-grey text-p2-sm lg:text-p2 font-light text-center lg:text-left">MAKA Visuals, Triq l-Irham, Marsa, MRS 1612, Malta, Europe</p> 696 </div> 697 698 <div class="flex flex-wrap justify-center lg:justify-start items-center gap-7"> 699 <a href="https://makavisuals.com/terms-conditions/" class="text-p2-sm lg:text-p2 text-grey font-medium">Terms & Conditions</a> 700 <a href="https://makavisuals.com/privacy-policy/" class="text-p2-sm lg:text-p2 text-grey font-medium">Privacy Policy</a> 701 702 <a href="https://loandbehold.studio" target="_blank" class="text-p1-sm lg:text-p1 text-orange font-bold flex items-center group"> <img class="mr-1 transition-all duration-300 group-hover:-rotate-12 group-hover:-translate-y-1" src="https://makavisuals.com/wp-content/themes/maka/public/images/heart.ff2876.svg" alt=""> Lo&Behold</a> 703 </div> 704 </div> 705</footer> 706 </div> 707 708
708<script type="speculationrules"> 709{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/maka/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 710</script>
710 711
711<script> 712 const registerAllyAction = () => { 713 if ( ! window?.ElementorProFrontendConfig || ! window?.elementorFrontend?.utils?.urlActions ) { 714 return; 715 } 716 717 elementorFrontend.utils.urlActions.addAction( 'allyWidget:open', () => { 718 if (window?.ea11yWidget?.widget?.open) { 719 return window.ea11yWidget.widget.isOpen() 720 ? window.ea11yWidget.widget.close() 721 : window.ea11yWidget.widget.open(); 722 } 723 } ); 724 }; 725 726 const waitingLimit = 30; 727 let retryCounter = 0; 728 729 const waitForElementorPro = () => { 730 return new Promise( ( resolve ) => { 731 const intervalId = setInterval( () => { 732 if ( retryCounter === waitingLimit ) { 733 resolve( null ); 734 } 735 736 retryCounter++; 737 738 if ( window.elementorFrontend && window?.elementorFrontend?.utils?.urlActions ) { 739 clearInterval( intervalId ); 740 resolve( window.elementorFrontend ); 741 } 742 }, 100 ); // Check every 100 milliseconds for availability of elementorFrontend 743 }); 744 }; 745 746 waitForElementorPro().then( () => { registerAllyAction(); }); 747 </script>
747 748
748<script> 749 const lazyloadRunObserver = () => { 750 const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); 751 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 752 entries.forEach( ( entry ) => { 753 if ( entry.isIntersecting ) { 754 let lazyloadBackground = entry.target; 755 if( lazyloadBackground ) { 756 lazyloadBackground.classList.add( 'e-lazyloaded' ); 757 } 758 lazyloadBackgroundObserver.unobserve( entry.target ); 759 } 760 }); 761 }, { rootMargin: '200px 0px 200px 0px' } ); 762 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 763 lazyloadBackgroundObserver.observe( lazyloadBackground ); 764 } ); 765 }; 766 const events = [ 767 'DOMContentLoaded', 768 'elementor/lazyload/observe', 769 ]; 770 events.forEach( ( event ) => { 771 document.addEventListener( event, lazyloadRunObserver ); 772 } ); 773 </script>
773 774
774<script id="app/0-js-before"> 775(()=>{"use strict";var r,e={},o={};function t(r){var n=o[r];if(void 0!==n)return n.exports;var a=o[r]={exports:{}};return e[r].call(a.exports,a,a.exports,t),a.exports}t.m=e,r=[],t.O=(e,o,n,a)=>{if(!o){var s=1/0;for(p=0;p<r.length;p++){o=r[p][0],n=r[p][1],a=r[p][2];for(var i=!0,l=0;l<o.length;l++)(!1&a||s>=a)&&Object.keys(t.O).every((r=>t.O[r](o[l])))?o.splice(l--,1):(i=!1,a<s&&(s=a));if(i){r.splice(p--,1);var f=n();void 0!==f&&(e=f)}}return e}a=a||0;for(var p=r.length;p>0&&r[p-1][2]>a;p--)r[p]=r[p-1];r[p]=[o,n,a]},t.d=(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},t.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),(()=>{var r={666:0};t.O.j=e=>0===r[e];var e=(e,o)=>{var n,a,s=o[0],i=o[1],l=o[2],f=0;if(s.some((e=>0!==r[e]))){for(n in i)t.o(i,n)&&(t.m[n]=i[n]);if(l)var p=l(t)}for(e&&e(o);f<s.length;f++)a=s[f],t.o(r,a)&&r[a]&&r[a][0](),r[a]=0;return t.O(p)},o=self.webpackChunksage=self.webpackChunksage||[];o.forEach(e.bind(null,0)),o.push=e.b
775ind(null,o.push.bind(o))})()})(); 776//# sourceURL=app%2F0-js-before 777</script>
vendor: 1 bytes, line 777
777
778<script id="app/0-js" src="https://makavisuals.com/wp-content/themes/maka/public/js/575.4b71f1.js"></script>
vendor: 1 bytes, line 778
778
779<script id="app/1-js" src="https://makavisuals.com/wp-content/themes/maka/public/js/908.00d2b3.js"></script>
vendor: 1 bytes, line 779
779
780<script id="app/2-js" src="https://makavisuals.com/wp-content/themes/maka/public/js/app.ffe38e.js"></script>
vendor: 1 bytes, line 780
780
781<script id="wp-emoji-settings" type="application/json"> 782{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://makavisuals.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}} 783</script>
vendor: 1 bytes, line 783
783
784<script type="module"> 785/*! This file is auto-generated */ 786var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 787//# sourceURL=https://makavisuals.com/wp-includes/js/wp-emoji-loader.min.js 788</script>
788 789
789<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"1322da780efa4faaa1c774632c006bd7","r":1,"spa":2}' crossorigin="anonymous"></script>
789 790</body> 791</html> 792<!-- 793Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com 794 795Retrieved 3726 objects (501 KB) from Redis using PhpRedis (v5.3.7). 796-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.