diff --git a/.gitignore b/.gitignore
index 31ee6ab..ccb13a7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,5 @@ dist/js/voicemod-debug.js
 _everything/
 src/video/final-with-stumble.mp4
 dist/video/final-with-stumble.mp4
+dist/video/ennely.mp4
+src/video/ennely.mp4
diff --git a/dist/js/microsoft.js b/dist/js/microsoft.js
index d3e6e82..f21fb38 100644
--- a/dist/js/microsoft.js
+++ b/dist/js/microsoft.js
@@ -1 +1 @@
-const tooltipTriggerList=document.querySelectorAll('[data-bs-toggle="tooltip"]'),tooltipList=[...tooltipTriggerList].map(e=>new bootstrap.Tooltip(e)),lenis=new Lenis;function checkiftooltip(){$(window).width()>768?($('[data-toggle="tooltip"]').tooltip(),$("[data-toggle='tooltip']").tooltip(),$('[data-toggle="tooltip"]').tooltip("enable")):$('[data-toggle="tooltip"]').tooltip("disable")}function checkifLenis(){0==$(window).width()<768?lenis.start():lenis.destroy()}function raf(e){lenis.raf(e),requestAnimationFrame(raf)}lenis.stop(),$(document).ready(function(){var e=$(".opportunityHeight").outerHeight(),t=$(".dotted-bg").outerHeight();setTimeout(function(){$("body").append("<style> .opporunityAfter:after { height: "+e+"px; } .dotted-bg:after { height: "+t+"px; } </style>")},700),checkiftooltip(),lenis.start(),$("body").removeClass("opacity-0"),$("html").css("opacity",1)}),$(window).resize(function(){checkiftooltip();var e=$(".opportunityHeight").outerHeight(),t=$(".dotted-bg").outerHeight();$("body").append("<style> .opporunityAfter:after { height: "+e+"px; } .dotted-bg:after { height: "+t+"px; } </style>")}),lenis.on("scroll",ScrollTrigger.update),gsap.ticker.add(e=>{lenis.raf(1e3*e)}),gsap.ticker.lagSmoothing(0),requestAnimationFrame(raf),document.querySelectorAll('a[href^="#"]').forEach(e=>{e.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),lenis.scrollTo(this.getAttribute("href")),bootstrap.Tooltip.getInstance(".close-button").dispose(),setTimeout(function(){[...tooltipTriggerList].map(e=>new bootstrap.Tooltip(e))},3050)})}),document.querySelectorAll('[data-target^="#"]').forEach(e=>{e.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),lenis.scrollTo(this.getAttribute("data-target")),bootstrap.Tooltip.getInstance(".close-button").dispose(),setTimeout(function(){[...tooltipTriggerList].map(e=>new bootstrap.Tooltip(e))},3050)})}),$(window).scroll(function(){$(this).scrollTop()>800?$("#toTop").fadeIn("fast"):$("#toTop").fadeOut("fast")});const showAnim=gsap.from(".main-navbar",{yPercent:-100,paused:!0,duration:.3}).progress(1);ScrollTrigger.create({start:"top top",end:99999,onUpdate:e=>{-1===e.direction?showAnim.play():showAnim.reverse()}}),gsap.registerPlugin(ScrollTrigger),gsap.to(".progress-circle",{strokeDashoffset:0,ease:"none",scrollTrigger:{scrub:.3},onComplete:e=>{$(".icon-wrap").addClass("bg-secondary"),$(".icon--close path").css({fill:"#3A2D52"})},onUpdate:e=>{"0px"!==$(".progress-circle").css("stroke-dashoffset")&&($(".icon-wrap").removeClass("bg-secondary"),$(".icon--close path").css({fill:"#3A2D52"}))}}),$(document).on("click","#oldNewSwitch",function(){$(this).prop("checked")?($("#oldNewImageContainer").attr("src","img/misc/elements/power-automate-desktop.png"),$("#oldNewImageContainer").attr("alt","Screenshot from Power Automate Desktop")):($("#oldNewImageContainer").attr("src","img/misc/elements/winautomation-old.png"),$("#oldNewImageContainer").attr("alt","Screenshot from WinAutomation"))}),$(document).on("click","#accessibilitySwitch",function(){$(this).prop("checked")?($("#accessibilityImgContainer").attr("src","img/misc/elements/pad-high-contrast.png"),$("#accessibilityImgContainer").attr("alt","High contrast version")):($("#accessibilityImgContainer").attr("src","img/misc/elements/pad-no-high-contrast.png"),$("#accessibilityImgContainer").attr("alt","Regular version"))});var $scrollableDiv1=$("#scrollableDiv1"),$scrollableDiv2=$("#scrollableDiv2");$("#scrollableDiv2").on("scroll",function(){var e=$scrollableDiv2.scrollLeft();$scrollableDiv1.scrollLeft(e)});var startX,scrollLeft,isDragging=!1;$("#scrollableDiv2, #scrollableDiv1").mousedown(function(e){e.preventDefault(),isDragging=!0,startX=e.pageX-$("#scrollableDiv2").offset().left,scrollLeft=$("#scrollableDiv2").scrollLeft(),$(this).removeClass("grab"),$(this).addClass("grabbing")}).mouseup(function(){isDraggingImprovements=!1,$(this).addClass("grab"),$(this).removeClass("grabbing")}),$(document).mousemove(function(e){if(e.preventDefault(),isDragging){var t=e.pageX-$("#scrollableDiv2").offset().left-startX;$("#scrollableDiv2").scrollLeft(scrollLeft-t)}}).mouseup(function(){isDragging=!1});var startXImprovements,scrollLeftImprovements,isDraggingImprovements=!1;$("#scrollableDivImprovements").mousedown(function(e){e.preventDefault(),isDraggingImprovements=!0,startXImprovements=e.pageX-$("#scrollableDivImprovements").offset().left,scrollLeftImprovements=$("#scrollableDivImprovements").scrollLeft(),$(this).removeClass("grab"),$(this).addClass("grabbing")}).mouseup(function(){isDraggingImprovements=!1,$(this).addClass("grab"),$(this).removeClass("grabbing")}),$(document).mousemove(function(e){if(e.preventDefault(),isDraggingImprovements){var t=e.pageX-$("#scrollableDivImprovements").offset().left-startXImprovements;$("#scrollableDivImprovements").scrollLeft(scrollLeftImprovements-t)}}).mouseup(function(){isDraggingImprovements=!1});var startXImages,scrollLeftImages,isDraggingImages=!1;function showBeforeAfter(){$("#beforeAfter").removeClass("d-none"),$(".beforeAfterBtn").addClass("d-none"),lenis.scrollTo("#beforeAfter"),$(".scrollableArea").scroll(),setTimeout(function(){var e=$(".dotted-bg").outerHeight();$("body").append("<style> .dotted-bg:after { height: "+e+"px; } </style>")},100)}function checkScrollableLeftSpace(e){const t=e.parent().find(".btn-left");e.scrollLeft()<=0?t.addClass("d-none"):t.removeClass("d-none")}function checkScrollableRightSpace(e){const t=e.parent().find(".btn-right"),o=e.get(0).scrollWidth-e.width();e.scrollLeft()>=o?t.addClass("d-none"):t.removeClass("d-none")}function handleManualScroll(){const e=$(this);checkScrollableLeftSpace(e),checkScrollableRightSpace(e)}$("#scrollableDivImages").mousedown(function(e){e.preventDefault(),isDraggingImages=!0,startXImages=e.pageX-$("#scrollableDivImages").offset().left,scrollLeftImages=$("#scrollableDivImages").scrollLeft(),$(this).removeClass("grab"),$(this).addClass("grabbing")}).mouseup(function(){isDraggingImprovements=!1,$(this).addClass("grab"),$(this).removeClass("grabbing")}),$(document).mousemove(function(e){if(e.preventDefault(),isDraggingImages){var t=e.pageX-$("#scrollableDivImages").offset().left-startXImages;$("#scrollableDivImages").scrollLeft(scrollLeftImages-t)}}).mouseup(function(){isDraggingImages=!1}),function(e,t){var o=e.createElement(t),a=e.getElementsByTagName(t)[0];o.onload=function(){window.voiceflow.chat.load({verify:{projectID:"64f776b3d0a6dd00073f976a"},url:"https://general-runtime.voiceflow.com",versionID:"production"})},o.src="https://cdn.voiceflow.com/widget/bundle.mjs",o.type="text/javascript",a.parentNode.insertBefore(o,a)}(document,"script"),$(".scrollableArea").on("scroll",handleManualScroll),$(".btn-left").click(function(){const e=$(this).parent().find(".scrollableArea");e.animate({scrollLeft:"-=300px"},"fast"),checkScrollableLeftSpace(e),checkScrollableRightSpace(e)}),$(".btn-right").click(function(){const e=$(this).parent().find(".scrollableArea");e.animate({scrollLeft:"+=300px"},"fast"),checkScrollableLeftSpace(e),checkScrollableRightSpace(e)}),$(".scrollableArea").each(function(){checkScrollableLeftSpace($(this)),checkScrollableRightSpace($(this))}),0===$(window).scrollTop()?gsap.set(".anim01, .anim02, .anim03, .anim04, .anim05",{opacity:"0"}):gsap.set(".anim01, .anim02, .anim03, .anim04, .anim05",{opacity:"1"});const timeline=gsap.timeline();timeline.add(gsap.to(".anim01",{duration:1,opacity:1}),"-=0.3").add(gsap.to(".anim02",{duration:1,opacity:1}),"-=0.3").add(gsap.to(".anim03",{duration:1,opacity:1}),"-=0.3").add(gsap.to(".anim04",{duration:1,opacity:1}),"-=0.3").add(gsap.to(".anim05",{duration:1,opacity:1}),"-=0.3");let trigger=document.getElementById("worksDropdown");document.getElementById("worksDropdown").addEventListener("mouseover",()=>{$(trigger).hasClass("show")||bootstrap.Dropdown.getOrCreateInstance(trigger).toggle()}),document.getElementById("dropdown-menu").addEventListener("mouseleave",()=>{bootstrap.Dropdown.getOrCreateInstance(trigger).toggle(),$(trigger).hasClass("show")||($("#ddImgContainer").attr("src","img/misc/illustrations/spying.svg"),$("#ddImgContainer").attr("alt","Spying illustration"))}),$(".ddLink").on("mouseover",function(){switch($(this).attr("class").split(" ")[1]){case"voicemodDD":$("#ddImgContainer").attr("src","img/misc/logos/voicemod-logo-card.svg"),$("#ddImgContainer").attr("alt","Voicemod logo");break;case"metaDD":$("#ddImgContainer").attr("src","img/misc/logos/meta-logo-card.svg"),$("#ddImgContainer").attr("alt","Meta logo");break;case"msftDD":$("#ddImgContainer").attr("src","img/misc/logos/msft-logo-card.svg"),$("#ddImgContainer").attr("alt","Microsoft logo");break;case"accusonusDD":$("#ddImgContainer").attr("src","img/misc/logos/accusonus-logo.svg"),$("#ddImgContainer").attr("alt","accusonus logo")}});
\ No newline at end of file
+const tooltipTriggerList=document.querySelectorAll('[data-bs-toggle="tooltip"]'),tooltipList=[...tooltipTriggerList].map(e=>new bootstrap.Tooltip(e)),lenis=new Lenis;function checkiftooltip(){$(window).width()>768?($('[data-toggle="tooltip"]').tooltip(),$("[data-toggle='tooltip']").tooltip(),$('[data-toggle="tooltip"]').tooltip("enable")):$('[data-toggle="tooltip"]').tooltip("disable")}function checkifLenis(){0==$(window).width()<768?lenis.start():lenis.destroy()}function raf(e){lenis.raf(e),requestAnimationFrame(raf)}lenis.stop(),$(document).ready(function(){var e=$(".opportunityHeight").outerHeight(),t=$(".dotted-bg").outerHeight();setTimeout(function(){$("body").append("<style> .opporunityAfter:after { height: "+e+"px; } .dotted-bg:after { height: "+t+"px; } </style>")},900),checkiftooltip(),lenis.start(),$("body").removeClass("opacity-0"),$("html").css("opacity",1)}),$(window).resize(function(){checkiftooltip();var e=$(".opportunityHeight").outerHeight(),t=$(".dotted-bg").outerHeight();$("body").append("<style> .opporunityAfter:after { height: "+e+"px; } .dotted-bg:after { height: "+t+"px; } </style>")}),lenis.on("scroll",ScrollTrigger.update),gsap.ticker.add(e=>{lenis.raf(1e3*e)}),gsap.ticker.lagSmoothing(0),requestAnimationFrame(raf),document.querySelectorAll('a[href^="#"]').forEach(e=>{e.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),lenis.scrollTo(this.getAttribute("href")),bootstrap.Tooltip.getInstance(".close-button").dispose(),setTimeout(function(){[...tooltipTriggerList].map(e=>new bootstrap.Tooltip(e))},3050)})}),document.querySelectorAll('[data-target^="#"]').forEach(e=>{e.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),lenis.scrollTo(this.getAttribute("data-target")),bootstrap.Tooltip.getInstance(".close-button").dispose(),setTimeout(function(){[...tooltipTriggerList].map(e=>new bootstrap.Tooltip(e))},3050)})}),$(window).scroll(function(){$(this).scrollTop()>800?$("#toTop").fadeIn("fast"):$("#toTop").fadeOut("fast")});const showAnim=gsap.from(".main-navbar",{yPercent:-100,paused:!0,duration:.3}).progress(1);ScrollTrigger.create({start:"top top",end:99999,onUpdate:e=>{-1===e.direction?showAnim.play():showAnim.reverse()}}),gsap.registerPlugin(ScrollTrigger),gsap.to(".progress-circle",{strokeDashoffset:0,ease:"none",scrollTrigger:{scrub:.3},onComplete:e=>{$(".icon-wrap").addClass("bg-secondary"),$(".icon--close path").css({fill:"#3A2D52"})},onUpdate:e=>{"0px"!==$(".progress-circle").css("stroke-dashoffset")&&($(".icon-wrap").removeClass("bg-secondary"),$(".icon--close path").css({fill:"#3A2D52"}))}}),$(document).on("click","#oldNewSwitch",function(){$(this).prop("checked")?($("#oldNewImageContainer").attr("src","img/misc/elements/power-automate-desktop.png"),$("#oldNewImageContainer").attr("alt","Screenshot from Power Automate Desktop")):($("#oldNewImageContainer").attr("src","img/misc/elements/winautomation-old.png"),$("#oldNewImageContainer").attr("alt","Screenshot from WinAutomation"))}),$(document).on("click","#accessibilitySwitch",function(){$(this).prop("checked")?($("#accessibilityImgContainer").attr("src","img/misc/elements/pad-high-contrast.png"),$("#accessibilityImgContainer").attr("alt","High contrast version")):($("#accessibilityImgContainer").attr("src","img/misc/elements/pad-no-high-contrast.png"),$("#accessibilityImgContainer").attr("alt","Regular version"))});var $scrollableDiv1=$("#scrollableDiv1"),$scrollableDiv2=$("#scrollableDiv2");$("#scrollableDiv2").on("scroll",function(){var e=$scrollableDiv2.scrollLeft();$scrollableDiv1.scrollLeft(e)});var startX,scrollLeft,isDragging=!1;$("#scrollableDiv2, #scrollableDiv1").mousedown(function(e){e.preventDefault(),isDragging=!0,startX=e.pageX-$("#scrollableDiv2").offset().left,scrollLeft=$("#scrollableDiv2").scrollLeft(),$(this).removeClass("grab"),$(this).addClass("grabbing")}).mouseup(function(){isDraggingImprovements=!1,$(this).addClass("grab"),$(this).removeClass("grabbing")}),$(document).mousemove(function(e){if(e.preventDefault(),isDragging){var t=e.pageX-$("#scrollableDiv2").offset().left-startX;$("#scrollableDiv2").scrollLeft(scrollLeft-t)}}).mouseup(function(){isDragging=!1});var startXImprovements,scrollLeftImprovements,isDraggingImprovements=!1;$("#scrollableDivImprovements").mousedown(function(e){e.preventDefault(),isDraggingImprovements=!0,startXImprovements=e.pageX-$("#scrollableDivImprovements").offset().left,scrollLeftImprovements=$("#scrollableDivImprovements").scrollLeft(),$(this).removeClass("grab"),$(this).addClass("grabbing")}).mouseup(function(){isDraggingImprovements=!1,$(this).addClass("grab"),$(this).removeClass("grabbing")}),$(document).mousemove(function(e){if(e.preventDefault(),isDraggingImprovements){var t=e.pageX-$("#scrollableDivImprovements").offset().left-startXImprovements;$("#scrollableDivImprovements").scrollLeft(scrollLeftImprovements-t)}}).mouseup(function(){isDraggingImprovements=!1});var startXImages,scrollLeftImages,isDraggingImages=!1;function showBeforeAfter(){$("#beforeAfter").removeClass("d-none"),$(".beforeAfterBtn").addClass("d-none"),lenis.scrollTo("#beforeAfter"),$(".scrollableArea").scroll(),setTimeout(function(){var e=$(".dotted-bg").outerHeight();$("body").append("<style> .dotted-bg:after { height: "+e+"px; } </style>")},100)}function checkScrollableLeftSpace(e){const t=e.parent().find(".btn-left");e.scrollLeft()<=0?t.addClass("d-none"):t.removeClass("d-none")}function checkScrollableRightSpace(e){const t=e.parent().find(".btn-right"),o=e.get(0).scrollWidth-e.width();e.scrollLeft()>=o?t.addClass("d-none"):t.removeClass("d-none")}function handleManualScroll(){const e=$(this);checkScrollableLeftSpace(e),checkScrollableRightSpace(e)}$("#scrollableDivImages").mousedown(function(e){e.preventDefault(),isDraggingImages=!0,startXImages=e.pageX-$("#scrollableDivImages").offset().left,scrollLeftImages=$("#scrollableDivImages").scrollLeft(),$(this).removeClass("grab"),$(this).addClass("grabbing")}).mouseup(function(){isDraggingImprovements=!1,$(this).addClass("grab"),$(this).removeClass("grabbing")}),$(document).mousemove(function(e){if(e.preventDefault(),isDraggingImages){var t=e.pageX-$("#scrollableDivImages").offset().left-startXImages;$("#scrollableDivImages").scrollLeft(scrollLeftImages-t)}}).mouseup(function(){isDraggingImages=!1}),function(e,t){var o=e.createElement(t),a=e.getElementsByTagName(t)[0];o.onload=function(){window.voiceflow.chat.load({verify:{projectID:"64f776b3d0a6dd00073f976a"},url:"https://general-runtime.voiceflow.com",versionID:"production"})},o.src="https://cdn.voiceflow.com/widget/bundle.mjs",o.type="text/javascript",a.parentNode.insertBefore(o,a)}(document,"script"),$(".scrollableArea").on("scroll",handleManualScroll),$(".btn-left").click(function(){const e=$(this).parent().find(".scrollableArea");e.animate({scrollLeft:"-=300px"},"fast"),checkScrollableLeftSpace(e),checkScrollableRightSpace(e)}),$(".btn-right").click(function(){const e=$(this).parent().find(".scrollableArea");e.animate({scrollLeft:"+=300px"},"fast"),checkScrollableLeftSpace(e),checkScrollableRightSpace(e)}),$(".scrollableArea").each(function(){checkScrollableLeftSpace($(this)),checkScrollableRightSpace($(this))}),0===$(window).scrollTop()?gsap.set(".anim01, .anim02, .anim03, .anim04, .anim05",{opacity:"0"}):gsap.set(".anim01, .anim02, .anim03, .anim04, .anim05",{opacity:"1"});const timeline=gsap.timeline();timeline.add(gsap.to(".anim01",{duration:1,opacity:1}),"-=0.3").add(gsap.to(".anim02",{duration:1,opacity:1}),"-=0.3").add(gsap.to(".anim03",{duration:1,opacity:1}),"-=0.3").add(gsap.to(".anim04",{duration:1,opacity:1}),"-=0.3").add(gsap.to(".anim05",{duration:1,opacity:1}),"-=0.3");let trigger=document.getElementById("worksDropdown");document.getElementById("worksDropdown").addEventListener("mouseover",()=>{$(trigger).hasClass("show")||bootstrap.Dropdown.getOrCreateInstance(trigger).toggle()}),document.getElementById("dropdown-menu").addEventListener("mouseleave",()=>{bootstrap.Dropdown.getOrCreateInstance(trigger).toggle(),$(trigger).hasClass("show")||($("#ddImgContainer").attr("src","img/misc/illustrations/spying.svg"),$("#ddImgContainer").attr("alt","Spying illustration"))}),$(".ddLink").on("mouseover",function(){switch($(this).attr("class").split(" ")[1]){case"voicemodDD":$("#ddImgContainer").attr("src","img/misc/logos/voicemod-logo-card.svg"),$("#ddImgContainer").attr("alt","Voicemod logo");break;case"metaDD":$("#ddImgContainer").attr("src","img/misc/logos/meta-logo-card.svg"),$("#ddImgContainer").attr("alt","Meta logo");break;case"msftDD":$("#ddImgContainer").attr("src","img/misc/logos/msft-logo-card.svg"),$("#ddImgContainer").attr("alt","Microsoft logo");break;case"accusonusDD":$("#ddImgContainer").attr("src","img/misc/logos/accusonus-logo.svg"),$("#ddImgContainer").attr("alt","accusonus logo")}});
\ No newline at end of file
diff --git a/dist/meta.html b/dist/meta.html
index 3e50540..56badcb 100644
--- a/dist/meta.html
+++ b/dist/meta.html
@@ -10,7 +10,7 @@
         "sameAs": [
           "https://www.linkedin.com/in/vasiliskolip/"
         ]
