eDesign Interactive | Sekure Merchants

<!DOCTYPE html> <html id="html" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>eDesign Interactive | Sekure Merchants</title> <meta name="description" content="Sekure Merchants" /> <meta property="og:description" content="Sekure Merchants" /> <meta property="og:title" content="eDesign Interactive | Sekure Merchants" /> <link rel="alternate" hreflang="en" href="https://edesigninteractive.com/portfolio/sekure-merchants" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image" content="https://edesigninteractive.com/images/edesign-og-image.jpg" /> <meta name="google-site-verification" content="4NTvTTVdAanBjjIGvppT8AB5sDAopwxxf67br4WKuHY" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#fff"> <link rel="icon" href="/images/fav.ico" type="image/gif" > <link rel="stylesheet" href="/case-studies/sekure/css/sekure.css?v=20240207.2" preload> <link rel="stylesheet" href="/css/style.css?v=20240207.2" preload>  <script type="text/javascript"> var _root = '/' , _root_full = 'https://edesigninteractive.com/' , _controller = 'portfolio' , _action = 'view' , _url_for = 'https://edesigninteractive.com/portfolio/sekure-merchants' , _lang = 'en' , _langs = '[{"name":"English"}]' , _base = 'https://edesigninteractive.com/' , _timezone_offset = '-5'; </script>  <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '509962736315210'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=509962736315210&ev=PageView&noscript=1"/> </noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-66869522-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-66869522-1'); </script> <script type="text/javascript"> _linkedin_partner_id = "1850098"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function () { var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=1850098&fmt=gif" /> </noscript> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-66869522-1', 'auto'); ga('send', 'pageview'); </script> </head> <body id="body">  <script> // Function to check if the browser supports WebP function supportsWebP() { var elem = document.createElement('canvas'); if (!!(elem.getContext && elem.getContext('2d'))) { // was able or not to get WebP representation return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0; } return false; } // Function to replace image sources based on browser support function replaceImages() { $('img').each(function() { var originalSrc = $(this).attr('data-src') || $(this).attr('src') ; var webpSrc = originalSrc.replace(/\.(jpg|jpeg|png)$/, '.webp'); if (supportsWebP()) { if($(this).attr('src')){ $(this).attr('src', webpSrc); } if(!$(this).attr('data-src')){ $(this).attr('data-src', webpSrc); } } }); } document.addEventListener('DOMContentLoaded', function() { if(_controller === 'healthcare_marketing'){ replaceImages(); } }); </script> <div class="preloader"> <div class="preloader-box"> <div id="preloader"></div> </div> </div> <div class="cursor"> <div class="cursor__inner cursor__inner--circle"></div> <div class="cursor__inner cursor__inner--dot"></div> </div> <div class="cursor"> <div class="circle-cursor circle-cursor--inner"></div> <div class="circle-cursor circle-cursor--outer" data-width="100px" data-height="100px"> <span class="prev-cursor-arr"></span> <div class="cursor-in"> <img src="/images/icons/close_cursor.svg" alt="Close cursor" class="cursor-in-img none"> </div> <span class="next-cursor-arr"></span> <span class="next-click-cursor"> <img src="/images/icons/right-drag.svg" alt=""> </span> <span class="prev-click-cursor"> <img src="/images/icons/left-drag.svg" alt=""> </span> </div> </div> <div id="menu" class="menu"> <div class="menu-container"> <div class="menu-container-box"> <div class="menu-container-wrap center"> <div class="menu-link-box"> <div class="menu-link content__text"> <a href="/" class=" content__text-inner">Home</a> </div> </div> <div class="menu-link-box"> <div class="menu-link smaller"> <a href="/about" class="splitByLinesChars">About</a> </div> <span class="symbol_b op_0">/</span> <div class="menu-link smaller"> <a href="/team" class="splitByLinesChars">Team</a> </div> <span class="symbol_b op_0">/</span> <div class="menu-link smaller"> <a href="/careers" class="splitByLinesChars">Careers</a> </div> </div> <div class="menu-link-box"> <div class="menu-link active"> <a href="/portfolio"> <span class="text-b-b splitByLinesChars">Projects</span> <button class="text-b btn red op_0">View our portfolio </button> </a> </div> </div> <div class="menu-link-box"> <div class="menu-link"> <a href="/services" class="splitByLinesChars">Services</a> </div> </div> <div class="menu-link-box"> <div class="menu-link"> <a href="/blog" class="splitByLinesChars">Blog</a> </div> </div> <div class="menu-link-box"> <div class="menu-link"> <a href="/contact" class="splitByLinesChars">Contact</a> </div> </div> <div class="menu-link-box-social"></div> <div class="menu-privacy-policy-links mpp op_0"> <a href="/terms">Terms and Conditions</a> </div> </div> </div> </div> </div> <span class="hover-circle-inner burger-menu hover-circle-box" id="burgerMenu"> <div class="hover-circle"> <div class="parallaxMoveElem parallaxMoveCircle"></div> </div> <div class="sticked-circle"></div> <svg class="ham hamRotate ham1 none" viewBox="0 0 100 40" width="60"> <path class="line top" d="m 30,0 h 40 c 0,0 9.044436,-0.654587 9.044436,-8.508902 0,-7.854315 -8.024349,-11.958003 -14.89975,-10.85914 -6.875401,1.098863 -13.637059,4.171617 -13.637059,16.368042 v 40"></path> <path class="line middle" d="m 30,17 h 40"></path> <path class="line bottom" d="m 30,35 h 40 c 12.796276,0 15.357889,-11.717785 15.357889,-26.851538 0,-15.133752 -4.786586,-27.274118 -16.667516,-27.274118 -11.88093,0 -18.499247,6.994427 -18.435284,17.125656 l 0.252538,40"></path> </svg> <span id="hamburgerAnimation"></span> </span> <h1 class="hover-circle-inner header-logo op_0"> <a aria-label="logo link" href="/" class=""> <svg version="1.1" viewBox="0 0 51.035 50.929"> <path fill="#FFF" d="M31.417 50.929c3.238-.162 4.868-1.05 7.45-4.046 2.582-2.998 3.443-3.448 6.452-6.229 3.01-2.781 3.238-8.516 3.195-10.564-.042-2.05.555-9.72 2.277-17.359 1.723-7.641-6.275-6.406-7.379 2.678-.932 9.149-5.697 6.431-9.177 1.103-3.479-5.326-8.245-13.388-9.518-15.368-1.272-1.982-3.669-.881-4.125-.435-.456.445-2.143.967.476 5.504 2.619 4.536 6.147 11.39 6.555 12.354.408.962-.659 1.084-1.746.229-1.084-.854-13.047-11.698-14.719-13.178-1.672-1.483-3.096-1.03-4.319.204-1.223 1.237-.679 2.9.87 4.465 1.549 1.566 12.319 12.806 13.765 14.316 1.113 1.164-.113 2.459-2.057 1.231-1.945-1.228-12.647-8.738-13.797-9.516-1.15-.776-2.62-1.059-4.293.529s.123 3.565.735 4.111c.612.544 14.294 10.747 15.274 11.359.98.613.799 2.883-1.921 1.771-2.72-1.113-9.693-4.159-11.151-4.662-1.458-.505-3.211-1.104-4.04 1.144-.828 2.248.726 2.888 3.267 4.354 2.904 1.678 14.644 9.945 17.937 12.687 4.09 3.404 9.989 3.318 9.989 3.318z"/> </svg> </a> </h1> <div class="copyright-box op_0"> <div class="copyright vTextLR">© 2004-2024</div> </div> <div class="burger-box op_0"> <div class="burger"> <div class="burger-text"></div> <div class="burger-dots"></div> </div> </div> <a aria-label="Contact us" href="/contact" class="get-in-touch-box op_0"> <div class="get-in-touch vTextLR"> <div class="get-in-touch-icon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="18.667px" height="22.834px" viewBox="0 0 18.667 22.834" enable-background="new 0 0 18.667 22.834" xml:space="preserve"> <path fill="none" stroke="#FFFFFF" stroke-miterlimit="10" d="M1.167,20.065V2.923c0-0.785,0.625-1.429,1.388-1.429h10.102 c0.764,0,1.388,0.644,1.388,1.429v2.858h3.123l-3.123,3.713v10.571c0,0.787-0.624,1.431-1.388,1.431H2.554 C1.791,21.496,1.167,20.853,1.167,20.065z"/> <path id="contact-us-2" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M7.278,5.505 c0.553,0,1,0.447,1,1c0,0.551-0.447,1-1,1s-1-0.449-1-1C6.278,5.953,6.725,5.505,7.278,5.505z"/> <path id="contact-us-3" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M7.278,15.506 c0.553,0,1,0.447,1,1c0,0.551-0.447,1-1,1s-1-0.449-1-1C6.278,15.953,6.725,15.506,7.278,15.506z"/> <path id="contact-us-4" fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M7.278,10.506 c0.553,0,1,0.447,1,1c0,0.551-0.447,1-1,1s-1-0.449-1-1C6.278,10.953,6.725,10.506,7.278,10.506z"/> </svg> </div> <div class="get-in-touch-text"><span>Get in touch</span></div> </div> </a> <div class="social-icons-box op_0"> <div class="social-icons"> <a rel="noopener" aria-label="Facebook" href="https://www.facebook.com/edesigninteractive/" target="_blank" class="social-icon fb"> <svg xmlns="http://www.w3.org/2000/svg" width="6.737" height="13.962"><path fill="#FFF" d="M6.737 4.506H4.454V3.078c0-.552.399-.661.628-.661h1.599V0H4.454C1.941 0 1.428 1.812 1.428 2.913v1.593H0v2.476h1.428v6.98h3.026v-6.98h2.055l.228-2.476z"/></svg> </a> <a rel="noopener" aria-label="Twitter" href="https://twitter.com/We_Are_eDesign" target="_blank" class="social-icon tw"> <svg width="14.361" height="13"> <defs> <style> .cls-1 { fill: #fff; stroke-width: 0px; } </style> </defs> <path class="cls-1" d="M11.305.01h2.203l-4.811,5.497,5.659,7.48h-4.43l-3.472-4.536-3.968,4.536H.281l5.144-5.88L0,.01h4.542l3.135,4.146L11.305.01ZM10.532,11.671h1.22L3.878,1.258h-1.31l7.964,10.413Z"/> </svg>  </a> <a rel="noopener" aria-label="Instagram" href="https://instagram.com/edesign_interactive/" target="_blank" class="social-icon in"> <svg xmlns="http://www.w3.org/2000/svg" width="13.474" height="13.141" viewBox="299.5 953.424 13.474 13.141"><path fill="#FFF" d="M310.383 953.424h-8.292c-1.439 0-2.591 1.122-2.591 2.526v8.088c0 1.403 1.15 2.526 2.591 2.526h8.292c1.438 0 2.591-1.123 2.591-2.526v-8.088c0-1.405-1.152-2.526-2.591-2.526zm.748 1.515h.288v2.245h-2.304v-2.245h2.016zm-6.794 3.707c.402-.563 1.15-.955 1.899-.955.748 0 1.497.393 1.899.955.288.394.461.844.461 1.347 0 1.292-1.094 2.305-2.36 2.305-1.266 0-2.361-1.013-2.361-2.305 0-.504.174-.954.462-1.347zm7.312 5.392c0 .675-.575 1.235-1.267 1.235h-8.292c-.69 0-1.268-.563-1.268-1.235v-5.393h2.017a3.532 3.532 0 0 0-.288 1.347c0 1.969 1.67 3.597 3.686 3.597s3.686-1.628 3.686-3.597a3.56 3.56 0 0 0-.287-1.347h2.015l-.002 5.393z"/></svg> </a> <a rel="noopener" aria-label="behance" href="https://www.behance.net/edesignbg" target="_blank" class="social-icon be"> <svg xmlns="http://www.w3.org/2000/svg" width="14.316" height="8.216" viewBox="298.342 955.279 14.316 8.216"><path fill="#FFF" d="M311.271 956.441h-3.587v-.82h3.587v.82zm-5.975 3.372c.23.329.347.729.347 1.202 0 .484-.13.926-.396 1.311-.166.254-.38.474-.63.646-.284.2-.619.337-1.006.411a6.803 6.803 0 0 1-1.258.111h-4.011v-8.216h4.302c1.084.018 1.853.307 2.307.874.272.352.407.769.407 1.256 0 .502-.137.902-.411 1.208-.152.171-.38.327-.679.469.454.154.797.394 1.028.728zm-4.9-1.294h1.885c.389 0 .701-.068.941-.203.241-.137.36-.377.36-.723 0-.385-.158-.637-.479-.76-.273-.086-.625-.129-1.051-.129h-1.658l.002 1.815zm3.37 2.378c0-.428-.188-.724-.566-.881-.211-.089-.509-.136-.891-.139h-1.912v2.188h1.883c.387 0 .687-.046.901-.143.389-.179.585-.519.585-1.025zm8.836-1.336c.043.269.063.658.055 1.169h-4.646c.024.591.247 1.004.667 1.24.253.148.561.221.92.221.379 0 .688-.088.926-.268.129-.099.243-.232.342-.406h1.703c-.045.351-.25.704-.618 1.063-.569.572-1.371.858-2.398.858-.851 0-1.599-.241-2.248-.723-.647-.484-.974-1.271-.974-2.357 0-1.021.292-1.802.879-2.348.589-.545 1.347-.815 2.281-.815a3.95 3.95 0 0 1 1.501.274c.444.186.813.477 1.103.872.259.352.427.76.507 1.22zm-1.676.154c-.031-.408-.181-.719-.446-.931-.265-.212-.595-.318-.989-.318-.428 0-.76.112-.994.339-.236.222-.385.524-.444.91h2.873z"/></svg> </a> </div> </div> <div class="line l1 anim-line"></div> <div class="line l2 anim-line"></div> <div class="line l3 anim-line"></div> <div class="line l4 anim-line"></div> <div class="line l5 anim-line"></div> <div class="scroll-down op_0 scroll_down"> <div class="scroll-down-text vTextLR">Scroll down</div> <div class="scroll-down-icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="11px" height="36.189px" viewBox="0 0 11 36.189" enable-background="new 0 0 11 36.189" xml:space="preserve"> <g> <line class="stroke-1" fill="none" stroke="#000000" stroke-width="3.0556" stroke-miterlimit="10" x1="5.5" y1="0" x2="5.5" y2="13.556"/> <g> <line class="stroke-2" fill="none" stroke="#000000" stroke-width="1.0316" stroke-miterlimit="10" stroke-dasharray="18.9727" x1="5.5" y1="36.189" x2="5.5" y2="17.216"/> </g> <g><polygon class="stroke-3" points="0,11.946 5.5,21.472 11,11.946 "/></g></g> </svg> </div> </div> <div class="scroll-down op_0 scroll_up none"> <div class="scroll-down-text vTextLR">Scroll up</div> <div class="scroll-down-icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="11px" height="36.189px" viewBox="0 0 11 36.189" enable-background="new 0 0 11 36.189" xml:space="preserve"> <g> <line class="stroke-1" fill="none" stroke="#000000" stroke-width="3.0556" stroke-miterlimit="10" x1="5.5" y1="0" x2="5.5" y2="13.556"/> <g> <line class="stroke-2" fill="none" stroke="#000000" stroke-width="1.0316" stroke-miterlimit="10" stroke-dasharray="18.9727" x1="5.5" y1="36.189" x2="5.5" y2="17.216"/> </g> <g><polygon class="stroke-3" points="0,11.946 5.5,21.472 11,11.946 "/></g></g> </svg> </div> </div> <div class="progress" id="progress"></div> <div class="rotate-screen">  <div id="screenrotation"></div> </div> <div> <div class="viewport"> <div id="my-scrollbar" > <div class="content scroll-content "> <div data-scroll-container class="smooth-scroll-wrapper"> <section class="sekure-hero default-section-anim prel f0"> <canvas data-img-url="/images/casestudies/sekure/main-img-desktop_new.jpg" class="hero-canvas abs-cover-el"></canvas> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <svg class="bgr-paths-el flower-path pabs" x="0" y="0" viewBox="0 0 451.3 451.3"> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M225.7 225.7c124.4 0 225.1 100.8 225.1 225.2-124.3-.1-225.1-100.9-225.1-225.2z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M450.8.5c0 124.4-100.8 225.2-225.1 225.2C225.7 101.3 326.5.5 450.8.5z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M225.7 225.7c0 124.4-100.8 225.2-225.2 225.2 0-124.4 100.8-225.2 225.2-225.2z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.5.5c124.4 0 225.2 100.8 225.2 225.2C101.3 225.7.5 124.9.5.5z" /> </svg> <div class="hero-icons-hold abs-cover-el"> <div data-scroll data-scroll-speed="0.5" class="hero-icons-wrap hero-icons-1" data-startAt="1.6" data-filename="draw_circle_icon_1.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="89" height="89"></canvas> </div> <div data-scroll data-scroll-speed="-0.5" class="hero-icons-wrap hero-icons-2" data-startAt="1.8" data-filename="draw_circle_icon_2.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="188" height="188"></canvas> </div> <div data-scroll data-scroll-speed="0.5" class="hero-icons-wrap hero-icons-3" data-startAt="0.0" data-filename="draw_circle_icon_3.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="47" height="47"></canvas> </div> <div data-scroll data-scroll-speed="-0.5" class="hero-icons-wrap hero-icons-4" data-startAt="0.9" data-filename="draw_circle_icon_4.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="89" height="89"></canvas> </div> <div data-scroll data-scroll-speed="0.5" class="hero-icons-wrap hero-icons-5" data-startAt="0.0" data-filename="draw_circle_icon_5.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="140" height="70"></canvas> </div> <div data-scroll data-scroll-speed="-0.5" class="hero-icons-wrap hero-icons-6" data-startAt="0.4" data-filename="draw_circle_icon_6.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="86" height="86"></canvas> </div> <div data-scroll data-scroll-speed="0.5" class="hero-icons-wrap hero-icons-7" data-startAt="1.1" data-filename="draw_circle_icon_7.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="73" height="73"></canvas> </div> <div data-scroll data-scroll-speed="-0.5" class="hero-icons-wrap hero-icons-8" data-startAt="2.3" data-filename="draw_circle_icon_8.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="148" height="148"></canvas> </div> <div data-scroll data-scroll-speed="0.5" class="hero-icons-wrap hero-icons-9" data-startAt="0.0" data-filename="draw_circle_icon_9.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="147" height="147"></canvas> </div> <div data-scroll data-scroll-speed="-0.5" class="hero-icons-wrap hero-icons-10" data-startAt="1.3" data-filename="draw_circle_icon_10.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas width="147" height="147"></canvas> </div> </div> <div class="img-wrapper main-img-wrap aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/main-img-mobile.png" class="b-lazy" alt="Landing image" width="795" height="795"> </div> <h1 data-anim-order="1" data-anim-type="chars" class="prel section-title txt-size-72-d txt-size-40-m lh-1 ltr-spc-pos-0_04 ff-helvetica-bold"> Sekure Merchants </h1> <div data-anim-order="2" data-anim-type="fade-in" class="prel txt-post-rtf txt-size-14-d txt-size-14-m c-white lh-1_3 ltr-spc-pos-0_01 ff-helvetica-roman"> <p>Rebranding a payment solutions provider</p> </div> <a href="https://sekuremerchants.com/" rel="noopener noreferrer" target="_blank" data-anim-order="3" data-anim-type="fade-in" class="prel btn-casestudy-default white-border-blue-bgr inline_block prel center"> <span class="btn-bgc abs-cover-el inline_block"></span> <span class="btn-txt prel inline_block txt-size-12-d txt-size-14-m lh-1 ff-helvetica-roman ltr-spc-pos-0_05"> View website </span> </a> </div> </section> <section class="background-patterns-wrap first-patterns prel f0"> <div class="max-w-container w-1920 prel"> <svg class="bgr-paths-el circle-svg border-circle white-path pabs" viewBox="0 0 115 115"> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="57" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="28.5" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> </svg> <svg class="bgr-paths-el flower-path pabs" x="0" y="0" viewBox="0 0 451.3 451.3"> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M225.7 225.7c124.4 0 225.1 100.8 225.1 225.2-124.3-.1-225.1-100.9-225.1-225.2z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M450.8.5c0 124.4-100.8 225.2-225.1 225.2C225.7 101.3 326.5.5 450.8.5z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M225.7 225.7c0 124.4-100.8 225.2-225.2 225.2 0-124.4 100.8-225.2 225.2-225.2z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.5.5c124.4 0 225.2 100.8 225.2 225.2C101.3 225.7.5 124.9.5.5z" /> </svg> <svg class="bgr-paths-el circle-svg border-circle pabs" viewBox="0 0 115 115"> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="57" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="28.5" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> </svg> <svg class="bgr-paths-el two-halves-svg pabs" viewBox="0 0 400 400"> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M200,200L200,200C200,89.54,110.46,0,0,0h0v400h0C110.46,400,200,310.46,200,200z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M400,0C289.54,0,200,89.54,200,200v0c0,110.46,89.54,200,200,200h0L400,0L400,0z" /> </svg> <section dark-header-section data-trigger="0.75" class="sekure-project-summary default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div class="txt-content"> <h3 data-anim-type="chars" data-anim-order="1" class="section-title prel ff-helvetica-bold txt-size-64-d txt-size-40-m lh-1 c-template-black-2 title-strong-styles ltr-spc-pos-0_02"> Full <br><strong>Service</strong> </h3> <div data-anim-type="fade-in" data-anim-order="2" class="txt-post-rtf prel txt-size-16-d txt-size-14-m c-template-black-3 lh-1_56 ltr-spc-pos-0_01 ff-helvetica-roman"> <p>Over 35,000 businesses trust Sekure to manage their payment processing and merchant solutions in the US. Sekure received a complete brand and digital experience overhaul:</p> <ul> <li>Unique logo identity and brand guidelines</li> <li>Well-crafted corporate story</li> <li>New slogan</li> <li>Competitive landscape research</li> <li>Website redesign</li> <li>Hand-drawn shapes, interactivity, and animations</li> <li>HubSpot integration</li> <li>Optimized for loyalty, trust, and speed</li> </ul> </div> </div> <div data-anim-type="image-circle-el" data-anim-order="3" class="img-wrapper aspect-ratio-1-1"> <div class="img-el-wrap abs-cover-el"> <img data-src="/images/casestudies/sekure/project-summary-img.png" class="b-lazy" alt="Project Summary" width="500" height="500"> </div> <div class="img-circle-el to-left-anim bgc-green abs-cover-el"></div> </div> </div> </section> <section dark-header-section class="sekure-challenges default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div class="txt-content"> <h3 data-anim-type="chars" data-anim-order="1" class="section-title prel ff-helvetica-bold txt-size-64-d txt-size-40-m lh-1 c-template-black-2 title-strong-styles ltr-spc-pos-0_03"> Challenges </h3> <div data-anim-type="fade-in" data-anim-order="2" class="txt-post-rtf prel txt-size-16-d txt-size-14-m c-template-black-3 lh-1_56 ltr-spc-pos-0_01 ff-helvetica-roman"> <ul> <li>Logo Development</li> <li>Branding</li> <li>Brand Guidelines</li> <li>UX/UI Design</li> <li>Visual Design</li> <li>Web Animations</li> <li>Front and Back-End Development</li> <li>Motion Graphics</li> <li>CMS development</li> <li>GDPR Compliance</li> <li>WCAG AA Conformance</li> <li>SEO</li> </ul> </div> </div> <div data-anim-type="image-circle-el" data-anim-order="3" class="img-wrapper aspect-ratio-1-1"> <div class="img-el-wrap abs-cover-el"> <img data-src="/images/casestudies/sekure/challenges-img.png" class="b-lazy" alt="Project Summary" width="500" height="500"> </div> <div class="img-circle-el to-right-anim bgc-red abs-cover-el"></div> </div> </div> </section> <section dark-header-section class="sekure-quote default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div class="title-wrap prel"> <img width="370" height="272" data-src="/images/casestudies/sekure/quote-icon.png" class="quote-icon pabs b-lazy" alt=""> <h4 data-anim-type="chars" data-anim-order="1" class="section-title long-title prel ff-helvetica-bold txt-size-96-d txt-size-40-m lh-1_1 c-template-blue title-strong-styles ltr-spc-pos-0_01"> We are proud to unveil a crisper, cleaner, and more current representation of our identity and collective purpose, ensuring the success of our merchants. </h4> </div> <p data-anim-type="fade-in" data-anim-order="after" class="quote-by c-template-blue ff-helvetica-roman txt-size-20-d txt-size-14-m lh-1_1 ltr-spc-pos-0_01"> – Eyal Artzy, Co-founder and Managing Partner of Sekure </p> </div> </section> </div> </section> <section dark-header-section class="sekure-logo-identity default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div data-anim-type="fade-in-y-stagger" data-anim-order="3" class="media-element-wrap prel"> <div class="media-element-txt-wrap prel flex-center"> <p class="c-template-black-5 ff-helvetica-roman txt-size-32-d txt-size-30-m lh-1 ltr-spc-pos-0_01"> <strong>"No Worries"</strong> </p> <p class="c-template-black-5 plus-txt ff-helvetica-roman txt-size-36-d txt-size-30-m lh-1 ltr-spc-pos-0_01"> + </p> </div> <div class="video-wrap"> <div class="img-wrapper aspect-ratio-596-336"> <video class="b-lazy" data-src="/images/casestudies/sekure/humming-bird.mp4" type="video/mp4" autoplay loop muted> Your browser does not support the video tag. </video> </div> </div> </div> <div class="txt-content prel"> <h5 data-anim-type="chars" data-anim-order="1" class="section-title prel ff-helvetica-bold txt-size-64-d txt-size-40-m lh-1 c-template-black-2 title-strong-styles ltr-spc-pos-0_03"> Unique <br><strong>Logo Identity</strong> </h5> <div data-anim-type="fade-in" data-anim-order="2" class="txt-post-rtf prel txt-size-16-d txt-size-14-m c-template-black-3 lh-1_5 ltr-spc-pos-0_01 ff-helvetica-roman"> <p> To craft a distinctive logo, it's crucial to have a powerful and emotionally resonant theme at its core. This was exemplified in the rebranding of Sekure. The journey started with the development of not just any logo, but one that was deeply intertwined with a compelling brand narrative. Following thorough market research, eDesign developed Sekure's revamped identity with the theme of "no worries" at its heart. The choice of a hummingbird as part of the brand's story was deliberate, symbolizing hope and marking the cessation of stressful periods.    </p> </div> </div> </div> </section> <section class="sekure-symbol-section ov-hidden default-section-anim prel f0"> <div data-anim-type="fade-in" data-anim-order="1" class="bgc-el abs-cover-el"></div> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <p data-anim-type="fade-in" data-anim-order="2" class="section-info-title prel c-template-gray ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> A symbol that channels the energy of a hummingbird </p> <div class="section-img prel img-wrapper aspect-ratio-489-544"> <div data-anim-type="fade-in" data-anim-order="3" class="img-wrapper aspect-ratio-1-1 lottie-anim-wrap"> <span aria-hidden="true" class="lottie-anim-el abs-cover-el logo-anim-white" data-lottie-anim-name="logo-anim-white" data-url="/case-studies/sekure/assets/js/lottie_animations/used/light-logo-anim.json"></span> </div> </div> </div> </section> <section dark-header-section class="sekure-logo-section ov-hidden default-section-anim mobile-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div class="logo-cols-wrap flex-wrap-start"> <div data-anim-type="fade-in" data-anim-order="1" class="logo-col elem-to-show prel old-logo-col"> <p class="logo-col-txt c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Previous Logo </p> <div class="img-wrapper aspect-ratio-314-157"> <img data-src="/images/casestudies/sekure/sekure_old.png" class="b-lazy" alt="Sekure" width="314" height="157"> </div> </div> <div data-anim-type="fade-in" data-anim-order="2" class="logo-col prel new-logo-col"> <p class="logo-col-txt elem-to-show c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> New Logo </p> <div class="logo-col-new-content prel"> <div class="img-wrapper elem-to-show aspect-ratio-505-183"> <img data-src="/images/casestudies/sekure/sekure_new_anim.png" class="b-lazy" alt="Sekure" width="314" height="157"> </div> <div class="img-wrapper aspect-ratio-1-1 lottie-anim-wrap"> <span aria-hidden="true" class="lottie-anim-el abs-cover-el logo-anim-blue" data-lottie-anim-name="logo-anim-blue" data-url="/case-studies/sekure/assets/js/lottie_animations/used/blue-logo-anim-full.json?v=5"></span> </div> </div> </div> </div> <div class="img-wrapper logo-big-wrap aspect-ratio-1058-549"> <img data-src="/images/casestudies/sekure/sekure_logo_big_anim.png" class="b-lazy" alt="Sekure" width="1058" height="549"> <span class="img-big-logo-wrap inline_block pabs"></span> </div> </div> </section> <section class="background-patterns-wrap second-patterns prel f0"> <div class="max-w-container w-1920 prel"> <svg class="bgr-paths-el circle-svg border-circle pabs" viewBox="0 0 115 115"> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="57" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="28.5" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> </svg> <svg class="bgr-paths-el flower-path pabs" x="0" y="0" viewBox="0 0 451.3 451.3"> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M225.7 225.7c124.4 0 225.1 100.8 225.1 225.2-124.3-.1-225.1-100.9-225.1-225.2z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M450.8.5c0 124.4-100.8 225.2-225.1 225.2C225.7 101.3 326.5.5 450.8.5z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M225.7 225.7c0 124.4-100.8 225.2-225.2 225.2 0-124.4 100.8-225.2 225.2-225.2z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.5.5c124.4 0 225.2 100.8 225.2 225.2C101.3 225.7.5 124.9.5.5z" /> </svg> <svg class="bgr-paths-el circle-svg border-circle pabs" viewBox="0 0 115 115"> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="57" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="28.5" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> </svg> <svg class="bgr-paths-el two-halves-svg pabs" viewBox="0 0 400 400"> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M200,200L200,200C200,89.54,110.46,0,0,0h0v400h0C110.46,400,200,310.46,200,200z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M400,0C289.54,0,200,89.54,200,200v0c0,110.46,89.54,200,200,200h0L400,0L400,0z" /> </svg> <section dark-header-section class="sekure-colors-section default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <p data-anim-type="fade-in" data-anim-order="1" class="section-info-title prel c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Sekure's Brand Palette </p> <div data-scroll data-scroll-speed="-1" data-anim-type="fade-in" data-anim-order="2" class="section-img img-wrapper aspect-ratio-803-708"> <img data-src="/images/casestudies/sekure/colors-section-img.png" class="b-lazy" alt="Hummingbird" width="803" height="708"> </div> <div data-scroll data-scroll-speed="1" data-anim-type="fade-in-y-stagger" data-anim-order="3" class="colors-box img-wrapper aspect-ratio-1-1"> <div class="img-wrapper aspect-ratio-1-1 green-box"> <p class="color-txt pabs c-template-blue ff-helvetica-roman txt-size-14-d txt-size-14-m lh-1"> Caribbean Green <br> <br> RGB    23 — 252 — 196<br> CMYK  56 — 0— 41— 0<br> Pantone 3255 C </p> </div> <div class="img-wrapper aspect-ratio-1-1 coral-box"> <p class="color-txt pabs c-white ff-helvetica-roman txt-size-14-d txt-size-14-m lh-1"> Calypso Coral <br> <br> RGB    252 — 74 — 107<br> CMYK  0 — 86 — 42 — 0<br> Pantone 178 C </p> </div> <div class="img-wrapper aspect-ratio-1-1 lightblue-box"> <p class="color-txt pabs c-white ff-helvetica-roman txt-size-14-d txt-size-14-m lh-1"> Cerulean Blue <br> <br> RGB    0 — 143 — 196<br> CMYK  81— 31 — 6 — 0<br> Pantone Process Blue C </p> </div> <div class="img-wrapper aspect-ratio-1-1 darkblue-box"> <p class="color-txt pabs c-white ff-helvetica-roman txt-size-14-d txt-size-14-m lh-1"> International Klein Blue <br> <br> RGB    0 — 46 — 166<br> CMYK  100 — 91 — 0 — 0<br> Pantone 2736 C </p> </div> </div> </div> </section> <section dark-header-section class="sekure-core-values default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div class="txt-content"> <h6 data-anim-type="chars" data-anim-order="1" class="section-title prel ff-helvetica-bold txt-size-64-d txt-size-40-m lh-1 c-template-black-2 title-strong-styles ltr-spc-pos-0_03"> A Symphony of <br><strong>Values and Vision</strong> </h6> <div data-anim-type="fade-in" data-anim-order="2" class="txt-post-rtf prel txt-size-16-d txt-size-14-m c-template-black-3 lh-1_5 ltr-spc-pos-0_01 ff-helvetica-roman"> <p>In crafting an illustrious brand book complemented by meticulous guidelines, our team vividly brought to life Sekure's foundational pillars. These core values resonate through every hue in our color palettes, every curve in our design patterns, and every line in our shapes. Our newly minted iconography draws its essence from the heart of nature, the foundation of trust, and the beauty of simplicity, encapsulating Sekure's ethos in every element.</p> </div> </div> <div data-anim-type="fade-in-y-stagger" data-anim-order="3" class="blocks-wrap flex-wrap-start"> <button type="button" class="single-block prel center"> <span class="img-wrapper aspect-ratio-120-122"> <span class="icon-wrap abs-cover-el" data-filename="about_page_animation_full_timeline-5.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas class="icons-canvas" width="720" height="480"></canvas> </span> </span> <span class="item-txt c-template-black-3 ff-helvetica-roman txt-size-20-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Caring </span> </button> <button type="button" class="single-block prel center"> <span class="img-wrapper aspect-ratio-1-1"> <span class="icon-wrap abs-cover-el" data-filename="about_page_animation_full_timeline-5.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas class="icons-canvas" width="720" height="480"></canvas> </span> </span> <span class="item-txt c-template-black-3 ff-helvetica-roman txt-size-20-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Collaboration </span> </button> <button type="button" class="single-block prel center"> <span class="img-wrapper aspect-ratio-125-122"> <span class="icon-wrap abs-cover-el" data-filename="about_page_animation_full_timeline-5.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas class="icons-canvas" width="720" height="480"></canvas> </span> </span> <span class="item-txt c-template-black-3 ff-helvetica-roman txt-size-20-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Expertise </span> </button> <button type="button" class="single-block prel center"> <span class="img-wrapper aspect-ratio-1-1"> <span class="icon-wrap abs-cover-el" data-filename="about_page_animation_full_timeline-5.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas class="icons-canvas" width="720" height="480"></canvas> </span> </span> <span class="item-txt c-template-black-3 ff-helvetica-roman txt-size-20-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Positivity </span> </button> <button type="button" class="single-block prel center"> <span class="img-wrapper aspect-ratio-1-1"> <span class="icon-wrap abs-cover-el" data-filename="about_page_animation_full_timeline-5.riv" data-url="/case-studies/sekure/assets/js/rive_animations/"> <canvas class="icons-canvas" width="720" height="480"></canvas> </span> </span> <span class="item-txt c-template-black-3 ff-helvetica-roman txt-size-20-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Trust </span> </button> </div> </div> </section> </div> </section> <section dark-header-section class="sekure-corporate-story default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div class="txt-content-wrap"> <div class="txt-content"> <h6 data-anim-type="chars" data-anim-order="1" class="section-title prel ff-helvetica-bold txt-size-64-d txt-size-40-m lh-1 c-template-black-2 title-strong-styles ltr-spc-pos-0_03"> Worry-Free <br><strong>Corporate Story</strong> </h6> <div data-anim-type="fade-in" data-anim-order="2" class="txt-post-rtf prel txt-size-16-d txt-size-14-m c-template-black-3 lh-1_5 ltr-spc-pos-0_01 ff-helvetica-roman"> <p>In the discover stage of our process, our deep dive into Sekure's competitive arena unveiled unique opportunities to sculpt a narrative that stands apart. Amid the tension that often accompanies the choice of a credit card processing firm and the universal yearning for a smooth, stress-free journey, we seized the moment to weave these emotional layers into the fabric of Sekure's rebranding strategy. This thoughtful inclusion has not only differentiated Sekure but also resonated deeply with its audience, promising a new era of connection and ease.</p> </div> </div> </div> </div> </section> <section dark-header-section class="sekure-patterns-section default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-96 offset-y-m-50 offset-x-m-30"> <p data-anim-type="fade-in" data-anim-order="1" class="section-info-title prel c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Branded Patterns </p> <div class="patterns-wrap flex-wrap-start"> <div data-anim-type="fade-in" data-anim-order="2" class="big-pattern-item"> <div class="img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/big-pattern-item.png" class="b-lazy" alt="Sekure" width="575" height="575"> </div> </div> <div data-anim-type="fade-in-y-stagger" data-stagger-faster data-scale-in data-anim-order="3" class="small-patterns-wrap flex-wrap-start"> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-1.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-2.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-3.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-4.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-5.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-6.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-7.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-8.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-9.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-10.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-11.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-12.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-13.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-14.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-15.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-16.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-17.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-18.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-19.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-20.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-21.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-22.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-23.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-24.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-25.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-26.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-27.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-28.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-29.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-30.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-31.png" class="b-lazy" alt=""> </div> <div class="small-pattern-item img-wrapper aspect-ratio-1-1"> <img data-src="/images/casestudies/sekure/small-patterns/small-pattern-img-32.png" class="b-lazy" alt=""> </div> </div> </div> </div> </section> <section class="background-patterns-wrap third-patterns prel f0"> <div class="max-w-container w-1920 prel"> <svg class="bgr-paths-el circle-svg border-circle pabs" viewBox="0 0 115 115"> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="57" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="28.5" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> </svg> <svg class="bgr-paths-el flower-path pabs" x="0" y="0" viewBox="0 0 451.3 451.3"> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M225.7 225.7c124.4 0 225.1 100.8 225.1 225.2-124.3-.1-225.1-100.9-225.1-225.2z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M450.8.5c0 124.4-100.8 225.2-225.1 225.2C225.7 101.3 326.5.5 450.8.5z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M225.7 225.7c0 124.4-100.8 225.2-225.2 225.2 0-124.4 100.8-225.2 225.2-225.2z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.5.5c124.4 0 225.2 100.8 225.2 225.2C101.3 225.7.5 124.9.5.5z" /> </svg> <svg class="bgr-paths-el circle-svg border-circle pabs" viewBox="0 0 115 115"> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="57" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> <circle class="border-circle" fill="none" stroke="#FFF" stroke-width="0.1" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="57.5" cy="57.5" r="28.5" style="stroke-dashoffset: 0; stroke-dasharray: none;"></circle> </svg> <svg class="bgr-paths-el two-halves-svg pabs" viewBox="0 0 400 400"> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M200,200L200,200C200,89.54,110.46,0,0,0h0v400h0C110.46,400,200,310.46,200,200z" /> <path fill="none" stroke="#FFF" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M400,0C289.54,0,200,89.54,200,200v0c0,110.46,89.54,200,200,200h0L400,0L400,0z" /> </svg> <section class="sekure-iconography-section default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-256 offset-y-m-50 offset-x-m-30"> <h6 data-anim-type="chars" data-anim-order="1" class="section-title long-title prel ff-helvetica-bold txt-size-120-d txt-size-40-m lh-1_1 c-white title-strong-styles ltr-spc-pos-0_0083"> The new iconography is inspired by nature, trust, and simplicity. </h6> <div data-anim-type="fade-in" data-anim-order="2" class="txt-post-rtf prel txt-size-16-d txt-size-14-m c-white lh-1_5 ltr-spc-pos-0_0625 ff-helvetica-roman"> <p>A strong brand identity and website can influence customer perceptions. When users easily recognize and connect with a brand, it fosters a loyalty that creates repeat business and positive word-of-mouth referrals.</p> </div> <div data-anim-type="fade-in-y-stagger" data-anim-order="3" class="blocks-wrap"> <div class="single-block"> <a href="" class="whole-block-link">Retail</a> <div class="icon-wrap"> <svg class="solution-svg retail-svg" viewBox="0 0 210.8 201.5"> <path class="st0 upper-path" d="M50.5 105.1c0-30.5 24.7-55.2 55.2-55.2 30.5 0 55.2 24.7 55.2 55.2h49.9C210.8 47.1 163.7 0 105.7 0 47.6 0 .5 47.1.5 105.1h50z" /> <path class="st1 lower-path" d="M160.4 201.5c0-30.5-24.7-55.2-55.2-55.2S49.9 171 49.9 201.5H0C0 143.4 47.1 96.4 105.1 96.4c58.1 0 105.1 47.1 105.1 105.1h-49.8z" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Retail</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Health & Wellness</a> <div class="icon-wrap"> <svg class="solution-svg health-wellness-svg" viewBox="0 0 216.2 216.3"> <path class="st0" d="M184.6 31.7c37.7 37.7 41.7 96.2 12.1 138.4L46.2 19.5C88.3-10.1 146.9-6 184.6 31.7z" /> <path class="st1" d="M31.7 184.6C-6 146.9-10.1 88.3 19.5 46.2l150.6 150.6c-42.2 29.5-100.8 25.5-138.4-12.2z" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Health & Wellness</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Grocery</a> <div class="icon-wrap"> <svg class="solution-svg grocery-svg svg-top" viewBox="0 0 216.2 230.8"> <path class="st1 path-top" d="M164.9 108.1c0-31.4-25.4-56.8-56.8-56.8s-56.8 25.4-56.8 56.8H-.1C0 48.4 48.4 0 108.1 0s108.1 48.4 108.1 108.1h-51.3z" /> </svg> <svg class="solution-svg grocery-svg svg-bottom" viewBox="0 0 216.2 230.8"> <path class="st0 path-bottom" d="M108.1 230.8c53.3 0 97.5-38.6 106.5-89.3H1.7c8.9 50.7 53.1 89.3 106.4 89.3z" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Grocery</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Online / eCommerce</a> <div class="icon-wrap"> <svg class="solution-svg ecommerce-svg" viewBox="0 0 259.2 216.2"> <path class="st0 path-outer" d="M153.6 142.1c-10.4 13.8-26.9 22.8-45.5 22.8-31.4 0-56.8-25.4-56.8-56.8s25.4-56.8 56.8-56.8c18.6 0 35.1 9 45.5 22.8 7.9-15.8 21.1-28.4 37.3-35.6C171.1 15 141.3 0 108.1 0 48.4 0 0 48.4 0 108.1c0 59.7 48.4 108.1 108.1 108.1 33.2 0 62.9-15 82.8-38.6-16.2-7.1-29.4-19.7-37.3-35.5z" /> <circle transform="rotate(-9.213 107.32065179 108.10322352)" class="st1 circle-el circle-1" cx="107.3" cy="108.1" r="34" /> <circle transform="matrix(.9732 -.2298 .2298 .9732 -19.8256 45.9742)" class="st1 circle-el circle-2" cx="187.5" cy="108.1" r="20.3" /> <circle transform="matrix(.3827 -.9239 .9239 .3827 52.5729 294.9284)" class="st1 circle-el circle-3" cx="247" cy="108.1" r="12.2" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Online / eCommerce</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Restaurant</a> <div class="icon-wrap"> <svg class="solution-svg restaurant-svg" viewBox="0 0 353 311.2"> <circle class="st0 circle-el" cx="175.5" cy="136.4" r="39.9" /> <path class="st1" d="M242.2 142.6c0 36.8-29.8 66.6-66.6 66.6S109 179.4 109 142.6H48.6c0 70.1 56.8 126.9 126.9 126.9s126.9-56.8 126.9-126.9h-60.2z" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Restaurant</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Hospitality</a> <div class="icon-wrap"> <svg class="solution-svg hospitality-svg" viewBox="0 0 237.1 237.1"> <path class="st0 path-outer" d="M164.3 120.8c2.5 17.1-2.9 35.1-16 48.3-22.2 22.2-58.1 22.2-80.3 0-22.2-22.2-22.2-58.1 0-80.3 13.2-13.2 31.2-18.5 48.3-16-5.6-16.7-5.2-35 1.2-51.5-30.7-2.7-62.3 7.7-85.8 31.2-42.2 42.2-42.2 110.7 0 152.9s110.7 42.2 152.9 0c23.5-23.5 33.9-55.1 31.3-85.8-16.6 6.4-34.9 6.8-51.6 1.2z" /> <circle class="st1 circle-el" cx="188.4" cy="48.7" r="48.7" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Hospitality</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Fashion Boutiques</a> <div class="icon-wrap"> <svg class="solution-svg fashion-boutiques-svg" viewBox="0 0 216.2 216.2"> <path class="st0 path-outer path-bottom" d="M184.6 184.6C159.3 209.8 124.8 220 92 215L215 92c5 32.8-5.2 67.4-30.4 92.6z" /> <path class="st0 path-outer path-top" d="M31.7 31.7c26-26 61.9-36 95.5-30L1.7 127.2c-6-33.7 4-69.6 30-95.5z" /> <path class="st1 path-inner" d="M184.6 31.7c6 6 11.2 12.6 15.5 19.6L51.2 200.1c-7-4.3-13.5-9.5-19.6-15.5-5.4-5.4-10.2-11.3-14.2-17.5L167.1 17.5c6.2 4 12 8.7 17.5 14.2z" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Fashion Boutiques</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Homeware Store</a> <div class="icon-wrap"> <svg class="solution-svg homeware-store-svg" viewBox="0 0 210.8 201.5"> <path class="st0 lower-path" d="M160.4 96.4c0 30.5-24.7 55.2-55.2 55.2S50 126.9 50 96.4H0c0 58.1 47.1 105.1 105.1 105.1 58.1 0 105.1-47.1 105.1-105.1h-49.8z" /> <path class="st1 upper-path" d="M50.5 0c0 30.5 24.7 55.2 55.2 55.2S160.9 30.5 160.9 0h49.9c0 58.1-47.1 105.1-105.1 105.1C47.6 105.1.5 58.1.5 0h50z" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Homeware Store</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Professional Services</a> <div class="icon-wrap"> <svg class="solution-svg professional-services-svg svg-circle" viewBox="0 0 216.2 210.6"> <circle class="st0 circle-el" cx="108.1" cy="43.9" r="43.9" /> </svg> <svg class="solution-svg professional-services-svg svg-bottom" viewBox="0 0 216.2 210.6"> <path class="st1 path-bottom" d="M164.9 210.6c0-31.4-25.4-56.8-56.8-56.8s-56.8 25.4-56.8 56.8H0c0-59.7 48.4-108.1 108.1-108.1 59.7 0 108.1 48.4 108.1 108.1h-51.3z" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Professional Services</p> </div> <div class="single-block"> <a href="" class="whole-block-link">Wholesale</a> <div class="icon-wrap"> <svg class="solution-svg wholesale-icon-svg" viewBox="0 0 216.2 219.6"> <path class="st0 circle-el" d="M138.3 109.8c0-16.7-13.5-30.2-30.2-30.2s-30.2 13.5-30.2 30.2S91.4 140 108.1 140s30.2-13.5 30.2-30.2z" /> <path class="st0" d="M108.1 56.1c22.9 0 42.4 14.3 50.2 34.5h58C207.2 39.2 162.2 0 108.1 0S9.1 39.2 0 90.7h58c7.7-20.2 27.2-34.6 50.1-34.6z" /> <path class="st1" d="M108.1 163.5c-22.9 0-42.4-14.3-50.2-34.5H0c9.1 51.5 54 90.7 108.1 90.7 54.1 0 99.1-39.2 108.1-90.7h-58c-7.6 20.1-27.2 34.5-50.1 34.5z" /> </svg> </div> <p class="txt-size-16-d txt-size-18-m c-white lh-1_5 ltr-spc-pos-0_01">Wholesale</p> </div> </div> </div> </section> <section dark-header-section class="branding-materials-section default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-256 offset-y-m-50 offset-x-m-30"> <p data-anim-type="fade-in" data-anim-order="1" class="section-info-title c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> New Branded Assets and Collateral </p> <div class="swiper"> <div class="swiper-wrapper" data-anim-type="fade-in-blocks" data-anim-order="2"> <div class="swiper-slide"> <div class="img-wrapper fade-in aspect-ratio-842-800"> <img data-src="/images/casestudies/sekure/slide-img-1.png" class="b-lazy" alt="" width="842" height="800"> </div> </div> <div class="swiper-slide"> <div class="img-wrapper fade-in aspect-ratio-842-800"> <img data-src="/images/casestudies/sekure/slide-img-2.png" class="b-lazy" alt="" width="842" height="800"> </div> </div> <div class="swiper-slide"> <div class="img-wrapper fade-in aspect-ratio-842-800"> <img data-src="/images/casestudies/sekure/slide-img-3.png" class="b-lazy" alt="" width="842" height="800"> </div> </div> </div> </div> </div> </section> </div> </section> <section dark-header-section data-half-padding-anim-desktop class="sekure-personal-business default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div class="txt-content-wrap prel"> <div class="txt-content"> <h6 data-anim-type="chars" data-anim-order="1" class="section-title prel ff-helvetica-bold txt-size-64-d txt-size-40-m lh-1 c-template-black-2 title-strong-styles ltr-spc-pos-0_03"> It’s business. <br><strong>And it’s personal.</strong> </h6> <div data-anim-type="fade-in" data-anim-order="2" class="txt-post-rtf prel txt-size-16-d txt-size-14-m c-template-black-3 lh-1_5 ltr-spc-pos-0_01 ff-helvetica-roman"> <p>The subsequent challenge our team embraced was the complete overhaul of Sekure’s website, strategically repositioning the brand as a beacon of expertise in its industry. Our mission? To magnetize customers and instill an unwavering sense of trust and dependability. By harnessing the power of immersive, full-screen imagery, we dramatically enhanced the articulation of Sekure’s core messages in a "scrollytelling" experience. Timed animations and progressive loading guide a user to each and every CTA button.</p> </div> </div> </div> <div data-scroll data-scroll-speed="-1" data-anim-type="circles-anim" data-is-desktop data-anim-order="3" class="bgr-circles-wrap flex-wrap-start pabs"> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle lower-opacity"> <svg class="abs-cover-el" viewBox="0 0 205 204" fill="none"> <path d="M102.71 168.575C65.9474 168.575 36.1369 138.847 36.1369 102.195C36.1369 65.5425 65.9474 35.8144 102.71 35.8144C139.472 35.8144 169.282 65.5425 169.282 102.195C169.282 138.847 139.472 168.575 102.71 168.575ZM102.654 0.129639C46.3916 0.129639 0.784302 45.5994 0.784302 101.725C0.784302 157.85 46.3916 203.292 102.654 203.292C158.917 203.292 204.538 157.823 204.538 101.725C204.538 45.627 158.917 0.129639 102.654 0.129639Z" fill="#17FCC5"/> <path d="M128.208 102.001C128.208 116.043 116.793 127.403 102.737 127.403C88.6821 127.403 77.2665 116.043 77.2665 102.001C77.2665 87.9594 88.6821 76.5989 102.737 76.5989C116.793 76.5989 128.208 87.9732 128.208 102.001Z" fill="#17FCC5"/> </svg> </div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle lower-opacity"> <svg class="abs-cover-el" viewBox="0 0 205 204" fill="none"> <path d="M102.71 168.575C65.9474 168.575 36.1369 138.847 36.1369 102.195C36.1369 65.5425 65.9474 35.8144 102.71 35.8144C139.472 35.8144 169.282 65.5425 169.282 102.195C169.282 138.847 139.472 168.575 102.71 168.575ZM102.654 0.129639C46.3916 0.129639 0.784302 45.5994 0.784302 101.725C0.784302 157.85 46.3916 203.292 102.654 203.292C158.917 203.292 204.538 157.823 204.538 101.725C204.538 45.627 158.917 0.129639 102.654 0.129639Z" fill="#17FCC5"/> <path d="M128.208 102.001C128.208 116.043 116.793 127.403 102.737 127.403C88.6821 127.403 77.2665 116.043 77.2665 102.001C77.2665 87.9594 88.6821 76.5989 102.737 76.5989C116.793 76.5989 128.208 87.9732 128.208 102.001Z" fill="#17FCC5"/> </svg> </div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle lower-opacity"> <svg class="abs-cover-el" viewBox="0 0 205 204" fill="none"> <path d="M102.71 168.575C65.9474 168.575 36.1369 138.847 36.1369 102.195C36.1369 65.5425 65.9474 35.8144 102.71 35.8144C139.472 35.8144 169.282 65.5425 169.282 102.195C169.282 138.847 139.472 168.575 102.71 168.575ZM102.654 0.129639C46.3916 0.129639 0.784302 45.5994 0.784302 101.725C0.784302 157.85 46.3916 203.292 102.654 203.292C158.917 203.292 204.538 157.823 204.538 101.725C204.538 45.627 158.917 0.129639 102.654 0.129639Z" fill="#17FCC5"/> <path d="M128.208 102.001C128.208 116.043 116.793 127.403 102.737 127.403C88.6821 127.403 77.2665 116.043 77.2665 102.001C77.2665 87.9594 88.6821 76.5989 102.737 76.5989C116.793 76.5989 128.208 87.9732 128.208 102.001Z" fill="#17FCC5"/> </svg> </div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle"> <svg class="abs-cover-el" viewBox="0 0 205 204" fill="none"> <path d="M102.71 168.575C65.9474 168.575 36.1369 138.847 36.1369 102.195C36.1369 65.5425 65.9474 35.8144 102.71 35.8144C139.472 35.8144 169.282 65.5425 169.282 102.195C169.282 138.847 139.472 168.575 102.71 168.575ZM102.654 0.129639C46.3916 0.129639 0.784302 45.5994 0.784302 101.725C0.784302 157.85 46.3916 203.292 102.654 203.292C158.917 203.292 204.538 157.823 204.538 101.725C204.538 45.627 158.917 0.129639 102.654 0.129639Z" fill="#17FCC5"/> <path d="M128.208 102.001C128.208 116.043 116.793 127.403 102.737 127.403C88.6821 127.403 77.2665 116.043 77.2665 102.001C77.2665 87.9594 88.6821 76.5989 102.737 76.5989C116.793 76.5989 128.208 87.9732 128.208 102.001Z" fill="#17FCC5"/> </svg> </div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle"> <img data-src="/images/casestudies/sekure/person.png" class="b-lazy" alt="Person" width="205" height="204"> </div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle lower-opacity"> <svg class="abs-cover-el" viewBox="0 0 205 204" fill="none"> <path d="M102.71 168.575C65.9474 168.575 36.1369 138.847 36.1369 102.195C36.1369 65.5425 65.9474 35.8144 102.71 35.8144C139.472 35.8144 169.282 65.5425 169.282 102.195C169.282 138.847 139.472 168.575 102.71 168.575ZM102.654 0.129639C46.3916 0.129639 0.784302 45.5994 0.784302 101.725C0.784302 157.85 46.3916 203.292 102.654 203.292C158.917 203.292 204.538 157.823 204.538 101.725C204.538 45.627 158.917 0.129639 102.654 0.129639Z" fill="#17FCC5"/> <path d="M128.208 102.001C128.208 116.043 116.793 127.403 102.737 127.403C88.6821 127.403 77.2665 116.043 77.2665 102.001C77.2665 87.9594 88.6821 76.5989 102.737 76.5989C116.793 76.5989 128.208 87.9732 128.208 102.001Z" fill="#17FCC5"/> </svg> </div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle lower-opacity"> <svg class="abs-cover-el" viewBox="0 0 205 204" fill="none"> <path d="M102.71 168.575C65.9474 168.575 36.1369 138.847 36.1369 102.195C36.1369 65.5425 65.9474 35.8144 102.71 35.8144C139.472 35.8144 169.282 65.5425 169.282 102.195C169.282 138.847 139.472 168.575 102.71 168.575ZM102.654 0.129639C46.3916 0.129639 0.784302 45.5994 0.784302 101.725C0.784302 157.85 46.3916 203.292 102.654 203.292C158.917 203.292 204.538 157.823 204.538 101.725C204.538 45.627 158.917 0.129639 102.654 0.129639Z" fill="#17FCC5"/> <path d="M128.208 102.001C128.208 116.043 116.793 127.403 102.737 127.403C88.6821 127.403 77.2665 116.043 77.2665 102.001C77.2665 87.9594 88.6821 76.5989 102.737 76.5989C116.793 76.5989 128.208 87.9732 128.208 102.001Z" fill="#17FCC5"/> </svg> </div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle"> <svg class="abs-cover-el" viewBox="0 0 205 204" fill="none"> <path d="M102.71 168.575C65.9474 168.575 36.1369 138.847 36.1369 102.195C36.1369 65.5425 65.9474 35.8144 102.71 35.8144C139.472 35.8144 169.282 65.5425 169.282 102.195C169.282 138.847 139.472 168.575 102.71 168.575ZM102.654 0.129639C46.3916 0.129639 0.784302 45.5994 0.784302 101.725C0.784302 157.85 46.3916 203.292 102.654 203.292C158.917 203.292 204.538 157.823 204.538 101.725C204.538 45.627 158.917 0.129639 102.654 0.129639Z" fill="#17FCC5"/> <path d="M128.208 102.001C128.208 116.043 116.793 127.403 102.737 127.403C88.6821 127.403 77.2665 116.043 77.2665 102.001C77.2665 87.9594 88.6821 76.5989 102.737 76.5989C116.793 76.5989 128.208 87.9732 128.208 102.001Z" fill="#17FCC5"/> </svg> </div> <div class="circle-item img-wrapper aspect-ratio-1-1"></div> <div class="circle-item img-wrapper aspect-ratio-1-1 anim-circle lower-opacity"> <svg class="abs-cover-el" viewBox="0 0 205 204" fill="none"> <path d="M102.71 168.575C65.9474 168.575 36.1369 138.847 36.1369 102.195C36.1369 65.5425 65.9474 35.8144 102.71 35.8144C139.472 35.8144 169.282 65.5425 169.282 102.195C169.282 138.847 139.472 168.575 102.71 168.575ZM102.654 0.129639C46.3916 0.129639 0.784302 45.5994 0.784302 101.725C0.784302 157.85 46.3916 203.292 102.654 203.292C158.917 203.292 204.538 157.823 204.538 101.725C204.538 45.627 158.917 0.129639 102.654 0.129639Z" fill="#17FCC5"/> <path d="M128.208 102.001C128.208 116.043 116.793 127.403 102.737 127.403C88.6821 127.403 77.2665 116.043 77.2665 102.001C77.2665 87.9594 88.6821 76.5989 102.737 76.5989C116.793 76.5989 128.208 87.9732 128.208 102.001Z" fill="#17FCC5"/> </svg> </div> </div> </div> </section> <section dark-header-section class="details-section default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-256 offset-y-m-50 offset-x-m-30"> <p data-anim-type="fade-in" data-anim-order="1" class="section-info-title c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Details </p> <div class="swiper"> <div class="swiper-wrapper" data-anim-type="fade-in-blocks" data-anim-order="2"> <div class="swiper-slide"> <div class="img-wrapper fade-in aspect-ratio-1211-606"> <img data-src="/images/casestudies/sekure/details-section-1.png" class="b-lazy" alt="" width="842" height="800"> </div> </div> <div class="swiper-slide"> <div class="img-wrapper fade-in aspect-ratio-1211-606"> <img data-src="/images/casestudies/sekure/details-section-2.png" class="b-lazy" alt="" width="842" height="800"> </div> </div> <div class="swiper-slide"> <div class="img-wrapper fade-in aspect-ratio-1211-606"> <img data-src="/images/casestudies/sekure/details-section-3.png" class="b-lazy" alt="" width="842" height="800"> </div> </div> </div> </div> </div> </section> <section dark-header-section class="sekure-website-pages-section default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-256 offset-y-m-50 offset-x-m-30"> <div class="txt-content flex-wrap-start"> <p data-anim-type="fade-in" data-anim-order="1" class="section-info-title c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Custom Navigation </p> <div data-anim-type="fade-in" data-anim-order="2" class="txt-post-rtf prel txt-size-16-d txt-size-14-m c-template-black-3 lh-1_5 ltr-spc-pos-0_01 ff-helvetica-roman"> <p>Our web design transcends mere functionality with clear navigational tabs that do more than guide visitors - they invite them on a storytelling journey, unique to Sekure. By avoiding the overused and commonplace labels that clutter competitor sites, we've crafted a navigation experience that unfolds Sekure's story, page by page. Visitors are led to meticulously designed landing pages, each embedded with intuitive contact forms that promise simplicity and efficiency, requiring merely a few clicks to complete.</p> </div> </div> <div data-anim-type="fade-in-blocks" data-anim-order="3" class="img-items-wrap flex-wrap-start"> <div data-scroll data-scroll-speed="0.75" class="img-item"> <div class="img-wrapper fade-in box-shadow aspect-ratio-400-1212"> <img data-src="/images/casestudies/sekure/website-pages-1.png" class="b-lazy" alt="" width="400" height="1212"> </div> </div> <div data-scroll data-scroll-speed="-0.75" class="img-item"> <div class="img-wrapper fade-in box-shadow aspect-ratio-400-1212"> <img data-src="/images/casestudies/sekure/website-pages-2.png" class="b-lazy" alt="" width="400" height="1212"> </div> </div> <div data-scroll data-scroll-speed="0.25" class="img-item"> <div class="img-wrapper fade-in box-shadow aspect-ratio-400-1212"> <img data-src="/images/casestudies/sekure/website-pages-3.png" class="b-lazy" alt="" width="400" height="1212"> </div> </div> </div> </div> </section> <section dark-header-section class="sekure-quote-2 default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <div class="title-wrap prel"> <img width="370" height="272" data-src="/images/casestudies/sekure/quote-icon.png" class="quote-icon pabs b-lazy" alt=""> <h4 data-anim-type="chars" data-anim-order="1" class="section-title long-title prel ff-helvetica-bold txt-size-96-d txt-size-40-m lh-1_1 c-template-blue title-strong-styles ltr-spc-pos-0_01"> Our development team is at the forefront of innovation, refining a CMS to cater specifically to the nuances of different industries. </h4> </div> <p data-anim-type="fade-in" data-anim-order="after" class="quote-by c-template-blue ff-helvetica-roman txt-size-20-d txt-size-14-m lh-1_1 ltr-spc-pos-0_01"> — eDesign </p> </div> </section> <section dark-header-section class="social-media-section default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-256 offset-y-m-50 offset-x-m-30"> <div class="content-wrap"> <p data-anim-type="fade-in" data-anim-order="1" class="section-info-title c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1 ltr-spc-pos-0_01"> Social Media Facebook Cover </p> <div data-anim-type="fade-in" data-anim-order="2" class="img-wrapper aspect-ratio-823-313"> <img width="823" height="313" data-src="/images/casestudies/sekure/social-media-section-img.png" class="b-lazy" alt=""> </div> </div> </div> </section> <section dark-header-section class="social-media-posts-section default-section-anim prel f0"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-256 offset-y-m-50 offset-x-m-30"> <p data-anim-type="fade-in" data-anim-order="1" class="section-info-title c-template-black-3 ff-helvetica-roman txt-size-16-d txt-size-14-m lh-1_5 ltr-spc-pos-0_01"> Social media posts, created by Sekure, follow the brand guidelines developed by eDesign. </p> <div data-anim-type="fade-in-blocks" data-anim-order="2" class="social-media-posts-wrap prel"> <div class="social-media-item fade-in"> <div class="img-wrapper aspect-ratio-800-420"> <img width="800" height="420" data-src="/images/casestudies/sekure/social-media-posts-1.png" class="b-lazy" alt=""> </div> </div> <div class="social-media-item fade-in"> <div class="img-wrapper aspect-ratio-800-420"> <img width="800" height="420" data-src="/images/casestudies/sekure/social-media-posts-2.png" class="b-lazy" alt=""> </div> </div> <div class="social-media-item fade-in"> <div class="img-wrapper aspect-ratio-800-420"> <img width="800" height="420" data-src="/images/casestudies/sekure/social-media-posts-3.png" class="b-lazy" alt=""> </div> </div> <div class="social-media-item fade-in"> <div class="img-wrapper aspect-ratio-678-380"> <img width="678" height="380" data-src="/images/casestudies/sekure/social-media-posts-4.png" class="b-lazy" alt=""> </div> </div> <div class="social-media-item fade-in"> <div class="img-wrapper aspect-ratio-750-394"> <img width="750" height="394" data-src="/images/casestudies/sekure/social-media-posts-5.png" class="b-lazy" alt=""> </div> </div> <div class="img-wrapper aspect-ratio-1601-1236"></div> </div> </div> </section> <section dark-header-section class="template-fast-facts prel f0 default-section-anim"> <div class="max-w-container op-0 w-1920 prel offset-x-desktop-252 offset-y-m-50 offset-x-m-30"> <h6 data-anim-type="chars" data-anim-order="1" class="section-title ff-helvetica-bold txt-size-72-d txt-size-50-m lh-1_125 c-black title-strong-styles ltr-spc-pos-0_0278"> Fast Facts </h6> <div data-anim-type="fade-in-y-stagger" data-anim-order="2" class="blocks-wrap"> <div class="single-block prel"> <h6 class="block-stats-txt title-strong-styles lh-1 txt-size-120-d txt-size-70-m ltr-spc-pos-0_025 c-black ff-helvetica-bold"> <strong>∞</strong> </h6> <p class="block-info-txt c-template-black-3 txt-size-24-d txt-size-14-m lh-1_25 ff-helvetica-roman ltr-spc-pos-0_083"> Unlimited design options in the CMS </p> </div> <div class="single-block prel"> <h6 class="block-stats-txt title-strong-styles lh-1 txt-size-120-d txt-size-70-m ltr-spc-pos-0_025 c-black ff-helvetica-bold"> 35,000+ </h6> <p class="block-info-txt c-template-black-3 txt-size-24-d txt-size-14-m lh-1_25 ff-helvetica-roman ltr-spc-pos-0_083"> Worry-free merchants </p> </div> <div class="single-block prel"> <h6 class="block-stats-txt title-strong-styles lh-1 txt-size-120-d txt-size-70-m ltr-spc-pos-0_025 c-black ff-helvetica-bold"> <strong>3</strong> </h6> <p class="block-info-txt c-template-black-3 txt-size-24-d txt-size-14-m lh-1_25 ff-helvetica-roman ltr-spc-pos-0_083"> Brand identity concepts </p> </div> </div> </div> </section> <section dark-header-section class="other-casestudies-section default-section-anim"> <div class="op-0 max-w-container w-1920 prel"> <div data-anim-order="1" data-anim-type="fade-in"> <div class="content-grid cf"> <div class="text-col p0 c_b"> <div id="social-feed-slider" class="drag-nav"> <div class="social-feed-slider-conatiner swiper-container op_0 drag-section"> <div class="social-feed-slider-wrapper swiper-wrapper"> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/theatre-development-fund-tdf" title="TDF"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/34/others/tdf-thumb-small2_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.tdf.org/</span> </div> </a> </div>  <a href="/portfolio/theatre-development-fund-tdf" class="title sm mobile-offset plr tplr mobile-offset c_b bx">TDF</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Non Profit</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/turner-construction-company" title="Turner"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/32/others/tcco-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.turnerconstruction.com/</span> </div> </a> </div>  <a href="/portfolio/turner-construction-company" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Turner</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Construction</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/synack" title="Synack"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/33/others/synack-big-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.synack.com/</span> </div> </a> </div>  <a href="/portfolio/synack" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Synack</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Software & Electronics</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/wimpy-kid" title="Wimpy Kid"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/30/others/wimpykid-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://wimpykid.com/</span> </div> </a> </div>  <a href="/portfolio/wimpy-kid" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Wimpy Kid</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Publishing</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <span class="social-feed-slide-inner-box prel"> <h3 class="title m s">More <br /> projects</h3> <p class="text m op_03 _s"> <span class="text n">We use the power of digital technology to engage your audience...</span> </p> <div class="btn-box mt"> <a href="/portfolio" class="btn red anim-txt-b op_0">View portfolio</a> </div> </span> </div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/fastmail" title="Fastmail"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/28/others/fastmail-290x290-thumb-list_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://fastmail.edesigninteractive.com</span> </div> </a> </div>  <a href="/portfolio/fastmail" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Fastmail</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/associated-press" title="Associated Press Content Services"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/27/others/ap-209x209_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://contentservices.ap.org/</span> </div> </a> </div>  <a href="/portfolio/associated-press" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Associated Press Content Services</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/medspeed" title="MedSpeed"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/29/others/medspeed-290x290-thumb-list_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.medspeed.com/</span> </div> </a> </div>  <a href="/portfolio/medspeed" class="title sm mobile-offset plr tplr mobile-offset c_b bx">MedSpeed</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Healthcare</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/lasernetus" title="LaserNetUS"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/26/others/lasernetus-209x209_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://lasernetus.org/</span> </div> </a> </div>  <a href="/portfolio/lasernetus" class="title sm mobile-offset plr tplr mobile-offset c_b bx">LaserNetUS</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Government, Nonprofit</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/finch" title="Finch"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/25/others/finch_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">http://finchmoney.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/finch" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Finch</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Finance</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/welchs-fruit-snacks" title="Welch’s ® Fruit Snacks"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/8/others/weltch-tmb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://welchsfruitsnacks.com/</span> </div> </a> </div>  <a href="/portfolio/welchs-fruit-snacks" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Welch’s ® Fruit Snacks</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Food & Beverage</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/blockchains" title="Blockchains"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/24/others/blockchains_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.blockchains.com/</span> </div> </a> </div>  <a href="/portfolio/blockchains" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Blockchains</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Software & Electronics</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/sundaysky" title="SundaySky"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/22/others/SundaySky_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://sundaysky.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/sundaysky" class="title sm mobile-offset plr tplr mobile-offset c_b bx">SundaySky</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Software & Electronics</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/exeron" title="Exeron"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/3/others/exeron-portfolio-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://exeron.com/</span> </div> </a> </div>  <a href="/portfolio/exeron" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Exeron</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Products</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/popweaver" title="Weaver Popcorn"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/5/others/popweaver-thumb-casestudy_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://popweaver.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/popweaver" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Weaver Popcorn</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Food & Beverage</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/dyrdek-machine" title="Dyrdek Machine"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/20/others/Dyrdek-Machine-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://dyrdekmachine.com/</span> </div> </a> </div>  <a href="/portfolio/dyrdek-machine" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Dyrdek Machine</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/oinj" title="The Orthopedic Institute of New Jersey"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/19/others/oinj-thumb_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://orthopedicnj.com</span> </div> </a> </div>  <a href="/portfolio/oinj" class="title sm mobile-offset plr tplr mobile-offset c_b bx">The Orthopedic Institute of New Jersey</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Healthcare</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/raritan-valley-community-college" title="Raritan Valley Community College"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/18/others/rvcc-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.raritanval.edu/</span> </div> </a> </div>  <a href="/portfolio/raritan-valley-community-college" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Raritan Valley Community College</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Education</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/frostking-house" title="Frost King"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/7/others/frost-king-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://house.frostking.com/</span> </div> </a> </div>  <a href="/portfolio/frostking-house" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Frost King</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Products</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/hardies" title="Hardie's Fresh Foods"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/4/others/hardies-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.hardies.com/</span> </div> </a> </div>  <a href="/portfolio/hardies" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Hardie's Fresh Foods</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/menada" title="Domain Menada Winery"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/14/others/menada-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.menada-winery.com/</span> </div> </a> </div>  <a href="/portfolio/menada" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Domain Menada Winery</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Spirits</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/villa-yambol" title="Villa Yambol Wines"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/17/others/villa-yambol-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://villayambol.com/</span> </div> </a> </div>  <a href="/portfolio/villa-yambol" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Villa Yambol Wines</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Spirits</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/agata-photography" title="Agata Photography"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/6/others/agata-portfolio-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://agataphotography.co.uk/</span> </div> </a> </div>  <a href="/portfolio/agata-photography" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Agata Photography</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/alaska" title="Alaska Vodka"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/10/others/alaska-vodka-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://alaskavodka.com/</span> </div> </a> </div>  <a href="/portfolio/alaska" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Alaska Vodka</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Spirits</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/brickfielder" title="Brickfielder"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/11/others/brickfielder-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://brickfielder.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/brickfielder" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Brickfielder</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Products</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/diecrew" title="Die Crew"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/12/others/diecrew-portfolio-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.diecrew.de/</span> </div> </a> </div>  <a href="/portfolio/diecrew" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Die Crew</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Services</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/dangelico" title="D'Angelico Guitars"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/13/others/d-angelico-thumb_thumb-list.jpg')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">http://dangelico.edesigninteractive.com/</span> </div> </a> </div>  <a href="/portfolio/dangelico" class="title sm mobile-offset plr tplr mobile-offset c_b bx">D'Angelico Guitars</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Products</div> </div> <div class="col col-d-20 social-feed-slide swiper-slide"> <div class="social-feed-slide-box plr bx"> <a class="social-feed-slide-inner-box prel" href="/portfolio/sun-maid-chocolate-raisins" title="Sun-Maid Chocolate Raisins"> <div class="bckg-overlay cover" style="background-image:url('https://edesigninteractive.com/attachments/Project/23/others/Screenshot-2021-02-26-121121_thumb-list.png')"></div> <div class="link-box"> <img src="/images/icons/link-icon.png" alt=""> <span class="link-text">https://www.chocolateraisins.com/</span> </div> </a> </div>  <a href="/portfolio/sun-maid-chocolate-raisins" class="title sm mobile-offset plr tplr mobile-offset c_b bx">Sun-Maid Chocolate Raisins</a> <div class="text m bigger op_07 mobile-offset plr fa-star-half-fulltplr bx">Food & Beverage</div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> <script src="/case-studies/sekure/js/manifest.js?v=20240207.2"></script> <script src="/case-studies/sekure/js/vendor.js?v=20240207.2"></script> <script src="/case-studies/sekure/js/app.js?v=20240207.2"></script> <script src="/js/main.js?v=20240815v2"></script> <script> App.Lottie.initPrelaoder(); App.init(); </script> <script> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-66869522-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>

CINXE.COM

eDesign Interactive | Sekure Merchants