CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="LODE is an international communications & design agency for global brands." /> <meta name=“keywords” content=“design, animation, ci, corporate identity, brand identity, webgl, agency, wordpress, website, technology, ai, start-up, berlin, sydney, interactive, web development, storytelling, b2b, business to business, jules webster, malte pott” /> <title>Capabilities – LODE Design Agency</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//unpkg.com' /> <style id='vp-dynamic-styles-BOAnu-inline-css' type='text/css'> .vp-id-BOAnu .vp-portfolio__items { --vp-items__gap: 15px; --vp-items__gap-vertical: 24px; } </style> <link rel='stylesheet' id='visual-portfolio-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/visual-portfolio__build__assets__css__main-css-v9759989ebc68a45da45a2a5d5dc03c8c31e6d1cd.css' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-layout-grid-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/css/layout-grid.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='simplebar-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/simplebar/dist/simplebar.min.css?ver=5.3.0' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-custom-scrollbar-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/css/custom-scrollbar.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-lazyload-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/css/lazyload.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-filter-minimal-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/templates/items-list/filter/minimal/style.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-errors-default-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/templates/errors/style.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-items-style-default-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/templates/items-list/items-style/style.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='visual-portfolio-notices-default-css' href='https://likelode.com/wp-content/plugins/visual-portfolio/templates/notices/style.css?ver=1721206401' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://likelode.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <style id='acf-ltp-style-inline-css' type='text/css'> .ltp-block lottie-player{ display: inline-flex; max-width: 100%; height: 100%; } </style> <style id='acf-project-list-style-inline-css' type='text/css'> #blog-effects.project-list-block article .post-title{ font-family: "Syne"; font-size: 46px; line-height: 58px; } #blog-effects.project-list-block article .entry-meta-wrap{ line-height: 24px; } #blog-effects.project-list-block article .hover-reveal{ width: 300px; height: 600px; } #blog-effects.project-list-block article .article-content{ display: flex; align-items: center; justify-content: space-between; } #blog-effects.project-list-block article .article-wrap{ padding: 0; } #blog-effects.project-list-block article{ padding-bottom: 40px; } #blog-effects.project-list-block article:last-child{ padding-bottom: 0; } @media only screen and (max-width: 1466px){ #blog-effects.project-list-block article .hover-reveal { width: 250px; height: 333px; } } @media only screen and (max-width: 1024px){ #blog-effects.project-list-block article .hover-reveal { width: 200px; height: 266px; } } @media only screen and (max-width: 600px){ #blog-effects.project-list-block article .article-content{ flex-direction: column; align-items: flex-start; } #blog-effects.project-list-block article .entry-categories{ float: none; text-align: left; width: 100%; } } </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/contact-form-7__includes__css__styles-css-vf448db67b8c5d28d5281e3989a761c25b2cb091f.css' type='text/css' media='all' /> <link rel='stylesheet' id='cnb-style-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/cookie-notice-banner__css__cnb-style-css-v9152a7ee770da68425acd453b9b201fa053ef43f.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-content-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__content-css-v417a64c93a42a0ad5ea3dc7ca0b7db42e736eeb5.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-showcase-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__showcase-css-va224ab138a2d264a03abb769adae6c80445e815e.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-portfolio-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__portfolio-css-v5977b3804c7da136ecb4562a420ff0b8979e6525.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-blog-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__blog-css-vd0f80be62df7bc99afb41872e1aea4c4708b11ff.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-shortcodes-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__shortcodes-css-vc46f1e3f5b07909f5abd4df4dfaf33323197933c.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-assets-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__assets-css-v0ba84b9a24630cd4f2bd50c9a0a69f02c6a46d5c.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-style-wp-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__style-wp-css-vee7009f79cde1bf5cddf6a057dd17a1c781153b7.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-page-builders-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__css__page-builders-css-v122e82ff8c2a96fcf4a289cb923e956905bba450.css' type='text/css' media='all' /> <link rel='stylesheet' id='parent-style-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor__style-css-vfdd5a20dc09382fa9371aa610c4b40760a3a3bbf.css' type='text/css' media='all' /> <link rel='stylesheet' id='child-style-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor-child__style-css-v151d4f08a67616129a9694c9b9352dbd958f36ef.css' type='text/css' media='all' /> <link rel='stylesheet' id='elymor-theme-css' href='https://likelode.com/wp-content/cache/asset-cleanup/css/item/elymor-child__style-css-v151d4f08a67616129a9694c9b9352dbd958f36ef.css' type='text/css' media='all' /> <link rel='stylesheet' id='fontawesome-css' href='https://likelode.com/wp-content/themes/elymor/css/all.min.css?ver=6.7.1' type='text/css' media='all' /> <script type="text/javascript" src="https://likelode.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://likelode.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js?ver=6.7.1" id="ltp-js"></script> <link rel="canonical" href="https://likelode.com/services/capabilities/?vp_filter=ui_ux_design" /> <script type='text/javascript'> /* <![CDATA[ */ var VPData = {"version":"3.3.9","pro":false,"__":{"couldnt_retrieve_vp":"Couldn't retrieve Visual Portfolio ID.","pswp_close":"Close (Esc)","pswp_share":"Share","pswp_fs":"Toggle fullscreen","pswp_zoom":"Zoom in\/out","pswp_prev":"Previous (arrow left)","pswp_next":"Next (arrow right)","pswp_share_fb":"Share on Facebook","pswp_share_tw":"Tweet","pswp_share_pin":"Pin it","pswp_download":"Download","fancybox_close":"Close","fancybox_next":"Next","fancybox_prev":"Previous","fancybox_error":"The requested content cannot be loaded. <br \/> Please try again later.","fancybox_play_start":"Start slideshow","fancybox_play_stop":"Pause slideshow","fancybox_full_screen":"Full screen","fancybox_thumbs":"Thumbnails","fancybox_download":"Download","fancybox_share":"Share","fancybox_zoom":"Zoom"},"settingsPopupGallery":{"enable_on_wordpress_images":false,"vendor":"fancybox","deep_linking":false,"deep_linking_url_to_share_images":false,"show_arrows":false,"show_counter":false,"show_zoom_button":false,"show_fullscreen_button":false,"show_share_button":false,"show_close_button":true,"show_thumbs":false,"show_download_button":false,"show_slideshow":false,"click_to_zoom":true,"restore_focus":true},"screenSizes":[320,576,768,992,1200]}; /* ]]> */ </script> <noscript> <style type="text/css"> .vp-portfolio__preloader-wrap{display:none}.vp-portfolio__filter-wrap,.vp-portfolio__items-wrap,.vp-portfolio__pagination-wrap,.vp-portfolio__sort-wrap{opacity:1;visibility:visible}.vp-portfolio__item .vp-portfolio__item-img noscript+img,.vp-portfolio__thumbnails-wrap{display:none} </style> </noscript> <style type="text/css"> /* If html does not have either class, do not show lazy loaded images. */ html:not(.vp-lazyload-enabled):not(.js) .vp-lazyload { display: none; } </style> <script> document.documentElement.classList.add( 'vp-lazyload-enabled' ); </script> <script> (function(){ // Check if fallback is not necessary. if ( CSS.supports('selector(:has(div))') ) { return; } var linkTag = document.createElement("link"); linkTag.setAttribute('rel', 'stylesheet'); linkTag.setAttribute('href', 'https://likelode.com/wp-content/plugins/visual-portfolio/assets/css/lazyload-fallback.min.css?ver=3.3.9'); document.head.appendChild(linkTag); var scriptTag = document.createElement("script"); scriptTag.setAttribute('src', 'https://likelode.com/wp-content/plugins/visual-portfolio/assets/js/lazyload-fallback.min.js?ver=3.3.9'); document.head.appendChild(scriptTag); }()); </script> <link rel="icon" href="https://likelode.com/wp-content/uploads/2023/02/cropped-fav-lode-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://likelode.com/wp-content/uploads/2023/02/cropped-fav-lode-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://likelode.com/wp-content/uploads/2023/02/cropped-fav-lode-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://likelode.com/wp-content/uploads/2023/02/cropped-fav-lode-1-270x270.png" /> <style type="text/css" id="wp-custom-css"> /* Portfolio item title and description styling */ .wp-block-visual-portfolio .vp-portfolio__item-caption, .wp-block-visual-portfolio .vp-portfolio__item-meta-excerpt { color: #23262B !important; /* Dark grey text color for better readability */ margin: 0px; /* Margin around the title and description */ line-height: 1.3; /* Line height for better readability */ } /* Customize the filter buttons */ .wp-block-visual-portfolio .vp-filter__item { background-color: #23262B; /* Dark grey background for filter buttons */ color: #fff; /* White text color */ padding: 8px 16px; /* Padding for filter buttons */ margin: 0 8px 8px 0; /* Margin around filter buttons */ font-size: 1.3em; /* Increase text size by 30% */ font-family: 'Dahlia', serif; /* Set font family to Dahlia */ } /* Hover effect for inactive filter buttons */ .wp-block-visual-portfolio .vp-filter__item:hover { background-color: #D6DEFF !important; /* Dark blue background on hover */ } /* Active filter button styling */ .wp-block-visual-portfolio .vp-filter__item.vp-filter__item-active, .wp-block-visual-portfolio .vp-filter__item.vp-filter__item-active a { background-color: #7388FC !important; /* Dark blue background for active filter */ color: #23262B !important; /* White text color for active filter */ } /* Hide original filter menu and show dropdown filter for mobile devices */ @media (max-width: 767px) { .vp-portfolio__filter-wrap, .vp-filter { display: none !important; /* Hide the default filter buttons on mobile */ } .vp-filters-dropdown { display: block !important; /* Display the dropdown menu on mobile */ margin-bottom: 16px; background-color: #f5f5f5; /* Background color to match the page */ padding: 10px; /* Padding around the dropdown */ border-bottom: 1px solid #ccc; /* Optional border for better separation */ } .vp-filters-dropdown select { width: 100%; padding: 8px 16px; font-size: 1.3em; font-family: 'Dahlia', serif; background-color: #383A3F; color: #fff; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vp-filters-dropdown select:focus { outline: none; } } .row_padding_bottom { padding-bottom: 4vw; } .row_padding_top { padding-top: 4vw; } @media (max-width: 767px) { .hidden-mobile { display: none; } } @media (max-width: 781px) { .flex:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis:40%!important } .div-sticky { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } </style> </head> <body class="page-template-default page page-id-6921 page-child parent-pageid-6844 wp-embed-responsive hidden hidden-ball hero-below-caption disable-preloader disable-ajaxload disable-cursor" data-primary-color="#ff4e38"> <main> <div class="cd-index cd-main-content"> <div id="page-content" class="dark-content magic-cursor-disabled " data-bgcolor="#f5f5f5" > <header class="invert-header classic-menu" data-menucolor="#23262b"> <div id="header-container"> <div id="logo" class="hide-ball"> <a class="ajax-link" data-type="page-transition" href="https://likelode.com"> <img class="black-logo" src="https://likelode.com/wp-content/uploads/2023/01/220714-LODE-Logo-black.svg" alt="Logo Black"> <img class="white-logo" src="https://likelode.com/wp-content/uploads/2023/01/220714-LODE-Logo-white.png" alt="Logo White"> </a> </div> <nav class="menu-primary-menu-container"><div class="nav-height"><div class="outer"><div class="inner"><ul id="menu-primary-menu" data-breakpoint="1025" class="flexnav menu"><li id="menu-item-7440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-7440 link menu-timeline"><a href="https://likelode.com/" data-type="page-transition" class="ajax-link"><div class="before-span"><span data-hover="Home">Home</span></div></a></li> <li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-10 link menu-timeline"><a href="https://likelode.com/work/"><div class="before-span"><span data-hover="Work">Work</span></div></a> <ul class="sub-menu"> <li id="menu-item-7783" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7783 link"><a href="https://likelode.com/work/" data-type="page-transition" class="ajax-link">Featured Work</a></li> <li id="menu-item-7784" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7784 link"><a href="https://likelode.com/work/project-snippets/" data-type="page-transition" class="ajax-link">Project Snippets</a></li> </ul> </li> <li id="menu-item-6858" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-6858 link menu-timeline active"><a href="https://likelode.com/services/" class="active"><div class="before-span"><span data-hover="Services">Services</span></div></a> <ul class="sub-menu"> <li id="menu-item-7782" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-7782 link"><a href="https://likelode.com/services/" data-type="page-transition" class="ajax-link">Services Overview</a></li> <li id="menu-item-7781" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6921 current_page_item menu-item-7781 link active"><a href="https://likelode.com/services/capabilities/" aria-current="page" data-type="page-transition" class="ajax-link active">Detailed Capabilities</a></li> </ul> </li> <li id="menu-item-6084" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6084 link menu-timeline"><a href="https://likelode.com/contact/" data-type="page-transition" class="ajax-link"><div class="before-span"><span data-hover="Contact">Contact</span></div></a></li> </ul></div></div></div></nav> <div class="button-wrap right menu burger-lines"> <div class="icon-wrap parallax-wrap"> <div class="button-icon parallax-element"> <div id="burger-wrapper"> <div id="menu-burger"> <span></span> <span></span> <span></span> </div> </div> </div> </div> <div class="button-text sticky right"><span data-hover=""></span></div> </div> </div> </header> <div id="content-scroll"> <div id="main"> <div id="hero" class="hero-hidden"> <div id="hero-styles"> <div id="hero-caption" class="content-max-width normal-scroll-caption text-align-center inline-title"> <div class="inner"> <h1 class="hero-title"><span>Capabilities</span></h1> </div> </div> </div> </div> <div id="main-content"> <div id="main-page-content" class="content-max-width"> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <div class="wp-block-clapat-gutenberg-container content-row light-section normal row_padding_top row_padding_bottom" data-bgcolor="transparent" style="text-align:left"> <h2 class="wp-block-heading has-text-align-center has-x-large-font-size">Detailed Capabilities</h2> </div> <div class="wp-block-visual-portfolio alignwide"> <div class="vp-portfolio vp-uid-35e91284 vp-id-BOAnu" data-vp-layout="grid" data-vp-content-source="images" data-vp-items-style="default" data-vp-items-click-action="" data-vp-items-gap="15" data-vp-items-gap-vertical="24" data-vp-pagination="load-more" data-vp-next-page-url="" data-vp-grid-columns="3" > <div class="vp-portfolio__preloader-wrap"> <div class="vp-portfolio__preloader"> <img decoding="async" loading="eager" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/images/logo-dark.svg" alt="Visual Portfolio, Posts & Image Gallery for WordPress" width="20" height="20" data-skip-lazy> </div> </div> <div class="vp-portfolio__layout-elements vp-portfolio__layout-elements-top vp-portfolio__layout-elements-align-left"> <div class="vp-portfolio__filter-wrap"> <div class="vp-filter vp-filter__style-minimal"> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/" data-vp-filter="*"> All </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=brand_identity" data-vp-filter="brand_identity"> Brand Identity </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=strategy_brand_positioning" data-vp-filter="strategy_brand_positioning"> Strategy & Brand Positioning </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=web_development" data-vp-filter="web_development"> Web Development </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=copywriting" data-vp-filter="copywriting"> Copywriting </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=concept_campaign_development" data-vp-filter="concept_campaign_development"> Concept & Campaign Development </a> </div> <div class="vp-filter__item vp-filter__item-active"> <a href="https://likelode.com/services/capabilities/?vp_filter=ui_ux_design" data-vp-filter="ui_ux_design"> UI / UX Design </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=illustration_infographics" data-vp-filter="illustration_infographics"> Illustration & Infographics </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=canva_templates" data-vp-filter="canva_templates"> Canva Templates </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=event_assets" data-vp-filter="event_assets"> Event Assets </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=film_animation" data-vp-filter="film_animation"> Film & Animation </a> </div> <div class="vp-filter__item"> <a href="https://likelode.com/services/capabilities/?vp_filter=audio_production" data-vp-filter="audio_production"> Audio Production </a> </div> </div> </div> </div> <div class="vp-portfolio__items-wrap"> <div class="vp-portfolio__items vp-portfolio__items-style-default vp-portfolio__items-show-overlay-hover"> <div class="vp-portfolio__item-wrap category-ui_ux_design vp-portfolio__item-uid-828a9637" data-vp-filter="ui_ux_design" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img fetchpriority="high" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-01.png" class="wp-image-7346" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-01.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-01-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-01-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-01-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-01-800x521.png 800w" sizes="(max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-01.png" class="wp-image-7346 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-01.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-01.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-01-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-01-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-01-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-01-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> We believe in designing for real people. We gain insights into your target audience’s behaviors, needs, and pain points through in-depth user research and analysis. These insights guide our design decisions, ensuring your digital product meets and exceeds user expectations. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-ui_ux_design vp-portfolio__item-uid-c8ed8f11" data-vp-filter="ui_ux_design" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-02.png" class="wp-image-7347" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-02.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-02-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-02-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-02-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-02-800x521.png 800w" sizes="(max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-02.png" class="wp-image-7347 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-02.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-02.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-02-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-02-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-02-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-02-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> We start the design process by creating wireframes and interactive prototypes. This allows us to iterate and refine the user experience before moving into the visual design phase. We ensure a seamless and intuitive interface by focusing on user flows, information architecture, and usability. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-ui_ux_design vp-portfolio__item-uid-9e1e2354" data-vp-filter="ui_ux_design" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-03.png" class="wp-image-7348" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-03.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-03-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-03-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-03-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-03-800x521.png 800w" sizes="(max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-03.png" class="wp-image-7348 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-03.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-03.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-03-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-03-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-03-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-03-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> Our UI designers have a keen eye for aesthetics and a deep understanding of brand identity. We create visually stunning interfaces that align with your brand’s personality, ensuring a cohesive and memorable experience across all touchpoints. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-ui_ux_design vp-portfolio__item-uid-d4793a72" data-vp-filter="ui_ux_design" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img loading="lazy" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-04.png" class="wp-image-7349" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-04.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-04-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-04-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-04-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-04-800x521.png 800w" sizes="auto, (max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-04.png" class="wp-image-7349 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-04.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-04.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-04-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-04-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-04-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-04-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> With the growing use of mobile devices, we prioritize responsive and mobile-first design. Our UI/UX experts optimize your digital product to deliver a seamless and engaging experience across various screen sizes, ensuring your brand reaches users wherever they are. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-ui_ux_design vp-portfolio__item-uid-f31ec947" data-vp-filter="ui_ux_design" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img loading="lazy" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-05.png" class="wp-image-7350" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-05.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-05-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-05-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-05-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-05-800x521.png 800w" sizes="auto, (max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-05.png" class="wp-image-7350 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-05.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-05.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-05-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-05-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-05-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-05-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> Every interaction should be purposeful and delightful. We carefully design micro-interactions like button animations, transitions, and feedback cues to enhance the user experience, foster engagement, and create memorable moments. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-ui_ux_design vp-portfolio__item-uid-b979d061" data-vp-filter="ui_ux_design" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img loading="lazy" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-06.png" class="wp-image-7351" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-06.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-06-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-06-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-06-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-06-800x521.png 800w" sizes="auto, (max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-06.png" class="wp-image-7351 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-06.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-06.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-06-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-06-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-06-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-06-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> Our dedication to user-centric design extends to usability testing. We conduct rigorous testing to gather feedback and insights from real users, allowing us to identify areas for improvement and refine the user experience iteratively. </div> </div> </div> </figcaption> </figure> </div> <div class="vp-portfolio__item-wrap category-ui_ux_design vp-portfolio__item-uid-92505dcb" data-vp-filter="ui_ux_design" > <figure class="vp-portfolio__item"> <div class="vp-portfolio__item-img-wrap"> <div class="vp-portfolio__item-img"> <noscript><img loading="lazy" decoding="async" width="860" height="560" data-skip-lazy src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-07.png" class="wp-image-7352" alt="" srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-07.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-07-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-07-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-07-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-07-800x521.png 800w" sizes="auto, (max-width: 860px) 100vw, 860px" /></noscript><img decoding="async" width="860" height="560" src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-07.png" class="wp-image-7352 vp-lazyload" alt srcset="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODYwIiBoZWlnaHQ9IjU2MCIgdmlld0JveD0iMCAwIDg2MCA1NjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-src="https://likelode.com/wp-content/uploads/2024/01/UX_UI-07.png" data-srcset="https://likelode.com/wp-content/uploads/2024/01/UX_UI-07.png 860w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-07-300x195.png 300w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-07-768x500.png 768w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-07-500x326.png 500w, https://likelode.com/wp-content/uploads/2024/01/UX_UI-07-800x521.png 800w" data-sizes="auto" loading="eager"> <div class="vp-portfolio__item-overlay"> </div> </div> </div> <figcaption class="vp-portfolio__item-caption vp-portfolio__item-caption-text-align-left"> <div class="vp-portfolio__item-meta"> <div class="vp-portfolio__item-meta-excerpt"> <div> We believe in creating digital experiences that are accessible to all users. Our UI/UX experts ensure compliance with accessibility standards and implement inclusive design principles, making your digital product usable by individuals with disabilities. </div> </div> </div> </figcaption> </figure> </div> </div> </div> </div> </div> </div> <div id="page-nav"> <div class="page-nav-wrap"> <div class="page-nav-caption text-align-center content-max-width"> <div class="inner"> <a class="page-title next-ajax-link-page" href="https://likelode.com/contact/" data-type="page-transition" data-firstline="Get" data-secondline="in"> <div class="next-hero-title"><span>Contact</span></div> </a> </div> </div> </div> </div> </div> </div> <footer class="hidden"> <div id="footer-container"> <div class="footer-middle"><div class="copyright">2024© <a class="link" target="_self" href="https://www.likelode.com/privacy-policy/">Privacy Policy</a> | <a class="link" target="_self" href="https://www.likelode.com/imprint/">Imprint</a></div></div> </div> </footer> </div> <div id="app"></div> </div> </div> </main> <div class="cd-cover-layer"></div> <div id="magic-cursor"> <div id="ball"> <div id="ball-drag-x"></div> <div id="ball-drag-y"></div> <div id="ball-loader"></div> </div> </div> <div id="clone-image"> <div class="hero-translate"></div> </div> <div id="rotate-device"></div> <div id="cookie-notice" class="cookie-notice" style="display: none;"> <p>We use only essential cookies on our website. By using this website, you agree to our terms. <a href="/privacy-policy">Learn more</a>.</p> <button id="cookie-accept" class="cookie-accept">Accept</button> </div><script type="text/javascript" src="https://likelode.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://likelode.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.8" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/likelode.com\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.8" id="contact-form-7-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/cache/asset-cleanup/js/item/cookie-notice-banner__js__cnb-script-js-vcf0e00b1457931597de351a7921e7276379c3ffb.js" id="cnb-script-js"></script> <script type="text/javascript" src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js?ver=6.7.1" id="ltp-interactivity-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jquery.flexnav.min.js?ver=6.7.1" id="jquery-flexnav-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jquery.waitforimages.js?ver=6.7.1" id="jquery-waitforimages-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jquery.magnific-popup.min.js?ver=6.7.1" id="jquery-magnific-popup-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jquery.justifiedGallery.js?ver=6.7.1" id="jquery-justifiedgallery-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/packery-mode.pkgd.js?ver=6.7.1" id="packery-mode-pkd-js"></script> <script type="text/javascript" src="https://likelode.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/scrolltoplugin.min.js?ver=6.7.1" id="scroll-to-plugin-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/gsap.min.js?ver=6.7.1" id="gsap-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/cssruleplugin.min.js?ver=6.7.1" id="css-rule-plugin-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/easepack.min.js?ver=6.7.1" id="ease-pack-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/scrollmagic.min.js?ver=6.7.1" id="scroll-magic-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/animation.gsap.min.js?ver=6.7.1" id="animation-gsap-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/draggable.min.js?ver=6.7.1" id="draggable-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/scrolltrigger.min.js?ver=6.7.1" id="scroll-trigger-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/swiper/swiper-bundle.min.js?ver=8.4.7" id="swiper-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/themes/elymor/core/js/jssocials.min.js?ver=6.7.1" id="js-socials-js"></script> <script type="text/javascript" id="elymor-common-js-extra"> /* <![CDATA[ */ var ClapatThemeOptions = {"share_social_network_list":""}; var ClapatMapOptions = {"map_marker_image":"","map_address":"","map_zoom":"0","marker_title":"","marker_text":"","map_type":"satellite","map_api_key":""}; /* ]]> */ </script> <script type="text/javascript" src="https://likelode.com/wp-content/cache/asset-cleanup/js/item/elymor__core__js__common-js-v0f808d230c2b961c42473c02fee82f3c9140970a.js" id="elymor-common-js"></script> <script type="text/javascript" id="elymor-scripts-js-extra"> /* <![CDATA[ */ var ClapatElymorThemeOptions = {"enable_preloader":"0"}; /* ]]> */ </script> <script type="text/javascript" src="https://likelode.com/wp-content/cache/asset-cleanup/js/item/elymor__js__scripts-js-v8090b0089c54447b3f42970853bf832acf74239e.js" id="elymor-scripts-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/cache/asset-cleanup/js/item/elymor-child__lode-js-vbb8007253afd15f33583a056f24d15e41fca6c73.js" id="lode-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/simplebar/dist/simplebar.min.js?ver=5.3.0" id="simplebar-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/custom-scrollbar.js?ver=9b36ac27c6216ab1de67" id="visual-portfolio-custom-scrollbar-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/isotope-layout/dist/isotope.pkgd.min.js?ver=3.0.6" id="isotope-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/plugin-isotope.js?ver=cca106890fed60c6a419" id="visual-portfolio-plugin-isotope-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/layout-grid.js?ver=d6aa7791eb1db1e88590" id="visual-portfolio-layout-grid-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/lazysizes-cfg.js?ver=e4a684c7748623ddbf8b" id="lazysizes-config-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/lazysizes-object-fit-cover.js?ver=4.1.0" id="lazysizes-object-fit-cover-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/lazysizes-swiper-duplicates-load.js?ver=e9a9d96930527983f1eb" id="lazysizes-swiper-duplicates-load-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/assets/vendor/lazysizes/lazysizes.min.js?ver=5.3.2" id="lazysizes-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/lazyload.js?ver=9a1f538569ebb9961833" id="visual-portfolio-lazyload-js"></script> <script type="text/javascript" src="https://likelode.com/wp-content/plugins/visual-portfolio/build/assets/js/main.js?ver=79d4507ab78ec1156abe" id="visual-portfolio-js"></script> <script> document.addEventListener('DOMContentLoaded', function () { if (window.innerWidth <= 767) { // Create the dropdown element const dropdown = document.createElement('div'); dropdown.className = 'vp-filters-dropdown'; const select = document.createElement('select'); dropdown.appendChild(select); // Get the existing filter buttons const filters = document.querySelectorAll('.wp-block-visual-portfolio .vp-filter__item a'); filters.forEach(filter => { const option = document.createElement('option'); option.value = filter.getAttribute('data-vp-filter'); option.textContent = filter.textContent; select.appendChild(option); }); // Insert the dropdown before the portfolio items const portfolio = document.querySelector('.wp-block-visual-portfolio'); portfolio.insertBefore(dropdown, portfolio.firstChild); // Add change event listener to the dropdown select.addEventListener('change', function () { const selectedFilter = select.value; filters.forEach(filter => { if (filter.getAttribute('data-vp-filter') === selectedFilter) { filter.click(); } }); }); } }); </script> </body> </html>