-      }</script><!-- Favicons --><link rel="apple-touch-icon" sizes="180x180" href="img/misc/favicon/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/misc/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/misc/favicon/favicon-16x16.png"><link rel="manifest" href="img/misc/favicon/manifest.json"><!-- myStylez YO! --><link href="css/styles.css?v=1.2" rel="stylesheet"><title>Vasilis Kolip • Meta</title><script src="https://fast.wistia.com/embed/medias/jk4pec4snk.jsonp" async></script><script src="https://fast.wistia.com/embed/medias/0mai16kwdo.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><!-- Hotjar Tracking Code for https://kolip.design --><script>(function(h,o,t,j,a,r){
+      }</script><!-- Favicons --><link rel="apple-touch-icon" sizes="180x180" href="img/misc/favicon/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/misc/favicon/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/misc/favicon/favicon-16x16.png"><link rel="manifest" href="img/misc/favicon/manifest.json"><!-- myStylez YO! --><link href="css/styles.css?v=1.2" rel="stylesheet"><title>Vasilis Kolip • Meta</title><script src="https://fast.wistia.com/embed/medias/jk4pec4snk.jsonp" async></script><script src="https://fast.wistia.com/embed/medias/0mai16kwdo.jsonp" async></script><script src="https://fast.wistia.com/embed/medias/74p7pqwa1w.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><!-- Hotjar Tracking Code for https://kolip.design --><script>(function(h,o,t,j,a,r){
           h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
           h._hjSettings={hjid:3674383,hjsv:6};
           a=o.getElementsByTagName('head')[0];
@@ -23,4 +23,4 @@
 
     gtag('config', 'G-00CVF9DH83');</script><body class="opacity-0"><section class="container" id="pageTop"><div class="position-fixed w-100 main-navbar" style="z-index: 1021"><nav style="border-radius: 0px 0px 24px 24px !important" class="navbar navbar-expand-lg navbar-light container bg-background position-relative"><div class="container position-relative w-100"><div class="col-9 col-lg-5 position-relative"><div class="d-flex justify-content-start anim05"><div style="max-width: 46px" class="col-2 px-0 me-1 mt-n1 rounded-circle d-none d-md-block"><img src="img/misc/moi-thumb.png" alt="Vasilis Kolip portrait thumbnail" class="img-fluid"></div><div class="col-12 col-md-10 ps-1 pe-0"><div class="row"><p class="mb-0 lh-1"><a class="text-primary font-weight-bold noUnderline stretched-link" href="index.html" title="Homepage">Vasilis Kolip</a></p><p class="mb-0">UX/Product designer</p></div></div></div></div><div class="col-7 d-none d-lg-block d-flex justify-content-between text-end anim05"><div class="dropdown px-0 d-inline-block px-lg-4"><button id="worksDropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false" class="nav-link dropdown-toggle mx-auto px-0" title="Selected work">Work</button><div id="dropdown-menu" class="dropdown-menu dropdown-menu-end dropdown-menu-xxl-start p-3 border-radius" style="width: 610px; margin-top: 28px"><div class="container ps-0"><div class="row"><div class="col-4"><ul class="list-unstyled mb-0"><p class="font-weight-bold">Selected</p><li class="mb-1"><a class="ddLink voicemodDD py-2 dropdown-item smaller-1 border-radius" title="Opens Voicemod's project page" href="voicemod.html">Voicemod</a></li><li class="my-1"><a class="ddLink metaDD py-2 dropdown-item smaller-1 border-radius active" title="Opens Meta's project page" href="meta.html">Meta</a></li><li class="mt-1"><a class="ddLink msftDD py-2 dropdown-item smaller-1 border-radius" title="Opens Microsoft's project page" href="microsoft.html">Microsoft</a></li></ul></div><div class="col-4"><ul class="list-unstyled mb-0"><p class="font-weight-bold">Additional</p><li class="mb-1"><a class="ddLink accusonusDD py-2 dropdown-item smaller-1 border-radius" title="Opens accusonus' project page" href="accusonus.html">accusonus</a></li><li class="my-1" title="Opens ContactPigeon's project page - Coming soon"><a href="contactpigeon.html" class="ddLink contactpigeonDD py-2 dropdown-item smaller-1 border-radius disabled">ContactPigeon</a></li><li class="mt-1" title="Opens ContactPigeon's project page - Coming soon"><a href="youbehero.html" class="ddLink youbeheroDD py-2 dropdown-item smaller-1 border-radius disabled">YouBeHero</a></li></ul></div><div class="col-4 bg-secondary border-radius d-flex align-items-center"><img id="ddImgContainer" src="img/misc/illustrations/spying.svg" alt="Spying illustration" class="img-fluid mx-auto" style="max-width: 130px"></div></div></div></div></div><a href="profile.html" title="Click to check out my profile and my previous work experiences" class="mb-0 px-lg-4 noUnderline">About</a> <a href="Vasilis-Kolip-Sr-Product-Designer.pdf" target="_blank" title="Click to dowload my CV in pdf format" class="mb-0 px-lg-4 noUnderline">Résumé</a> <a class="mb-0 button noUnderline px-lg-4" href="javascript:void(0);" onclick="window.voiceflow.chat.open()" title="Click to get in touch">Contact</a></div><div class="col-3 d-block ms-auto d-lg-none anim05 text-end"><button class="btn btn-outline-primary border-radius" class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">MENU</button></div></div></nav></div></section><div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel"><div class="offcanvas-header bg-background"><h5 class="offcanvas-title bigger-4" id="offcanvasNavbarLabel">Μenu</h5><button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body bg-secondary"><ul class="navbar-nav justify-content-end flex-grow-1 pe-3"><li class="nav-item bigger-1"><a class="nav-link" href="index.html">Home</a></li><li class="nav-item bigger-1"><a class="nav-link" href="voicemod.html">Voicemod</a></li><li class="nav-item bigger-1"><a class="nav-link active font-weight-bold" href="meta.html" aria-current="page">Meta</a></li><li class="nav-item bigger-1"><a class="nav-link" href="microsoft.html">Microsoft</a></li><li class="nav-item bigger-1"><a class="nav-link" href="accusonus.html">accusonus</a></li><li class="nav-item bigger-1"><a class="nav-link" href="profile.html">About</a></li><li class="nav-item bigger-1"><a class="nav-link" href="Vasilis-Kolip-Sr-Product-Designer.pdf" target="_blank" title="Click to dowload my CV in pdf format">Résumé</a></li><li class="nav-item bigger-1"><a class="nav-link" href="javascript:void(0);" onclick="window.voiceflow.chat.open()" title="Click to get in touch">Contact</a></li></ul><img src="img/misc/illustrations/nomad-life.svg" alt="Offcanvas illustration" style="transform: scaleX(-1); max-width: 170px" class="img-fluid w-50 position-fixed bottom-0 right-0 mb-2 me-2"></div></div><section><div class="row-fluid mt-xl-5 pt-5"><div class="container mt-5 pt-5"><div class="row"><div class="col-12 col-xl-5 mb-xl-5"><img src="img/misc/logos/meta-logo-card.svg" alt="Meta logo" class="img-fluid anim01" style="max-width: 228px"><h1 class="lh-base mt-4 anim02"><mark>A video editing assistant</mark> for lightning-fast first cuts!</h1></div><div class="col-12 col-xl-6 offset-xl-1 mt-xl-5 pt-3 pt-xl-0 anim03"><p>Say goodbye to tedious editing! Ennely helps content creators assemble an initial video draft in minutes, allowing them to dive deep into the creative process.</p><p>Whether you're using Premiere, Final Cut, or Resolve, Ennely streamlines your workflow so you can focus on perfecting your masterpiece. <img src="img/misc/icons/icons8-dailyart-64.png" alt="Art icon" class="img-fluid" style="width: 32px; height: 32px"></p></div></div><div class="row mt-4 anim04"><div class="col-12"><div class="wistia_responsive_padding" style="padding:62.5% 0 0 0;position:relative;width:100%"><div class="wistia_responsive_wrapper" style="height:100%;position:absolute;top:0;width:100%"><div class="wistia_embed wistia_async_0mai16kwdo seo=false videoFoam=true" style="height:100%;position:relative;width:100%">&nbsp;</div></div></div></div></div></div></div></section><section><div class="row-fluid mt-5"><div class="container mt-5 pt-5"><div class="row"><div class="col-12 col-md-6 col-lg-4 mb-4"><p class="mb-2 font-weight-bold text-uppercase">Role</p><p>Senior UX designer (full-time)</p></div><div class="col-12 col-md-6 col-lg-4 mb-4"><p class="mb-2 font-weight-bold text-uppercase">Employer</p><p><a href="https://en.wikipedia.org/wiki/Accusonus" target="_blank" class="text-info" title="Opens in a new tab" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="101x32" data-bs-custom-class="custom-tooltip">accusonus</a>, acquired by <a href="https://about.meta.com/realitylabs/" target="_blank" class="text-info" title="Opens Meta Reality Labs' website on a new tab" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="162x32" data-bs-custom-class="custom-tooltip">Meta Reality Labs</a>, Athens (remote)</p></div><div class="col-12 col-md-6 col-lg-4 mb-4"><p class="mb-2 font-weight-bold text-uppercase">Teammates</p><p><a href="https://www.linkedin.com/in/valia-lekka-52050112" target="_blank" class="noUnderline ms-n2"><img src="img/misc/testimonials/valia-lekka-thumb.png" class="rounded-circle" style="width: 32px" alt="Valia's picture" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View Valia Lekkas' profile on LinkedIn"></a><a href="https://dribbble.com/haraluna" target="_blank" class="noUnderline ms-n2"><img src="img/misc/testimonials/chara-konstantakopoulou-thumb.png" class="rounded-circle the-border" style="width: 32px" alt="Chara's picture" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View Chara Konstantakopoulou's profile on Dribbble - You have to check her out!"></a><a href="https://gr.linkedin.com/in/maria-kourousi-229577131" target="_blank" class="noUnderline ms-n2"><img src="img/misc/testimonials/maria-kourousi-thumb.png" class="rounded-circle the-border" style="width: 32px" alt="Maria's picture" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View Maria Kourousi's profile on LinkedIn"></a><a href="https://www.linkedin.com/in/alkisti-katsantoni-69278b42" target="_blank" class="noUnderline ms-n2"><img src="img/misc/testimonials/alkisti-katsantoni-thumb.png" class="rounded-circle the-border" style="width: 32px" alt="Alkisti's picture" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View Alkisti Katsantoni's profile on LinkedIn"></a><img src="img/misc/testimonials/thanos-nikopoulos-thumb.png" class="rounded-circle the-border ms-n2" style="width: 32px" alt="Thanos's picture" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="View Thanos Nikopoulos' profile on LinkedIn"></p></div><div class="col-12 col-md-6 col-lg-4 mb-4"><p class="mb-2 font-weight-bold text-uppercase">Year</p><p><span class="badge bg-secondary the-border text-primary font-weight-normal smaller-1">2021</span> <span class="badge bg-secondary the-border text-primary font-weight-normal smaller-1">2022</span></p></div><div class="col-12 col-md-6 col-lg-4 mb-4"><p class="mb-2 font-weight-bold text-uppercase">Tools</p><p>Figma, Typeform, Maze & Calendly</p></div><div class="col-12 col-md-6 col-lg-4 mb-4"><p class="mb-2 font-weight-bold text-uppercase">Skills</p><button type="button" class="btn btn-outline-secondary py-2 mb-2 me-1 text-primary bg-secondary the-border smaller-2"><span class="badge bg-oranje rounded-circle text-oranje smaller-6">1</span> Prototyping</button> <button type="button" class="btn btn-outline-secondary py-2 mb-2 me-1 text-primary bg-secondary the-border smaller-2"><span class="badge bg-green rounded-circle text-green smaller-6">1</span> User journeys</button> <button type="button" class="btn btn-outline-secondary py-2 mb-2 me-1 text-primary bg-secondary the-border smaller-2"><span class="badge bg-light-blue rounded-circle text-light-blue smaller-6">1</span> Wireframes</button> <button type="button" class="btn btn-outline-secondary py-2 mb-2 me-1 text-primary bg-secondary the-border smaller-2"><span class="badge bg-danger rounded-circle text-danger smaller-6">1</span> Mockups</button> <button type="button" class="btn btn-outline-secondary py-2 mb-2 me-1 text-primary bg-secondary the-border smaller-2"><span class="badge bg-light-purple rounded-circle text-light-purple smaller-6">1</span> User research</button> <button type="button" class="btn btn-outline-secondary py-2 mb-2 me-1 text-primary bg-secondary the-border smaller-2"><span class="badge bg-mustard rounded-circle text-mustard smaller-6">1</span> Competitive analysis</button> <button type="button" class="btn btn-outline-secondary py-2 mb-2 me-1 text-primary bg-secondary the-border smaller-2"><span class="badge bg-primary rounded-circle text-primary smaller-6">1</span> Principal designer</button></div></div></div></div></section><div class="container my-5 py-5"><div class="col-12 border border-the-border"></div></div><section><div class="row-fluid mt-5 pt-1"><div class="container mt-5"><div class="row"><div class="col-12 col-xl-9 pe-lg-0" data-bs-spy="scroll" data-bs-target="#voicemodScrollspy" data-bs-smooth-scroll="true" tabindex="0"><div id="summary" class="row mb-5 pb-5"><div class="col-12"><div class="col-12 bg-secondary border border-start-0 border-bottom-0 border-end-0 border-info border-5 p-4"><h2 class="section-title mt-2">Summary</h2><ul class="mt-4"><li class="my-3">Ennely (MacOS) lead designer</li><li class="my-3">Competitive analysis and user persona creation</li><li class="my-3">Designed user journeys, wireframes, mockups & HTML prototype</li><li class="my-3">Addressed time-consuming video content management</li><li class="my-3">User research, usability tests and iterative design</li><li class="my-3">App well-received by content creator community</li><li class="my-3">Company acquired by Meta (Reality Labs)</li></ul></div></div></div><div id="overview" class="row mt-lg-5 pt-lg-5"><div class="col-12"><h2 class="section-title">Overview</h2><p class="mt-4">Ennely was a video editor assistant that enabled content creators to create a first cut within minutes.</p><p>Working with scripted videos editing is a tedious and time-consuming process.</p><p>Ennely's AI engine took care of mundane tasks (such as audio sync and sequence selecting), freeing up creators to concentrate on refining their videos using Premiere, Final Cut and Resolve.</p><p>I was the principal designer on this project and worked in an agile team of six (including myself).</p><div class="row mt-5 pt-5"><div class="col-6 mb-5 mx-auto col-lg-4 text-center"><div class="col-12 col-lg-5 mx-auto bg-secondary the-border border-radius d-flex align-items-center large-shadow" style="min-height: 130px"><img src="img/misc/icons/icons8-video-trimming-64.png" alt="Effortless editing illustration" class="img-fluid mx-auto" style="height: 54px"></div><p class="text-uppercase mt-3 mb-2">Effortless editing</p></div><div class="col-6 mb-5 mx-auto col-lg-4 text-center"><div class="col-12 col-lg-5 mx-auto bg-secondary the-border border-radius d-flex align-items-center large-shadow" style="min-height: 130px"><img src="img/misc/icons/icons8-time-span-64.png" alt="Time saver illustration" class="img-fluid mx-auto" style="height: 54px"></div><p class="text-uppercase mt-3 mb-2">Time-saver</p></div><div class="col-6 mb-5 mx-auto col-lg-4 text-center"><div class="col-12 col-lg-5 mx-auto bg-secondary the-border border-radius d-flex align-items-center large-shadow" style="min-height: 130px"><img src="img/misc/icons/icons8-cursor-64.png" alt="Streamlined selection illustration" class="img-fluid mx-auto" style="height: 54px"></div><p class="text-uppercase mt-3 mb-2">Take selection</p></div><div class="col-6 mb-5 mx-auto col-lg-4 text-center"><div class="col-12 col-lg-5 mx-auto bg-secondary the-border border-radius d-flex align-items-center large-shadow" style="min-height: 130px"><img src="img/misc/icons/icons8-adobe-premiere-pro-64.png" alt="Adobe Premiere icon" class="img-fluid mx-auto" style="height: 54px"></div><p class="text-uppercase mt-3 mb-2">Adobe Premiere</p></div><div class="col-6 mb-5 mx-auto col-lg-4 text-center"><div class="col-12 col-lg-5 mx-auto bg-secondary the-border border-radius d-flex align-items-center large-shadow" style="min-height: 130px"><img src="img/misc/icons/final-cut-icon.png" alt="Final Cut icon" class="img-fluid mx-auto" style="width: 61px; height: 62px"></div><p class="text-uppercase mt-3 mb-2">Final Cut</p></div><div class="col-6 mb-5 mx-auto col-lg-4 text-center"><div class="col-12 col-lg-5 mx-auto bg-secondary the-border border-radius d-flex align-items-center large-shadow" style="min-height: 130px"><img src="img/misc/icons/icons8-davinci-resolve-64.png" alt="DaVinci Resolve icon" class="img-fluid mx-auto" style="height: 54px"></div><p class="text-uppercase mt-3 mb-2">DaVinci Resolve</p></div></div></div></div><div class="minHeight10vh"></div><div id="problem" class="row mt-lg-5 pt-lg-5"><div class="col-12"><h2 class="section-title">Problems</h2><p class="mt-4">As a company closely collaborating with content creators in the sound engineering industry, our team created a survey which identified three key challenges commonly encountered by many YouTubers publishing scripted videos.</p><div class="row mt-5 grid gap-3 pt-4"><div class="col-12"><div class="row"><div class="col-12 col-lg mb-4"><div class="col-12 bg-secondary the-border large-shadow border-radius p-4"><p><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">1</span></p><p class="font-weight-bold">Time-consuming file synching</p><!-- <p>Content creators "waste time" when it comes to managing the footage and audio files from external microphones and multiple cameras</p> --></div></div><div class="col-12 col-lg mb-4"><div class="col-12 bg-secondary the-border large-shadow border-radius p-4"><p><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">2</span></p><p class="font-weight-bold">Tedious removal of filler words</p><!-- <p>Silences between takes and filler words like "um," "uh," "er," and "ah" in videos, becomes a time-consuming obstacle to creating engaging content</p> --></div></div><div class="col-12 col-lg mb-4"><div class="col-12 bg-secondary the-border large-shadow border-radius p-4"><p><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">3</span></p><p class="font-weight-bold">Hassle of selecting the best takes</p><!-- <p>Sifting through multiple takes to find the perfect shots slows down the video creation process and becomes frustrating</p> --></div></div><div class="col-12 col-lg mb-4"><div class="col-12 bg-secondary the-border large-shadow border-radius p-4"><p><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">4</span></p><p class="font-weight-bold">Multiple cameras and mics syncing</p><!-- <p>Sifting through multiple takes to find the perfect shots slows down the video creation process and becomes frustrating</p> --></div></div></div></div></div></div></div><div class="minHeight20vh d-none d-lg-block"></div><div class="minHeight15vh d-block d-lg-none"></div><div id="opportunity" class="row opporunityAfter"><div class="col-12 position-relative"><div class="col-12 py-5 position-relative opportunityHeight" style="z-index: 1022"><div class="py-5"><h2 class="section-title text-background">Opportunity</h2><p class="mt-4 mb-0 display-5 text-background lh-lg">"How can we help users to swiftly export a rough cut and empower them to concentrate to craft something unique?"</p></div></div></div></div><div class="minHeight10vh d-none d-lg-block"></div><div class="minHeight20vh d-block d-lg-none"></div><div id="analysis" class="row mt-lg-4 pt-lg-4"><div class="col-12"><h2 class="section-title">Competitive analysis</h2><p class="mt-4">Despite the absence of comparable tools, I dedicated time to analyze different UI’s to identify the best ways to onboard users and import footage from different cameras, microphones, drives and (online) folders.</p></div><div class="col-12 mt-5"><div class="row grid gap-3"><div class="col-12 col-lg mb-4"><div class="col-10 col-lg-12 mx-auto bg-secondary the-border large-shadow border-radius p-0 text-end"><p class="mt-3 px-4 text-start">Descript rules!</p><img src="img/misc/elements/descript-screenshot.png" alt="Screenshot from Descript app" class="img-fluid mt-4"></div></div><div class="col-12 col-lg-5 mb-4"><div class="col-10 col-lg-12 mx-auto bg-secondary the-border large-shadow border-radius text-center"><p class="mt-3 px-4 text-start">Veed.io has a great UI which helps the user feel at ease.</p><img src="img/misc/elements/veedio-screenshot.png" alt="Screenshot from Veed.io app" class="img-fluid mt-3"></div></div><div class="col-12 col-lg-4 mb-4"><div class="col-10 col-lg-12 mx-auto bg-secondary the-border large-shadow border-radius p-0 text-end"><p class="mt-3 px-4 text-start">YouTube Studio is OK for some minor editing...</p><img src="img/misc/elements/youtube-screenshot.png" alt="Screenshot from YouTube Studio" class="img-fluid mt-3"></div></div></div></div></div><div class="minHeight10vh"></div><div id="persona" class="row mt-lg-5 pt-lg-5"><div class="col-12 mt-5"><h2 class="section-title">User persona</h2><p class="mt-4">To develop Ennely, we collaborated with renowned content creators, drawing inspiration from their experiences and insights to shape our persona.</p><p>This time, we got persona(l) to discover their biggest pain points.</p></div><div class="col-12 mt-5"><div class="row"><div class="col-12 col-lg-7"><div class="row grid gap-4 mb-4"><div class="col-12"><div class="col-12 bg-secondary the-border large-shadow border-radius py-3 px-5 position-relative"><p class="ms-n1 position-absolute top-50 start-0 translate-middle"><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">1</span></p><p class="font-weight-bold mb-0 bigger-1">Seamless footage combination</p><p class="mt-2">Effortlessly merge multiple video clips and audio tracks</p></div></div><div class="col-12"><div class="col-12 bg-secondary the-border large-shadow border-radius py-3 px-5 position-relative"><p class="ms-n1 position-absolute top-50 start-0 translate-middle"><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">2</span></p><p class="font-weight-bold mb-0 bigger-1">Removal of silences and filler words</p><p class="mt-2">Get rid of "ehms", "uhms", "errrs" and long pauses right off the bat</p></div></div><div class="col-12"><div class="col-12 bg-secondary the-border large-shadow border-radius py-3 px-5 position-relative"><p class="ms-n1 position-absolute top-50 start-0 translate-middle"><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">3</span></p><p class="font-weight-bold mb-0 bigger-1">Fast clip selection</p><p class="mt-2">Quick and efficient journey for reviewing and selecting the best takes</p></div></div></div></div><div class="col-12 col-lg-5"><video width="100%" height="92%" autoplay loop muted style="object-fit: cover" class="border-radius"><source src="video/meta-persona.mp4" type="video/mp4">Your browser does not support the video tag.</video></div></div></div></div><div class="row mb-2"><div class="col-12"><div class="col-12 bg-gray-50 border-radius d-flex align-items-center justify-content-start p-2"><img src="img/misc/icons/icons8-bulb-64.png" alt="Question mark icon" style="width: 22px" class="img-fluid ms-3"><p class="mb-0 smaller-3 ps-3">Content creators' main needs revolve around audience engagement, monetization &amp; community building.</p></div></div></div><div class="minHeight30vh d-none d-lg-block"></div><div class="minHeight15vh d-block d-lg-none"></div><div id="journey" class="row"><div class="col-12 position-relative pb-5"><h2 class="section-title">User journey</h2><p class="mt-4">Designing the user journey was a meticulous process, focusing on simplicity and speed.</p><p>I helped streamline the process of merging video and audio footage from multiple sources, allowing users to swiftly create a first draft.</p><div id="iframeContainer" style="height: 500px" class="col-12 the-border text-center position-relative w-100"><p class="figmaLoader position-absolute translate-middle start-50 top-50">Loading Figma file...<span class="spinner-border text-accent" style="width: 16px; height: 16px" role="status"><span class="visually-hidden">Loading...</span></span></p></div></div></div><div class="minHeight15vh"></div><div id="goals" class="row my-lg-5 py-lg-5"><div class="col-12"><h2 class="section-title">Design goals</h2><p class="mt-4">Our design goals for this tool focused on maximizing efficiency and ensuring user-friendliness.</p><p>We aimed to provide content creators with a streamlined experience offering them flexibility over the final output.</p></div><div class="col-12 my-5"><div class="row"><div class="col-12 col-lg-5 mb-5"><p class="bigger-1 border border-top-0 border-start-0 border-end-0 border-the-border pb-3">Design for efficiency<span class="ms-3 text-gray-400">4</span></p><ul class="list-group smaller-2 lh-base"><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="footageImportSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="footageImportSelection">Easy footage import</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="clipSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="clipSelection">Fast clip selection</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="sceneSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="sceneSelection">Compare scenes</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="layoutSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="layoutSelection">Overall layout</label></li></ul></div><div class="col-12 col-lg-5 offset-lg-1 mb-5"><p class="bigger-1 border border-top-0 border-start-0 border-end-0 border-the-border pb-3">User-friendliness<span class="ms-3 text-gray-400">4</span></p><ul class="list-group smaller-2 lh-base"><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="wizardsSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="wizardsSelection">Use wizards</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="explanatorySelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="explanatorySelection">Explanatory illustrations</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="clicksSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="clicksSelection">As less clicks as possible</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="optionsSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="optionsSelection">Show 1-2 options at a time</label></li></ul></div><div class="col-12 col-lg-5 mb-5 mt-lg-3"><p class="bigger-1 border border-top-0 border-start-0 border-end-0 border-the-border pb-3">Flexibility & control<span class="ms-3 text-gray-400">3</span></p><ul class="list-group smaller-2 lh-base"><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="adjustmentsSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="adjustmentsSelection">Allow manual adjustments</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="controlSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="controlSelection">Give full control</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="freedomSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="freedomSelection">Freedom to dive deeper</label></li></ul></div><div class="col-12 col-lg-5 offset-lg-1 mb-5 mt-lg-3"><p class="bigger-1 border border-top-0 border-start-0 border-end-0 border-the-border pb-3">Design system<span class="ms-3 text-gray-400">4</span></p><ul class="list-group smaller-2 lh-base"><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="researchSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="researchSelection">Research & analyze</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="principleselection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="principleselection">Define principles</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="inventorySelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="inventorySelection">Create inventory</label></li><li class="list-group-item bg-background border-0 ps-0"><input class="form-check-input me-1 bg-accent border-0" type="checkbox" id="componentSelection" checked="checked" style="transform: scale(1.3)"><label class="form-check-label ms-2" for="componentSelection">Componentize</label></li></ul></div></div></div></div><div class="minHeight5vh"></div><div id="wireframes" class="row dotted-bg"><div class="col-12 position-relative py-5"><h2 class="section-title">Wireframes</h2><p class="mt-4">During the wireframing process, I carefully mapped out the key functionalities, including the onboarding flow, aligning them with the MVP user stories.</p><div class="position-relative"><button title="Click to scroll left" class="btn rounded-circle btn-background btn-left ms-xl-n4 border border-the-border position-absolute top-50 start-0 translate-middle-y z-3 mt-n4 p-2"><img alt="Left arrow" style="rotate: 180deg" src="img/misc/shapes/chevron-right.svg" class="img-fluid w-100"></button><div id="wireframesScroll" class="scrollableArea row mt-5 px-0 d-flex flex-nowrap flex-nowrap overflow-x-scroll"><div class="col-6 col-lg-3 me-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/meta-wireframe-01.jpg" alt="Wireframe" class="img-fluid border-radius large-shadow" style="max-height: 330px"></div><div class="col-6 col-lg-3 mx-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/meta-wireframe-02.jpg" alt="Wireframe" class="img-fluid border-radius large-shadow" style="max-height: 330px"></div><div class="col-6 col-lg-3 mx-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/meta-wireframe-03.jpg" alt="Wireframe" class="img-fluid border-radius large-shadow" style="max-height: 330px"></div><div class="col-6 col-lg-3 mx-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/meta-wireframe-04.jpg" alt="Wireframe" class="img-fluid border-radius large-shadow" style="max-height: 330px"></div><div class="col-lg-6 mx-3 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/meta-wireframe-05.jpg" alt="Wireframe" class="img-fluid border-radius large-shadow" style="max-height: 330px"></div><div class="col-lg-8 mx-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/old-wireframe-02.jpg" alt="Wireframe" class="img-fluid large-shadow" style="max-height: 330px"></div><div class="col-lg-8 mx-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/old-wireframe-03.jpg" alt="Wireframe" class="img-fluid large-shadow" style="max-height: 330px"></div><div class="col-lg-8 mx-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/old-wireframe-04.jpg" alt="Wireframe" class="img-fluid large-shadow" style="max-height: 330px"></div><div class="col-lg-8 mx-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/old-wireframe-05.jpg" alt="Wireframe" class="img-fluid large-shadow" style="max-height: 330px"></div><div class="col-lg-8 ms-4 mb-5 position-relative d-flex align-items-center justify-content-center"><img src="img/misc/elements/old-wireframe-06.jpg" alt="Wireframe" class="img-fluid large-shadow" style="max-height: 330px"></div></div><button class="btn rounded-circle btn-background btn-right me-xl-n4 border border-the-border position-absolute top-50 end-0 translate-middle-y mt-n4 p-2" title="Click to scroll right"><img src="img/misc/shapes/chevron-right.svg" alt="Right arrow" class="img-fluid w-100"></button></div></div></div><div class="minHeight15vh"></div><div id="mockups" class="row"><div class="col-12 position-relative pb-5"><div class="col-12 py-5 position-relative"><h2 class="section-title">Mockups</h2><p class="mt-4">To maintain momentum and foster creativity, our team made a strategic choice before diving into the hi-fi mockups.</p><p>We prioritized creating lo-fi versions first and deliver results quickly.</p><p>This decision kept the team's morale high!</p></div><div class="d-none d-lg-inline position-absolute start-50 top-100 left-0 translate-middle minHeight100vh bg-background" style="width: 100vw; margin-top: 500px; margin-left: 9vw; z-index: 1023"><div class="col-12 mx-auto mt-5 minHeight100vh"><div class="row"><div class="col-4 mb-5 px-0"><img src="img/misc/elements/01.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div><div class="col-4 mb-5 px-0"><img src="img/misc/elements/02.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div><div class="col-4 mb-5 px-0"><img src="img/misc/elements/07.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div><div class="col-4 mb-5 px-0"><img src="img/misc/elements/10.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div><div class="col-4 mb-5 px-0"><img src="img/misc/elements/12.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div><div class="col-4 mb-5 px-0"><img src="img/misc/elements/15.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div><div class="col-4 mb-5 px-0"><img src="img/misc/elements/19.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div><div class="col-4 mb-5 px-0"><img src="img/misc/elements/20.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div><div class="col-4 mb-5 px-0"><img src="img/misc/elements/23.jpg" alt="Ennely mockups" class="img-fluid border-radius isometric-card large-shadow"></div></div></div></div></div></div><div class="minHeight100vh d-none d-lg-block"></div><div class="minHeight35vh d-none d-lg-block"></div><div id="prototype" class="row my-5 pt-5"><div class="col-12"><h2 class="section-title">Prototype</h2><p class="mt-4">When most of the mockups of the MVP were in place and the team had approved the Figma prototype, I emphasized the need for an HTML prototype to really test out our assumptions.</p><p>Within a week we developed a browser based version of the app.</p><p>A short demo <img src="img/misc/shapes/arrow-right.svg" alt="Right arrow" class="img-fluid ms-2"></p></div><div class="col-12 mt-4"><div class="wistia_responsive_padding overflow-hidden" style="padding:62.92% 0 0 0;position:relative; width:calc(100% - 9px)"><div class="wistia_responsive_wrapper border-radius" style="height:100%;left:-1px;position:absolute;top:0;width:100%"><div class="wistia_embed border-radius wistia_async_jk4pec4snk seo=false videoFoam=true playlistLoop=true smallPlayButton=true wmode=transparent wistia_embed_initialized" style="height:100%;position:relative;width:100%">&nbsp;</div></div></div></div></div><div class="row grid gap-3"><div class="col-12"><p>What I'm presenting above is how to <img src="img/misc/shapes/arrow-right.svg" alt="Right arrow" class="img-fluid ms-2"></p></div><div class="col-12 col-lg-6 px-0 mb-4"><div class="col-12 bg-secondary the-border large-shadow border-radius p-4"><p class="mt-3"><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">1</span></p><p class="font-weight-bold bigger-1">Sync footage and remove filler words</p><p>Ennely effortlessly processes and syncs un-synced, unedited footage, delivering a rough cut within minutes.</p><p>Silences and filler words are intelligently removed, simplifying the editing process.</p></div></div><div class="col-12 col-lg px-0 mb-4"><div class="col-12 bg-secondary the-border large-shadow border-radius p-4"><p class="mt-3"><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">2</span></p><p class="font-weight-bold bigger-1">Take selection</p><p class="mb-4">Grouped takes enable creators to swiftly review and select the best moments.</p></div></div><div class="col-12 col-lg px-0 mb-4"><div class="col-12 bg-secondary the-border large-shadow border-radius p-4"><p class="mt-3"><span class="badge text-bg-background the-border rounded-circle text-center p-3" style="min-width: 45px">3</span></p><p class="font-weight-bold bigger-1">Export to XML</p><p class="mb-0">When done, the result can be exported to XML, for seamless transition to Premiere etc for final refinement.</p></div></div></div><div class="minHeight15vh"></div><div id="research" class="row my-5 py-5"><div class="col-12"><h2 class="section-title">Research plan & (un)moderated user tests</h2><p class="mt-4">To understand user interactions with the app and assess their ability to create a rough video cut, I created a research plan.</p><p>To gather feedback I conducted unmoderated user tests using <a href="https://maze.co/" target="_blank" class="text-info" title="Opens a new tab to Maze's website" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="54x32" data-bs-custom-class="custom-tooltip">Maze</a>.</p><p>This approach allowed us to gather feedback efficiently and accommodate the limited availability of the content creators.</p></div></div><div class="minHeight10vh"></div><div id="iteration" class="row mt-lg-5"><div class="col-12"><h2 class="section-title">Iteration based on user feedback</h2><p class="mt-4">The moderated (conducted internally) and unmoderated user tests yielded insights that shaped the app's further improvement.</p><p>For example, we discovered that some users struggled to locate the way to fine tune the duration of a specific take. As a result, we reconsidered that path to enhance discoverability.</p><p>Moreover, we discovered a strong preference for an easy-to-use media file import and organization feature.</p><p>These insights from both types of tests guided our iterative design process, allowing us to address specific pain points.</p></div></div><div class="row mt-3"><div class="col-12"><div class="col-12 bg-gray-50 border-radius d-flex align-items-center justify-content-start p-2"><img src="img/misc/icons/icons8-bulb-64.png" alt="Question mark icon" class="img-fluid mx-3" style="width: 22px"><p class="mb-0 smaller-3 ps-3">Un-moderated user tests provide valuable insights by allowing users to asynchronously interact with a product in their own terms.</p></div></div></div><div class="minHeight15vh"></div><div id="conclusions" class="row my-lg-5 py-lg-5"><div class="col-12"><h2 class="section-title">Final version and conclusions</h2><p class="mt-4">Embarking on the journey of developing a tool like this alongside its target audience, content creators and a highly skilled team was an incredibly fulfilling experience.</p><p>The seamless pace and our unhurried approach felt perfectly aligned.</p><p>...Just as we were preparing for production, an unexpected twist occurred—the company was acquired by Meta.</p><!-- <div class="row lottieRow d-none d-lg-block">
                   <div class="col-12 placeholder-glow" style="min-height:300;"></div>
-                </div> --><p class="mt-4">This acquisition although allowed us to further improve the product, it eventually left us with lingering curiosity about the untapped potential for success as it was abruptly halted from launching publicly(!).</p><p>Thank you for reading! <img src="img/misc/icons/icons8-glasses-64.png" alt="Glasses icon" style="height: 40px; width: 40px" class="img-fluid"></p><p>ps. This was just one example of my work @Meta. Other projects included the improvement of existing designs as well as the development of a completely new desktop app that improved audio during calls and added background music from Spotify.</p></div></div><div class="minHeight5vh"></div><div id="press" class="row my-5 py-5"><div class="col-12"><h2 class="section-title">Press</h2><div class="col-12 mt-5 bg-secondary border-radius the-border large-shadow p-4 position-relative"><div class="row"><div class="col-12 col-lg-7"><p class="font-weight-bold mb-2">Facebook owner Meta close to deal for Greek startup Accusonus</p><p>"Meta Platforms Inc (FB.O), the owner of Facebook, is close to acquiring Greek audio software startup Accusonus" —Reuters</p><a href="https://www.reuters.com/technology/facebook-owner-meta-close-deal-greek-startup-accusonus-source-2022-02-01/" class="btn btn-outline-primary py-2 px-3 bg-background text-primary rounded-pill mt-3" title="Opens the Reuters article in a new tab" target="_blank">Read article<img src="img/misc/shapes/diagonal-arrow.svg" alt="Diagonal arrow" class="img-fluid ms-2 mb-1"></a></div><div class="col-4 offset-lg-1 mt-2 d-none d-lg-block"><a href="https://www.reuters.com/technology/facebook-owner-meta-close-deal-greek-startup-accusonus-source-2022-02-01/" class="noUnderline" title="Opens the Reuters article in a new tab" target="_blank"><img src="img/misc/elements/meta-acq.jpg" alt="A 3D printed Facebook's new rebrand logo Meta is placed on laptop keyboard in this illustration" class="img-fluid border-radius large-shadow the-border"></a></div></div></div><div class="minHeight5vh"></div><div class="col-12 mt-2 bg-secondary border-radius the-border large-shadow p-4 position-relative"><div class="row"><div class="col-12 col-lg-7"><p class="font-weight-bold mb-2">Accusonus raises $3.3M to use AI to help content creators repair the audio in their videos</p><p>"Accusonus, the Greece and U.S.-based AI company helping content creators improve the audio in their videos, has raised $3.3 million in Series A funding." —TechCrunch</p><a href="https://techcrunch.com/2019/11/01/accusonus/" class="btn btn-outline-primary py-2 px-3 bg-background text-primary rounded-pill mt-3" title="Opens the TechCrunch article in a new tab" target="_blank">Read article<img src="img/misc/shapes/diagonal-arrow.svg" alt="Diagonal arrow" class="img-fluid ms-2 mb-1"></a></div><div class="col-4 offset-lg-1 mt-2 d-none d-lg-block"><a href="https://techcrunch.com/2019/11/01/accusonus/" class="noUnderline" title="Opens the TechCrunch article in a new tab" target="_blank"><img src="img/misc/elements/accusonus-Series-A-Press-2.webp" alt="accusonus Series A Press" class="img-fluid border-radius large-shadow the-border"></a></div></div></div></div></div></div><div class="col-3 col-xl-2 ms-auto d-none d-xl-block"><div class="sticky-top top60px"><p class="smaller-3 pb-2 border border-top-0 border-start-0 border-end-0 border-the-border">On this page</p><nav id="voicemodScrollspy" class="h-100 flex-column align-items-stretch mt-2"><nav class="nav nav-pills flex-column smaller-4"><a class="nav-link rounded-0 active" href="#summary">Summary</a> <a class="nav-link rounded-0" href="#overview">Overview</a> <a class="nav-link rounded-0" href="#problem">Problem</a> <a class="nav-link rounded-0" href="#opportunity">Opportunity</a> <a class="nav-link rounded-0" href="#analysis">Competitive analysis</a> <a class="nav-link rounded-0" href="#persona">User persona</a> <a class="nav-link rounded-0" href="#journey">User journey</a> <a class="nav-link rounded-0" href="#goals">Design goals</a> <a class="nav-link rounded-0" href="#wireframes">Wireframes</a> <a class="nav-link rounded-0" href="#mockups">Mockups</a> <a class="nav-link rounded-0" href="#prototype">Prototype</a> <a class="nav-link rounded-0" href="#research">Research plan </a><a class="nav-link rounded-0" href="#iteration">Iteration</a> <a class="nav-link rounded-0" href="#conclusions">Conclusions</a> <a class="nav-link rounded-0" href="#press">Press</a></nav></nav></div></div></div></div></div></section><div class="container my-5 py-5"><div class="col-12 border border-the-border"></div></div><section><div class="row-fluid mt-5"><div class="container mt-5 pt-5"><div class="row"><div class="col-12"><h2 class="section-title">Next project</h2></div><div class="col-12"><div class="col-12 bg-secondary large-shadow border-radius the-border mt-4 position-relative" style="min-height: 400px"><div class="row p-5"><div class="col-12 col-lg-6"><img src="img/misc/logos/msft-logo-card.svg" alt="Microsoft logo" class="img-fluid" style="height: 34px"><p class="font-weight-bold pt-2">Senior designer (full-time) <span class="badge bg-background the-border text-primary font-weight-normal smaller-4 ms-1">2019</span> <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2020</span> <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2021</span></p><p class="mt-4">Power Automate desktop is a B2B Windows app that saves its users time from doing repetitive tasks on their computers.</p><p>Join me in the world of desktop automation and let's explore how an app created by a small company, became part of Windows 11.</p><p class="mt-5"><a href="microsoft.html" class="btn btn-primary rounded-pill py-2 px-3 btn-lg" title="Click to view project page">View project</a></p></div><div class="col-12 col-md-6 pe-md-5 ms-auto d-none d-lg-block position-relative me-5" style="max-width: 306px"><a href="microsoft.html" class="noUnderline stretched-link" title="Click to view project page"><video width="306" height="359" autoplay loop muted style="object-fit: cover" class="border-radius the-border large-shadow"><source src="video/msft-persona.mp4" type="video/mp4">Your browser does not support the video tag.</video></a><div class="col-12 bg-background position-absolute start-0 translate-middle ms-n4 border-radius large-shadow p-3" style="max-width: 210px; top: 100px"><p class="lh-base mb-0">Process automation made <strong>easy</strong>.</p></div><div class="col-12 bg-background position-absolute start-0 translate-middle border-radius large-shadow p-3 ms-n4" style="max-width: 210px; top: 180px"><p class="lh-base mb-0 smaller-2"><img src="img/misc/icons/icons8-clock-64.png" alt="Clock icon" style="height: 24px" class="me-2 img-fluid align-bottom">...Process running</p></div><div class="col-12 p-3 bg-primary position-absolute top-50 start-100 translate-middle mt-n3 ms-n4 border-radius" style="max-width: 148px"><p class="font-weight-bold text-uppercase text-white mb-0 lh-sm">New UI/UX yields great reviews</p></div><div class="col-12 position-absolute start-100 translate-middle ms-n4 bg-background border-radius p-3 large-shadow" style="max-width: 150px; top: 290px"><img src="img/misc/shapes/rating-stars.svg" alt="Rating stars logo icon" style="height: 12px" class="me-2 img-fluid"><p class="text-primary lh-sm"><strong>4.4</strong> out of 5</p><img src="img/misc/logos/gartner-logo.svg" alt="Gartner logo icon" style="height: 26px" class="me-2 img-fluid align-bottom mb-1"></div></div></div></div></div></div></div></div></section><div class="minHeight5vh"></div><div class="position-fixed" id="toTop"><button class="close-button bg-transparent" style="top: 15px" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Go to top" data-target="#pageTop"><div class="icon-wrap"></div><svg class="icon icon--close icon--green-gradient" viewBox="0 0 16 16" version="1.1" aria-labelledby="title"><path d="M8.70711 0.292893C8.31658 -0.0976311 7.68342 -0.0976311 7.29289 0.292893L0.928932 6.65685C0.538408 7.04738 0.538408 7.68054 0.928932 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292893ZM9 19V1H7V19H9Z" fill="#3A2D52"/></svg><div class="progress-wrap"><svg viewBox="0 0 50 50"><circle class="progress-circle" cx="25" cy="25" r="22" style="stroke-dasharray: 137.4px; stroke-dashoffset: 137.4px"></circle></svg></div></button></div><div class="minHeight5vh"></div><footer><div class="row-fluid"><div class="container"><div class="col-12 bg-secondary border-radius position-relative py-4 px-5"><div class="row"><div class="col-7 col-lg-3 position-relative"><p class="font-weight-bold mb-0 bigger-2"><a class="text-primary font-weight-bold noUnderline stretched-link" href="index.html" title="Homepage">Vasilis Kolip</a></p><p class="mb-0 mt-n2">UX/Product designer</p></div><div class="col-5 ms-auto mt-2 text-end px-0 d-block d-xl-none"><a href="https://www.figma.com/file/KvZro6YLHayaTX4nbXqdSc/Portfolio?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=vbcbdwRVd69vZjJI-1" target="_blank" title="Opens portfolio's Figma file in a new tab" class="noUnderline"><img src="img/misc/icons/figma-footer.svg" alt="Figma icon" class="img-fluid" style="max-width: 28px"> </a><a href="https://github.com/uxkolip/portfolio" target="_blank" title="Opens this portfolio's repo at GitHub in a new tab" class="noUnderline px-3"><img src="img/misc/icons/icons8-github-64.png" alt="GitHub icon" class="img-fluid" style="max-width: 28px"> </a><a href="https://linkedin.com/in/VasilisKolip" target="_blank" title="Opens my LinkedIn profile in a new tab" class="noUnderline"><img src="img/misc/icons/linkedin-64.png" alt="LinkedIn icon" class="img-fluid" style="max-width: 28px"></a></div><div class="col-9 col-xl-7 offset-xl-1 offset-xxl-2 d-none d-xl-block"><div class="container"><div class="col-12 d-flex justify-content-between"><div><p class="font-weight-bold">Selected work</p><ul class="list-unstyled mb-0"><li class="mb-3"><a href="voicemod.html" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="92x32" data-bs-custom-class="custom-tooltip">Voicemod</a></li><li class="mb-3 ps-1" title="You are here">Meta</li><li class="mb-3"><a href="microsoft.html" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="90x32" data-bs-custom-class="custom-tooltip">Microsoft</a></li></ul></div><div><p class="font-weight-bold">Additional work</p><ul class="list-unstyled mb-0"><li class="mb-3"><a href="accusonus.html" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="101x24" data-bs-custom-class="custom-tooltip">accusonus</a></li><li class="mb-3">ContactPigeon <span class="badge bg-background text-primary the-border font-weight-normal smaller-3 ms-1">Soon</span></li><li class="mb-3">YouBeHero <span class="badge bg-background text-primary the-border font-weight-normal smaller-3 ms-1">Soon</span></li></ul></div><div><p class="font-weight-bold">Moreover</p><ul class="list-unstyled mb-0"><li class="mb-3"><a href="profile.html" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="60x32" data-bs-custom-class="custom-tooltip">About</a></li><li class="mb-3"><a href="Vasilis-Kolip-Sr-Product-Designer.pdf" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="32x32" data-bs-custom-class="custom-tooltip">CV</a></li><li class="mb-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasBottom" aria-controls="offcanvasBottom"><a href="javascript:void(0);" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="90x32" data-bs-custom-class="custom-tooltip">Credits</a></li></ul></div></div></div></div></div><div class="row my-4 pt-3 d-none d-xl-flex"><div class="col-12 border border-the-border"></div></div><div class="row d-none d-xl-flex"><div class="col-8 px-0"><p class="smaller-3 mb-0">This page is distributed under a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="205x25" data-bs-custom-class="custom-tooltip">Creative Commons</a> license.</p></div><div class="col ms-auto text-end px-0"><a href="https://www.figma.com/file/KvZro6YLHayaTX4nbXqdSc/Portfolio?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=vbcbdwRVd69vZjJI-1" target="_blank" title="Opens portfolio's Figma file in a new tab" class="noUnderline"><img src="img/misc/icons/figma-footer.svg" alt="Figma icon" class="img-fluid" style="max-width: 28px"> </a><a href="https://github.com/uxkolip/portfolio" target="_blank" title="Opens this portfolio's repo at GitHub in a new tab" class="noUnderline px-3"><img src="img/misc/icons/icons8-github-64.png" alt="GitHub icon" class="img-fluid" style="max-width: 28px"> </a><a href="https://linkedin.com/in/VasilisKolip" target="_blank" title="Opens my LinkedIn profile in a new tab" class="noUnderline"><img src="img/misc/icons/linkedin-64.png" alt="LinkedIn icon" class="img-fluid" style="max-width: 28px"></a></div></div></div></div></div></footer><!-- Offcanvas bottom --><div class="offcanvas offcanvas-bottom bg-background" tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel"><div class="row-fluid"><div class="container-fluid"><div class="row"><div class="col-12 pt-2"><div class="offcanvas-header"><h5 class="offcanvas-title section-title" id="offcanvasBottomLabel">Credits</h5><button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body small"><div class="row"><div class="col-4"><p>This page was made possible by using many technologies which are either open source, or free to use. The least I could do, is to give credits to all the contributors for making our world open. THANK YOU.</p></div><div class="col-4"><p><a href="https://www.figma.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="60x32" data-bs-custom-class="custom-tooltip">Figma</a>, <a href="https://getbootstrap.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="93x32" data-bs-custom-class="custom-tooltip">Bootstrap</a>, <a href="https://github.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="69x32" data-bs-custom-class="custom-tooltip">GitHub</a>, <a href="https://greensock.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="102x32" data-bs-custom-class="custom-tooltip">GreenSock</a>, <a href="https://www.aninix.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="66x32" data-bs-custom-class="custom-tooltip">Animix</a>, <a href="https://dotlottie.io/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="88x32" data-bs-custom-class="custom-tooltip">DotLottie</a>, <a href="https://analytics.google.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="152x32" data-bs-custom-class="custom-tooltip">Google Analytics</a>, <a href="https://www.hotjar.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="63x32" data-bs-custom-class="custom-tooltip">HotJar</a>, <a href="https://lenis.studiofreight.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="54x32" data-bs-custom-class="custom-tooltip">Lenis</a>, <a href="https://particles.js.org/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="110x32" data-bs-custom-class="custom-tooltip">TS Particles</a>, <a href="https://wistia.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="61x32" data-bs-custom-class="custom-tooltip">Wistia</a> and finally <a href="https://jquery.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="63x32" data-bs-custom-class="custom-tooltip">jQuery</a>.</p></div><div class="col-4"><p>Local dev environment set on <a href="https://nodejs.org/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="72x32" data-bs-custom-class="custom-tooltip">Node.js</a> & <a href="https://gulpjs.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="48x32" data-bs-custom-class="custom-tooltip">Gulp</a>. The font I use is GT America and the icons are from <a href="https://icons8.com/icons/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="76x32" data-bs-custom-class="custom-tooltip">ICONS8</a> collection named Dusk. Finally, the Notion-style illustrations are from <a href="https://notioly.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="68x32" data-bs-custom-class="custom-tooltip">Notioly</a>.</p></div></div></div></div></div></div></div></div><!-- Offcanvas bottom end --><div class="minHeight5vh"></div><script src="js/libs/jquery.min.js"></script><script src="js/bootstrap/bootstrap.bundle.min.js"></script><script src="js/libs/dotlottie-player.js"></script><script src="js/libs/gsap-latest-beta.min.js"></script><script src="js/libs/ScrollTrigger.min.js"></script><script src="js/libs/lenis.min.js"></script><script src="js/meta.js?v=1.2"></script></body></html>
\ No newline at end of file
+                </div> --><p class="mt-4">This acquisition although allowed us to further improve the product, it eventually left us with lingering curiosity about the untapped potential for success as it was abruptly halted from launching publicly(!).</p><p class="mt-4">Only recently a similar video assistant appeared in the market by none other than Microsoft:</p><div class="wistia_responsive_padding my-4" style="padding:56.25% 0 0 0;position:relative"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%"><div class="wistia_embed wistia_async_74p7pqwa1w seo=false videoFoam=true" style="height:100%;position:relative;width:100%">&nbsp;</div></div></div><p>Thank you for reading! <img src="img/misc/icons/icons8-glasses-64.png" alt="Glasses icon" style="height: 40px; width: 40px" class="img-fluid"></p><p>ps. This was just one example of my work @Meta. Other projects included the improvement of existing designs as well as the development of a completely new desktop app that improved audio during calls and added background music from Spotify.</p></div></div><div class="minHeight5vh"></div><div id="press" class="row my-5 py-5"><div class="col-12"><h2 class="section-title">Press</h2><div class="col-12 mt-5 bg-secondary border-radius the-border large-shadow p-4 position-relative"><div class="row"><div class="col-12 col-lg-7"><p class="font-weight-bold mb-2">Facebook owner Meta close to deal for Greek startup Accusonus</p><p>"Meta Platforms Inc (FB.O), the owner of Facebook, is close to acquiring Greek audio software startup Accusonus" —Reuters</p><a href="https://www.reuters.com/technology/facebook-owner-meta-close-deal-greek-startup-accusonus-source-2022-02-01/" class="btn btn-outline-primary py-2 px-3 bg-background text-primary rounded-pill mt-3" title="Opens the Reuters article in a new tab" target="_blank">Read article<img src="img/misc/shapes/diagonal-arrow.svg" alt="Diagonal arrow" class="img-fluid ms-2 mb-1"></a></div><div class="col-4 offset-lg-1 mt-2 d-none d-lg-block"><a href="https://www.reuters.com/technology/facebook-owner-meta-close-deal-greek-startup-accusonus-source-2022-02-01/" class="noUnderline" title="Opens the Reuters article in a new tab" target="_blank"><img src="img/misc/elements/meta-acq.jpg" alt="A 3D printed Facebook's new rebrand logo Meta is placed on laptop keyboard in this illustration" class="img-fluid border-radius large-shadow the-border"></a></div></div></div><div class="minHeight5vh"></div><div class="col-12 mt-2 bg-secondary border-radius the-border large-shadow p-4 position-relative"><div class="row"><div class="col-12 col-lg-7"><p class="font-weight-bold mb-2">Accusonus raises $3.3M to use AI to help content creators repair the audio in their videos</p><p>"Accusonus, the Greece and U.S.-based AI company helping content creators improve the audio in their videos, has raised $3.3 million in Series A funding." —TechCrunch</p><a href="https://techcrunch.com/2019/11/01/accusonus/" class="btn btn-outline-primary py-2 px-3 bg-background text-primary rounded-pill mt-3" title="Opens the TechCrunch article in a new tab" target="_blank">Read article<img src="img/misc/shapes/diagonal-arrow.svg" alt="Diagonal arrow" class="img-fluid ms-2 mb-1"></a></div><div class="col-4 offset-lg-1 mt-2 d-none d-lg-block"><a href="https://techcrunch.com/2019/11/01/accusonus/" class="noUnderline" title="Opens the TechCrunch article in a new tab" target="_blank"><img src="img/misc/elements/accusonus-Series-A-Press-2.webp" alt="accusonus Series A Press" class="img-fluid border-radius large-shadow the-border"></a></div></div></div></div></div></div><div class="col-3 col-xl-2 ms-auto d-none d-xl-block"><div class="sticky-top top60px"><p class="smaller-3 pb-2 border border-top-0 border-start-0 border-end-0 border-the-border">On this page</p><nav id="voicemodScrollspy" class="h-100 flex-column align-items-stretch mt-2"><nav class="nav nav-pills flex-column smaller-4"><a class="nav-link rounded-0 active" href="#summary">Summary</a> <a class="nav-link rounded-0" href="#overview">Overview</a> <a class="nav-link rounded-0" href="#problem">Problem</a> <a class="nav-link rounded-0" href="#opportunity">Opportunity</a> <a class="nav-link rounded-0" href="#analysis">Competitive analysis</a> <a class="nav-link rounded-0" href="#persona">User persona</a> <a class="nav-link rounded-0" href="#journey">User journey</a> <a class="nav-link rounded-0" href="#goals">Design goals</a> <a class="nav-link rounded-0" href="#wireframes">Wireframes</a> <a class="nav-link rounded-0" href="#mockups">Mockups</a> <a class="nav-link rounded-0" href="#prototype">Prototype</a> <a class="nav-link rounded-0" href="#research">Research plan </a><a class="nav-link rounded-0" href="#iteration">Iteration</a> <a class="nav-link rounded-0" href="#conclusions">Conclusions</a> <a class="nav-link rounded-0" href="#press">Press</a></nav></nav></div></div></div></div></div></section><div class="container my-5 py-5"><div class="col-12 border border-the-border"></div></div><section><div class="row-fluid mt-5"><div class="container mt-5 pt-5"><div class="row"><div class="col-12"><h2 class="section-title">Next project</h2></div><div class="col-12"><div class="col-12 bg-secondary large-shadow border-radius the-border mt-4 position-relative" style="min-height: 400px"><div class="row p-5"><div class="col-12 col-lg-6"><img src="img/misc/logos/msft-logo-card.svg" alt="Microsoft logo" class="img-fluid" style="height: 34px"><p class="font-weight-bold pt-2">Senior designer (full-time) <span class="badge bg-background the-border text-primary font-weight-normal smaller-4 ms-1">2019</span> <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2020</span> <span class="badge bg-background the-border text-primary font-weight-normal smaller-4">2021</span></p><p class="mt-4">Power Automate desktop is a B2B Windows app that saves its users time from doing repetitive tasks on their computers.</p><p>Join me in the world of desktop automation and let's explore how an app created by a small company, became part of Windows 11.</p><p class="mt-5"><a href="microsoft.html" class="btn btn-primary rounded-pill py-2 px-3 btn-lg" title="Click to view project page">View project</a></p></div><div class="col-12 col-md-6 pe-md-5 ms-auto d-none d-lg-block position-relative me-5" style="max-width: 306px"><a href="microsoft.html" class="noUnderline stretched-link" title="Click to view project page"><video width="306" height="359" autoplay loop muted style="object-fit: cover" class="border-radius the-border large-shadow"><source src="video/msft-persona.mp4" type="video/mp4">Your browser does not support the video tag.</video></a><div class="col-12 bg-background position-absolute start-0 translate-middle ms-n4 border-radius large-shadow p-3" style="max-width: 210px; top: 100px"><p class="lh-base mb-0">Process automation made <strong>easy</strong>.</p></div><div class="col-12 bg-background position-absolute start-0 translate-middle border-radius large-shadow p-3 ms-n4" style="max-width: 210px; top: 180px"><p class="lh-base mb-0 smaller-2"><img src="img/misc/icons/icons8-clock-64.png" alt="Clock icon" style="height: 24px" class="me-2 img-fluid align-bottom">...Process running</p></div><div class="col-12 p-3 bg-primary position-absolute top-50 start-100 translate-middle mt-n3 ms-n4 border-radius" style="max-width: 148px"><p class="font-weight-bold text-uppercase text-white mb-0 lh-sm">New UI/UX yields great reviews</p></div><div class="col-12 position-absolute start-100 translate-middle ms-n4 bg-background border-radius p-3 large-shadow" style="max-width: 150px; top: 290px"><img src="img/misc/shapes/rating-stars.svg" alt="Rating stars logo icon" style="height: 12px" class="me-2 img-fluid"><p class="text-primary lh-sm"><strong>4.4</strong> out of 5</p><img src="img/misc/logos/gartner-logo.svg" alt="Gartner logo icon" style="height: 26px" class="me-2 img-fluid align-bottom mb-1"></div></div></div></div></div></div></div></div></section><div class="minHeight5vh"></div><div class="position-fixed" id="toTop"><button class="close-button bg-transparent" style="top: 15px" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Go to top" data-target="#pageTop"><div class="icon-wrap"></div><svg class="icon icon--close icon--green-gradient" viewBox="0 0 16 16" version="1.1" aria-labelledby="title"><path d="M8.70711 0.292893C8.31658 -0.0976311 7.68342 -0.0976311 7.29289 0.292893L0.928932 6.65685C0.538408 7.04738 0.538408 7.68054 0.928932 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292893ZM9 19V1H7V19H9Z" fill="#3A2D52"/></svg><div class="progress-wrap"><svg viewBox="0 0 50 50"><circle class="progress-circle" cx="25" cy="25" r="22" style="stroke-dasharray: 137.4px; stroke-dashoffset: 137.4px"></circle></svg></div></button></div><div class="minHeight5vh"></div><footer><div class="row-fluid"><div class="container"><div class="col-12 bg-secondary border-radius position-relative py-4 px-5"><div class="row"><div class="col-7 col-lg-3 position-relative"><p class="font-weight-bold mb-0 bigger-2"><a class="text-primary font-weight-bold noUnderline stretched-link" href="index.html" title="Homepage">Vasilis Kolip</a></p><p class="mb-0 mt-n2">UX/Product designer</p></div><div class="col-5 ms-auto mt-2 text-end px-0 d-block d-xl-none"><a href="https://www.figma.com/file/KvZro6YLHayaTX4nbXqdSc/Portfolio?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=vbcbdwRVd69vZjJI-1" target="_blank" title="Opens portfolio's Figma file in a new tab" class="noUnderline"><img src="img/misc/icons/figma-footer.svg" alt="Figma icon" class="img-fluid" style="max-width: 28px"> </a><a href="https://github.com/uxkolip/portfolio" target="_blank" title="Opens this portfolio's repo at GitHub in a new tab" class="noUnderline px-3"><img src="img/misc/icons/icons8-github-64.png" alt="GitHub icon" class="img-fluid" style="max-width: 28px"> </a><a href="https://linkedin.com/in/VasilisKolip" target="_blank" title="Opens my LinkedIn profile in a new tab" class="noUnderline"><img src="img/misc/icons/linkedin-64.png" alt="LinkedIn icon" class="img-fluid" style="max-width: 28px"></a></div><div class="col-9 col-xl-7 offset-xl-1 offset-xxl-2 d-none d-xl-block"><div class="container"><div class="col-12 d-flex justify-content-between"><div><p class="font-weight-bold">Selected work</p><ul class="list-unstyled mb-0"><li class="mb-3"><a href="voicemod.html" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="92x32" data-bs-custom-class="custom-tooltip">Voicemod</a></li><li class="mb-3 ps-1" title="You are here">Meta</li><li class="mb-3"><a href="microsoft.html" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="90x32" data-bs-custom-class="custom-tooltip">Microsoft</a></li></ul></div><div><p class="font-weight-bold">Additional work</p><ul class="list-unstyled mb-0"><li class="mb-3"><a href="accusonus.html" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="101x24" data-bs-custom-class="custom-tooltip">accusonus</a></li><li class="mb-3">ContactPigeon <span class="badge bg-background text-primary the-border font-weight-normal smaller-3 ms-1">Soon</span></li><li class="mb-3">YouBeHero <span class="badge bg-background text-primary the-border font-weight-normal smaller-3 ms-1">Soon</span></li></ul></div><div><p class="font-weight-bold">Moreover</p><ul class="list-unstyled mb-0"><li class="mb-3"><a href="profile.html" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="60x32" data-bs-custom-class="custom-tooltip">About</a></li><li class="mb-3"><a href="Vasilis-Kolip-Sr-Product-Designer.pdf" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="32x32" data-bs-custom-class="custom-tooltip">CV</a></li><li class="mb-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasBottom" aria-controls="offcanvasBottom"><a href="javascript:void(0);" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="90x32" data-bs-custom-class="custom-tooltip">Credits</a></li></ul></div></div></div></div></div><div class="row my-4 pt-3 d-none d-xl-flex"><div class="col-12 border border-the-border"></div></div><div class="row d-none d-xl-flex"><div class="col-8 px-0"><p class="smaller-3 mb-0">This page is distributed under a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="205x25" data-bs-custom-class="custom-tooltip">Creative Commons</a> license.</p></div><div class="col ms-auto text-end px-0"><a href="https://www.figma.com/file/KvZro6YLHayaTX4nbXqdSc/Portfolio?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=vbcbdwRVd69vZjJI-1" target="_blank" title="Opens portfolio's Figma file in a new tab" class="noUnderline"><img src="img/misc/icons/figma-footer.svg" alt="Figma icon" class="img-fluid" style="max-width: 28px"> </a><a href="https://github.com/uxkolip/portfolio" target="_blank" title="Opens this portfolio's repo at GitHub in a new tab" class="noUnderline px-3"><img src="img/misc/icons/icons8-github-64.png" alt="GitHub icon" class="img-fluid" style="max-width: 28px"> </a><a href="https://linkedin.com/in/VasilisKolip" target="_blank" title="Opens my LinkedIn profile in a new tab" class="noUnderline"><img src="img/misc/icons/linkedin-64.png" alt="LinkedIn icon" class="img-fluid" style="max-width: 28px"></a></div></div></div></div></div></footer><!-- Offcanvas bottom --><div class="offcanvas offcanvas-bottom bg-background" tabindex="-1" id="offcanvasBottom" aria-labelledby="offcanvasBottomLabel"><div class="row-fluid"><div class="container-fluid"><div class="row"><div class="col-12 pt-2"><div class="offcanvas-header"><h5 class="offcanvas-title section-title" id="offcanvasBottomLabel">Credits</h5><button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button></div><div class="offcanvas-body small"><div class="row"><div class="col-4"><p>This page was made possible by using many technologies which are either open source, or free to use. The least I could do, is to give credits to all the contributors for making our world open. THANK YOU.</p></div><div class="col-4"><p><a href="https://www.figma.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="60x32" data-bs-custom-class="custom-tooltip">Figma</a>, <a href="https://getbootstrap.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="93x32" data-bs-custom-class="custom-tooltip">Bootstrap</a>, <a href="https://github.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="69x32" data-bs-custom-class="custom-tooltip">GitHub</a>, <a href="https://greensock.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="102x32" data-bs-custom-class="custom-tooltip">GreenSock</a>, <a href="https://www.aninix.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="66x32" data-bs-custom-class="custom-tooltip">Animix</a>, <a href="https://dotlottie.io/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="88x32" data-bs-custom-class="custom-tooltip">DotLottie</a>, <a href="https://analytics.google.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="152x32" data-bs-custom-class="custom-tooltip">Google Analytics</a>, <a href="https://www.hotjar.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="63x32" data-bs-custom-class="custom-tooltip">HotJar</a>, <a href="https://lenis.studiofreight.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="54x32" data-bs-custom-class="custom-tooltip">Lenis</a>, <a href="https://particles.js.org/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="110x32" data-bs-custom-class="custom-tooltip">TS Particles</a>, <a href="https://wistia.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="61x32" data-bs-custom-class="custom-tooltip">Wistia</a> and finally <a href="https://jquery.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="63x32" data-bs-custom-class="custom-tooltip">jQuery</a>.</p></div><div class="col-4"><p>Local dev environment set on <a href="https://nodejs.org/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="72x32" data-bs-custom-class="custom-tooltip">Node.js</a> & <a href="https://gulpjs.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="48x32" data-bs-custom-class="custom-tooltip">Gulp</a>. The font I use is GT America and the icons are from <a href="https://icons8.com/icons/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="76x32" data-bs-custom-class="custom-tooltip">ICONS8</a> collection named Dusk. Finally, the Notion-style illustrations are from <a href="https://notioly.com/?ref=kolip.design" target="_blank" class="text-info" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="68x32" data-bs-custom-class="custom-tooltip">Notioly</a>.</p></div></div></div></div></div></div></div></div><!-- Offcanvas bottom end --><div class="minHeight5vh"></div><script src="js/libs/jquery.min.js"></script><script src="js/bootstrap/bootstrap.bundle.min.js"></script><script src="js/libs/dotlottie-player.js"></script><script src="js/libs/gsap-latest-beta.min.js"></script><script src="js/libs/ScrollTrigger.min.js"></script><script src="js/libs/lenis.min.js"></script><script src="js/meta.js?v=1.2"></script></body></html>
\ No newline at end of file
diff --git a/src/js/microsoft.js b/src/js/microsoft.js
index 656833e..cb0c6cb 100644
--- a/src/js/microsoft.js
+++ b/src/js/microsoft.js
@@ -25,7 +25,7 @@ $(document).ready(function() {
     var dottedBGHeight = $('.dotted-bg').outerHeight();
     setTimeout(function() {
       $('body').append("<style> .opporunityAfter:after { height: "+ opporunityHeight +"px; } .dotted-bg:after { height: "+ dottedBGHeight +"px; } </style>");
-    }, 700);
+    }, 900);
 
     checkiftooltip();
     lenis.start();
diff --git a/src/meta.html b/src/meta.html
index 16fa9c6..57f7501 100644
--- a/src/meta.html
+++ b/src/meta.html
@@ -39,6 +39,7 @@
 
     <script src="https://fast.wistia.com/embed/medias/jk4pec4snk.jsonp" async></script>
     <script src="https://fast.wistia.com/embed/medias/0mai16kwdo.jsonp" async></script>
+    <script src="https://fast.wistia.com/embed/medias/74p7pqwa1w.jsonp" async></script>
 
     <script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
 
@@ -939,6 +940,10 @@ <h2 class="section-title">Final version and conclusions</h2>
 
                 <p class="mt-4">This acquisition although allowed us to further improve the product, it eventually left us with lingering curiosity about the untapped potential for success as it was abruptly halted from launching publicly(!).</p>
 
+                <p class="mt-4">Only recently a similar video assistant appeared in the market by none other than Microsoft:</p>
+
+                <div class="wistia_responsive_padding my-4" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_74p7pqwa1w seo=false videoFoam=true" style="height:100%;position:relative;width:100%">&nbsp;</div></div></div>
+
                 <p>Thank you for reading! <img src="img/misc/icons/icons8-glasses-64.png" alt="Glasses icon" style="height: 40px; width: 40px" class="img-fluid" /></p>
 
                 <p>ps. This was just one example of my work @Meta. Other projects included the improvement of existing designs as well as the development of a completely new desktop app that improved audio during calls and added background music from Spotify.</p>