CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="author" content="BB Agency, info@bb.agency"> <link rel="apple-touch-icon" sizes="180x180" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/favicon-16x16.png">  <link rel="mask-icon" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/safari-pinned-tab.svg" color="#000000"> <meta name="msapplication-TileColor" content="#c6d9d8"> <meta name="theme-color" content="#000000"> <link rel="shortcut icon" href="https://bb.agency/wp-content/themes/bb-agency/assets/favicon/favicon.ico">  <link rel="preload" as="font" href="https://bb.agency/wp-content/themes/bb-agency/assets/fonts/LotaGrotesque-Regular.woff2?v=2" type="font/woff2" crossorigin="anonymous"> <meta name="facebook-domain-verification" content="1mb77z6v5rkd7yykrvge795poyri2n" />  <script data-type="lazy" data-src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <style id="critical-inline-css"> .mega-menu-wrapper, .mobile-header, .mobile-navigation { display: none; } </style>  <title>Zerve - BB Agency</title> <link rel="canonical" href="https://bb.agency/project/zerve/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Zerve - BB Agency" /> <meta property="og:url" content="https://bb.agency/project/zerve/" /> <meta property="og:site_name" content="BB Agency" /> <meta property="article:publisher" content="https://www.facebook.com/balkanbrothers.agency/" /> <meta property="article:modified_time" content="2024-07-02T07:50:57+00:00" /> <meta property="og:image" content="https://bb.agency/wp-content/uploads/2024/06/zerve-img3.webp" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@bbagency_design" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://bb.agency/project/zerve/","url":"https://bb.agency/project/zerve/","name":"Zerve - BB Agency","isPartOf":{"@id":"https://bb.agency/#website"},"primaryImageOfPage":{"@id":"https://bb.agency/project/zerve/#primaryimage"},"image":{"@id":"https://bb.agency/project/zerve/#primaryimage"},"thumbnailUrl":"https://bb.agency/wp-content/uploads/2024/06/zerve-img3.webp","datePublished":"2024-07-01T10:20:50+00:00","dateModified":"2024-07-02T07:50:57+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://bb.agency/project/zerve/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://bb.agency/project/zerve/#primaryimage","url":"https://bb.agency/wp-content/uploads/2024/06/zerve-img3.webp","contentUrl":"https://bb.agency/wp-content/uploads/2024/06/zerve-img3.webp","width":2170,"height":2661,"caption":"Unlike any tool you've used before"},{"@type":"WebSite","@id":"https://bb.agency/#website","url":"https://bb.agency/","name":"BB Agency","description":"","publisher":{"@id":"https://bb.agency/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://bb.agency/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://bb.agency/#organization","name":"BB Agency","url":"https://bb.agency/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://bb.agency/#/schema/logo/image/","url":"https://bb.agency/wp-content/uploads/2024/01/Branding.svg","contentUrl":"https://bb.agency/wp-content/uploads/2024/01/Branding.svg","width":1,"height":1,"caption":"BB Agency"},"image":{"@id":"https://bb.agency/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/balkanbrothers.agency/","https://x.com/bbagency_design","https://dribbble.com/balkanbrothers","https://www.instagram.com/balkanbrothers.agency/","https://www.linkedin.com/company/balkan-brothers/"]}]}</script>  <link rel='stylesheet' id='theme-css' href='https://bb.agency/wp-content/themes/bb-agency/assets/css/main.min.css?ver=1734688487' type='text/css' media='all' /> <link rel='stylesheet' id='icons-css' href='https://bb.agency/wp-content/themes/bb-agency/assets/icons/iconfont.css?ver=1734684533' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://bb.agency/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <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--color--neon-green: #00CFBE;--wp--preset--color--platinum-green: #E6EDED;--wp--preset--color--opal-green: #C6D9D8;--wp--preset--color--cadet-green: #A6C1BF;--wp--preset--color--corn-silk: #FFF4D2;--wp--preset--color--neon-mist: #E5F7F7;--wp--preset--color--purple-haze: #B3BEFA;--wp--preset--color--misty-rose: #FFE2E0;--wp--preset--color--gray-700: #333333;--wp--preset--color--gray-600: #484848;--wp--preset--color--gray-500: #555555;--wp--preset--color--gray-400: #737373;--wp--preset--color--gray-300: #808080;--wp--preset--color--gray-200: #E2E2E4;--wp--preset--color--gray-100: #F4F4F4;--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: var(--font-size--small);--wp--preset--font-size--medium: var(--font-size--medium);--wp--preset--font-size--large: var(--font-size--large);--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--base: var(--font-size--base);--wp--preset--font-size--heading-5: var(--font-size--heading-5);--wp--preset--font-size--heading-4: var(--font-size--heading-4);--wp--preset--font-size--heading-3: var(--font-size--heading-3);--wp--preset--font-size--heading-2: var(--font-size--heading-2);--wp--preset--font-size--heading-1: var(--font-size--heading-1);--wp--preset--font-size--jumbo: var(--font-size--jumbo);--wp--preset--font-size--huge: var(--font-size--huge);--wp--preset--font-size--gigantic: var(--font-size--gigantic);--wp--preset--font-family--primary: Lota Grotesque;--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--spacing--auto: auto;--wp--preset--spacing--x-tiny: var(--spacing--x-tiny);--wp--preset--spacing--tiny: var(--spacing--tiny);--wp--preset--spacing--2-x-small: var(--spacing--2x-small);--wp--preset--spacing--x-small: var(--spacing--x-small);--wp--preset--spacing--small: var(--spacing--small);--wp--preset--spacing--medium: var(--spacing--medium);--wp--preset--spacing--medium-large: var(--spacing--medium-large);--wp--preset--spacing--large: var(--spacing--large);--wp--preset--spacing--x-large: var(--spacing--x-large);--wp--preset--spacing--2-x-large: var(--spacing--2x-large);--wp--preset--spacing--3-x-large: var(--spacing--3x-large);--wp--preset--spacing--huge: var(--spacing--huge);--wp--preset--spacing--x-huge: var(--spacing--x-huge);--wp--preset--spacing--gigantic: var(--spacing--gigantic);--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);}.wp-block-button .wp-block-button__link{--wp--preset--color--black: #000000;--wp--preset--color--gray-300: #808080;--wp--preset--color--neon-green: #00CFBE;--wp--preset--color--white: #FFFFFF;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 0px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 0px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 0px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 0px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 0px;}:root :where(.is-layout-grid){gap: 0px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}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;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.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-neon-green-color{color: var(--wp--preset--color--neon-green) !important;}.has-platinum-green-color{color: var(--wp--preset--color--platinum-green) !important;}.has-opal-green-color{color: var(--wp--preset--color--opal-green) !important;}.has-cadet-green-color{color: var(--wp--preset--color--cadet-green) !important;}.has-corn-silk-color{color: var(--wp--preset--color--corn-silk) !important;}.has-neon-mist-color{color: var(--wp--preset--color--neon-mist) !important;}.has-purple-haze-color{color: var(--wp--preset--color--purple-haze) !important;}.has-misty-rose-color{color: var(--wp--preset--color--misty-rose) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !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-neon-green-background-color{background-color: var(--wp--preset--color--neon-green) !important;}.has-platinum-green-background-color{background-color: var(--wp--preset--color--platinum-green) !important;}.has-opal-green-background-color{background-color: var(--wp--preset--color--opal-green) !important;}.has-cadet-green-background-color{background-color: var(--wp--preset--color--cadet-green) !important;}.has-corn-silk-background-color{background-color: var(--wp--preset--color--corn-silk) !important;}.has-neon-mist-background-color{background-color: var(--wp--preset--color--neon-mist) !important;}.has-purple-haze-background-color{background-color: var(--wp--preset--color--purple-haze) !important;}.has-misty-rose-background-color{background-color: var(--wp--preset--color--misty-rose) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !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-neon-green-border-color{border-color: var(--wp--preset--color--neon-green) !important;}.has-platinum-green-border-color{border-color: var(--wp--preset--color--platinum-green) !important;}.has-opal-green-border-color{border-color: var(--wp--preset--color--opal-green) !important;}.has-cadet-green-border-color{border-color: var(--wp--preset--color--cadet-green) !important;}.has-corn-silk-border-color{border-color: var(--wp--preset--color--corn-silk) !important;}.has-neon-mist-border-color{border-color: var(--wp--preset--color--neon-mist) !important;}.has-purple-haze-border-color{border-color: var(--wp--preset--color--purple-haze) !important;}.has-misty-rose-border-color{border-color: var(--wp--preset--color--misty-rose) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !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;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-heading-5-font-size{font-size: var(--wp--preset--font-size--heading-5) !important;}.has-heading-4-font-size{font-size: var(--wp--preset--font-size--heading-4) !important;}.has-heading-3-font-size{font-size: var(--wp--preset--font-size--heading-3) !important;}.has-heading-2-font-size{font-size: var(--wp--preset--font-size--heading-2) !important;}.has-heading-1-font-size{font-size: var(--wp--preset--font-size--heading-1) !important;}.has-jumbo-font-size{font-size: var(--wp--preset--font-size--jumbo) !important;}.has-huge-font-size{font-size: var(--wp--preset--font-size--huge) !important;}.has-gigantic-font-size{font-size: var(--wp--preset--font-size--gigantic) !important;}.has-primary-font-family{font-family: var(--wp--preset--font-family--primary) !important;}.wp-block-button .wp-block-button__link.has-black-color{color: var(--wp--preset--color--black) !important;}.wp-block-button .wp-block-button__link.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.wp-block-button .wp-block-button__link.has-neon-green-color{color: var(--wp--preset--color--neon-green) !important;}.wp-block-button .wp-block-button__link.has-white-color{color: var(--wp--preset--color--white) !important;}.wp-block-button .wp-block-button__link.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.wp-block-button .wp-block-button__link.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.wp-block-button .wp-block-button__link.has-neon-green-background-color{background-color: var(--wp--preset--color--neon-green) !important;}.wp-block-button .wp-block-button__link.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.wp-block-button .wp-block-button__link.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.wp-block-button .wp-block-button__link.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.wp-block-button .wp-block-button__link.has-neon-green-border-color{border-color: var(--wp--preset--color--neon-green) !important;}.wp-block-button .wp-block-button__link.has-white-border-color{border-color: var(--wp--preset--color--white) !important;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cmplz-general-css' href='https://bb.agency/wp-content/plugins/complianz-gdpr-premium/assets/css/cookieblocker.min.css?ver=1734684539' type='text/css' media='all' /> <link rel="https://api.w.org/" href="https://bb.agency/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://bb.agency/wp-json/wp/v2/project/5019" /> <style>.cmplz-hidden { display: none !important; }</style> <style type="text/css" id="wp-custom-css"> .fullwidth-video video { width:100%; } </style> </head> <body data-cmplz=1 class="project-template-default single single-project postid-5019 wp-embed-responsive bb-agency wp-front" > <script> // Don't start animations until the page has loaded document.body.classList.add('js-loading'); window.addEventListener('load', function() { document.body.classList.remove('js-loading'); }, false); </script> <header class="app-header"> <div class="container"> <div class="app-header__content"> <a href="https://bb.agency/" class="logo" aria-label="Website logo"> <svg version="1.1" x="0px" y="0px" viewBox="0 0 175 22"> <g transform="translate(-85.000000, -45.000000)"> <g transform="translate(31.000000, 32.000000)"> <g transform="translate(54.000000, 13.000000)"> <path d="M4.1,17.6l4.6,0c2.3,0,3.7-0.5,3.7-2.5c0-1.9-1.4-2.5-3.7-2.5H4.1V17.6z M4.1,9h4.2 C10.4,9,12,8.6,12,6.6c0-1.9-1.6-2.4-3.7-2.4H4.1V9z M16.3,6.3c0,2.1-1.3,3.8-3,4.4c1.9,0.6,3.4,2.4,3.4,4.6 c0,4-2.8,5.9-7.8,5.9H0V0.6h8.5C13.3,0.6,16.3,2.4,16.3,6.3L16.3,6.3z" /> <path d="M23.2,14.1c0,2.2,1.4,3.9,3.7,3.9c2.2,0,3.7-1.7,3.7-3.9c0-2.3-1.5-3.9-3.7-3.9 C24.7,10.1,23.2,11.9,23.2,14.1L23.2,14.1z M30.5,21.2v-1.6c-0.9,1.2-2.3,1.9-4.3,1.9c-4,0-6.9-3.2-6.9-7.5 c0-4.3,3-7.5,6.9-7.5c2,0,3.3,0.8,4.3,2V6.9h3.8v14.3H30.5z" /> <polygon points="38.3,21.2 42.2,21.2 42.2,0 38.3,0 " /> <polygon points="51.5,12 55.5,6.9 60.2,6.9 54.6,13.7 60.3,21.2 55.5,21.2 51.4,15.5 50.1,15.5 50.1,21.2 46.2,21.2 46.2,0 50.1,0 50.1,12 " /> <path d="M64.8,14.1c0,2.2,1.4,3.9,3.7,3.9c2.2,0,3.7-1.7,3.7-3.9c0-2.3-1.5-3.9-3.7-3.9 C66.2,10.1,64.8,11.9,64.8,14.1L64.8,14.1z M72,21.2v-1.6c-0.9,1.2-2.3,1.9-4.3,1.9c-4,0-6.9-3.2-6.9-7.5c0-4.3,3-7.5,6.9-7.5 c2,0,3.3,0.8,4.3,2V6.9h3.8v14.3H72z" /> <path d="M93.4,12.1v9.1h-3.9v-7.9c0-2.1-1-3.2-2.8-3.2c-1.7,0-3,1.1-3,3.2v7.8h-3.9V6.9h3.8v1.7 c1-1.5,2.6-2.1,4.2-2.1C91.1,6.6,93.4,8.8,93.4,12.1" /> <path d="M109.1,17.6l4.6,0c2.3,0,3.7-0.5,3.7-2.5c0-1.9-1.4-2.5-3.7-2.5h-4.6V17.6z M109.1,9h4.2 c2.1,0,3.7-0.4,3.7-2.4c0-1.9-1.6-2.4-3.7-2.4h-4.2V9z M121.3,6.3c0,2.1-1.3,3.8-3,4.4c1.9,0.6,3.4,2.4,3.4,4.6 c0,4-2.8,5.9-7.8,5.9h-9V0.6h8.5C118.2,0.6,121.3,2.4,121.3,6.3L121.3,6.3z" /> <path d="M134.9,6.9l-0.6,3.8c-0.6-0.3-1.6-0.5-2.3-0.5c-1.8,0-3,1.1-3,3.2v7.8h-3.9V6.9h3.7v1.6 c0.9-1.4,2.3-1.9,4-1.9C133.7,6.6,134.4,6.7,134.9,6.9" /> <path d="M140.1,14.1c0,2.3,1.6,3.9,3.8,3.9c2.2,0,3.8-1.6,3.8-3.9s-1.6-3.9-3.8-3.9 C141.7,10.1,140.1,11.8,140.1,14.1 M151.6,14.1c0,4.3-3.3,7.5-7.8,7.5c-4.4,0-7.7-3.2-7.7-7.5c0-4.3,3.3-7.5,7.7-7.5 C148.3,6.6,151.6,9.8,151.6,14.1" /> <path d="M160.4,9.8c-1.5,0-2.2,0.5-2.2,1.3c0,0.8,1,1,2.3,1.2l1.3,0.2c3.1,0.5,4.8,1.8,4.8,4.3 c0,3-2.4,4.9-6.6,4.9c-2,0-4.5-0.4-6.4-1.7l1.5-2.9c1.2,0.8,2.7,1.4,4.9,1.4c1.8,0,2.6-0.5,2.6-1.3c0-0.7-0.7-1.1-2.4-1.3 l-1.2-0.2c-3.3-0.5-5-1.9-5-4.3c0-2.9,2.3-4.7,6-4.7c2.3,0,4.1,0.4,6,1.4l-1.3,3C163.8,10.4,162,9.8,160.4,9.8" /> <path d="M174.6,18.7c0,1.5-1.3,2.9-2.9,2.9c-1.5,0-2.9-1.3-2.9-2.9c0-1.5,1.3-2.8,2.9-2.8 C173.3,15.9,174.6,17.2,174.6,18.7" /> </g> </g> </g> </svg> </a> <div class="app-header__menu-wrapper"> <nav class="header-menu-wrapper" aria-label="Header Menu"><ul id="menu-header-menu" class="menu"><li id="menu-item-128" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-128"> <a href="https://bb.agency/work/">Work</a> </li> <li id="menu-item-127" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-127"> <a href="https://bb.agency/services/">Services</a> </li> <li id="menu-item-126" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-126"> <a href="https://bb.agency/about/">About us</a> </li> <li id="menu-item-7107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7107"> <a href="https://bb.agency/achievements/">Clients</a> </li> <li id="menu-item-124" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-124"> <a href="https://bb.agency/blog/">Blog</a> </li> <li id="menu-item-123" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-123 is-btn"> <a class="btn" href="https://bb.agency/contact/" > Let's Collaborate </a> </li> </ul></nav> </div> <button class="mob-navigation-toggle" aria-label="Mobile Menu Toggle" aria-expanded="false"> <div class="hamburger-menu"> <span></span> <span></span> <span></span> <span></span> </div> </button> </div> </div> </header> <main class="app-main"> <section style="padding-top:var(--wp--preset--spacing--2-x-large);padding-bottom:var(--wp--preset--spacing--x-huge);" class="section-container wp-block-bb-section-container" > <div class="container"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-bottom:var(--wp--preset--spacing--2-x-large)"><h1 class="wp-block-post-title has-jumbo-font-size">Zerve</h1> <p class="has-heading-2-font-size" style="margin-top:var(--wp--preset--spacing--medium-large)">Empowering the Data-Driven Through Visually Appealing and Intuitively Functional Redesign</p> <div style="margin-top:var(--wp--preset--spacing--medium-large);" class="taxonomies-list wp-block-bb-taxonomies-list"> <span class="taxonomies-list__label">How did we help:</span> <div class="taxonomies-list__items"> <span class="taxonomies-list__item">UX Research</span> <span class="taxonomies-list__item">Brand refresh</span> <span class="taxonomies-list__item">UI Design</span> <span class="taxonomies-list__item">Development</span> </div> </div> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <div class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2240" height="1330" style="aspect-ratio:2240/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/07/zerve-intro-updated-screenshot.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/07/zerve-intro-updated-compressed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/07/zerve-intro-updated-compressed.mp4" type='video/mp4'> </video> </div> </div> <div class="wp-block-group has-base-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"> <div style="--gutter-y: var(--spacing--large);--gutter-x: var(--spacing--medium);" class="flexible-columns-wrapper wp-block-bb-flexible-columns"> <div class="flexible-columns has-4-columns has-2-columns-md"> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <p class="has-gray-400-color has-text-color has-link-color wp-elements-f1da92c1f28a6c5426f635943596934b" style="margin-bottom:var(--wp--preset--spacing--tiny)">Industry</p> <p>Software Development</p> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <p class="has-gray-400-color has-text-color has-link-color wp-elements-e34e4ea283566761323d8cc3b8758813" style="margin-bottom:var(--wp--preset--spacing--tiny)">Headquarters</p> <p>Cahir, Ireland</p> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <p class="has-gray-400-color has-text-color has-link-color wp-elements-33cb5489309b3a2649cae4909558c192" style="margin-bottom:var(--wp--preset--spacing--tiny)">Founded</p> <p>2023</p> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <p class="has-gray-400-color has-text-color has-link-color wp-elements-c431e0d83ee98f4a336f6c18b85a18d6" style="margin-bottom:var(--wp--preset--spacing--tiny)">Company Size</p> <p>Small (11-49 employees)</p> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <p class="has-gray-400-color has-text-color has-link-color wp-elements-5ffedc11a28372a0842e268fcd9cf53b" style="margin-bottom:var(--wp--preset--spacing--tiny)">Key Markets</p> <p>Global</p> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <p class="has-gray-400-color has-text-color has-link-color wp-elements-7cb1d7848660e69250007b91dc2edd4f" style="margin-bottom:var(--wp--preset--spacing--tiny)">Valuation</p> <p>$3.5 million</p> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <p class="has-gray-400-color has-text-color has-link-color wp-elements-10c935b455c88730443f5288704598c6" style="margin-bottom:var(--wp--preset--spacing--tiny)">Growth Stage</p> <p>Pre-Seed</p> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <p class="has-gray-400-color has-text-color has-link-color wp-elements-f94f4f39089b6ff799e77a912a24f079" style="margin-bottom:var(--wp--preset--spacing--tiny)">Website</p> <p><a href="http://www.zerve.ai" target="_blank" rel="noreferrer noopener">www.zerve.ai</a></p> </div> </div> </div> </div> <hr class="wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background" style="margin-top:var(--wp--preset--spacing--large)"/> </div> <div class="wp-block-group is-style-text-content has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--huge);margin-bottom:var(--wp--preset--spacing--huge)"> <h2 class="wp-block-heading" id="h-reimagining-the-future-of-data-science">Reimagining the Future of Data Science</h2> <p>Zerve AI, a next-generation data science & AI workbench, is on a mission to bridge the gap between data science development & engineering. However, their existing visual identity didn’t fully reflect their trailblazing mindset or resonate with their tech-savvy audience, so it was due for a refresh.</p> <p>Moreover, they needed a website redesign so that it showcases the platform’s powerful features in a way that feels intuitive, engaging, and visually appealing for data scientists and coders. This case study delves into how BB Agency partnered with Zerve AI to create a sleek, sophisticated browsing experience that empowers data scientists and coders to push the boundaries of their work.</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <div class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2560" height="1520" style="aspect-ratio:2560/1520" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-video1-screenshot.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-video1-compresed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-video1-compresed.mp4" type='video/mp4'> </video> </div> <div style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2560" height="1520" style="aspect-ratio:2560/1520" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-1.2-screenshot.png"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-1.2-compresed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-1.2-compresed.mp4" type='video/mp4'> </video> </div> <div style="--gutter-y: var(--spacing--medium);--gutter-x: var(--spacing--medium); margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-columns-wrapper wp-block-bb-flexible-columns"> <div class="flexible-columns has-2-columns has-1-columns-md"> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="2170" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img3.webp" alt="Unlike any tool you've used before" class="wp-image-5022" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img3.webp 2170w, https://bb.agency/wp-content/uploads/2024/06/zerve-img3-700x858.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img3-1085x1331.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img3-893x1095.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img3-1855x2275.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img3-1400x1717.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img3-400x491.webp 400w" sizes="(max-width: 2170px) 100vw, 2170px" /></figure> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <figure class="wp-block-image size-full"><img decoding="async" width="2170" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img4.webp" alt="Zerve mobile phone" class="wp-image-5023" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img4.webp 2170w, https://bb.agency/wp-content/uploads/2024/06/zerve-img4-700x858.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img4-1085x1331.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img4-893x1095.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img4-1855x2275.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img4-1400x1717.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img4-400x491.webp 400w" sizes="(max-width: 2170px) 100vw, 2170px" /></figure> </div> </div> </div> </div> <div style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2240" height="1330" style="aspect-ratio:2240/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-1.3-screenshot.png"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-1.3-compresed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-1.3-compresed.mp4" type='video/mp4'> </video> </div> </div> <div class="wp-block-group is-style-text-content has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--huge);margin-bottom:var(--wp--preset--spacing--huge)"> <h2 class="wp-block-heading" id="h-translating-research-into-actionable-ux-design">Translating Research into Actionable UX Design</h2> <p>Our collaboration kicked off with our UX team鈥檚 deep dive into the world of data science and AI. Through stakeholder interviews, competitor benchmarking, and market analysis, we identified key opportunities for Zerve to differentiate themselves and resonate with their target audience. </p> <p>Synthesizing our research, we created a blueprint for Zerve’s new website, including strategic recommendations, a detailed implementation plan, and a sitemap outlining the information architecture for each page. The wireframes we created prioritize intuitive navigation while highlighting Zerve’s innovative features and architecture.</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <div class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2240" height="1330" style="aspect-ratio:2240/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/07/zerve-2.1-compresed.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/07/zerve-2.1-compresed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/07/zerve-2.1-compresed.mp4" type='video/mp4'> </video> </div> <div style="--gutter-y: var(--spacing--medium);--gutter-x: var(--spacing--medium); margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-columns-wrapper wp-block-bb-flexible-columns"> <div class="flexible-columns has-2-columns has-1-columns-md"> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <figure class="wp-block-image size-full"><img decoding="async" width="2170" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img7.webp" alt="Cards" class="wp-image-5026" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img7.webp 2170w, https://bb.agency/wp-content/uploads/2024/06/zerve-img7-700x858.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img7-1085x1331.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img7-893x1095.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img7-1855x2275.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img7-1400x1717.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img7-400x491.webp 400w" sizes="(max-width: 2170px) 100vw, 2170px" /></figure> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2170" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img8.webp" alt="Higherarchy" class="wp-image-5027" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img8.webp 2170w, https://bb.agency/wp-content/uploads/2024/06/zerve-img8-700x858.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img8-1085x1331.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img8-893x1095.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img8-1855x2275.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img8-1400x1717.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img8-400x491.webp 400w" sizes="auto, (max-width: 2170px) 100vw, 2170px" /></figure> </div> </div> </div> </div> <div class="wp-block-group is-style-default is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img9.webp" alt="Pages" class="wp-image-5028" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img9.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img9-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img9-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img9-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img9-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img9-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img9-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> </div> </div> <div class="wp-block-group is-style-text-content has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--huge);margin-bottom:var(--wp--preset--spacing--huge)"> <h2 class="wp-block-heading" id="h-refining-the-brand-for-maximum-impact">Refining the Brand for Maximum Impact</h2> <p>Zerve AI鈥檚 brand refresh was a strategic undertaking, aimed at creating a more cohesive and impactful visual identity that mirrors their groundbreaking work in the data science field. We made subtle but thoughtful changes to the logo for enhanced balance, with the new wordmark typeface introduced for better legibility.</p> <p>A carefully curated color palette, dominated by dark tones to evoke sophistication and timelessness, was punctuated with vibrant accents of yellow, purple, and green to inject energy and rhythm. The chosen headline typeface, PP Telegraf, with its sharp angles and distinct character endings, adds a modern, tech-forward edge. Paired with the highly readable Inter font for body copy, the overall typography ensures clear and impactful communication.</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <div class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2240" height="1330" style="aspect-ratio:2240/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-3.1-screenshot.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-3.1-compresed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-3.1-compresed.mp4" type='video/mp4'> </video> </div> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img11.webp" alt="" class="wp-image-5030" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img11.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img11-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img11-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img11-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img11-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img11-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img11-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> </div> <div style="--gutter-y: var(--spacing--medium);--gutter-x: var(--spacing--medium); margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-columns-wrapper wp-block-bb-flexible-columns"> <div class="flexible-columns has-2-columns has-1-columns-md"> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2170" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img12.webp" alt="" class="wp-image-5031" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img12.webp 2170w, https://bb.agency/wp-content/uploads/2024/06/zerve-img12-700x858.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img12-1085x1331.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img12-893x1095.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img12-1855x2275.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img12-1400x1717.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img12-400x491.webp 400w" sizes="auto, (max-width: 2170px) 100vw, 2170px" /></figure> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <div class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="1084" height="1330" style="aspect-ratio:1084/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-3.2-screenshot-1.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-3.2-compresed-1.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-3.2-compresed-1.mp4" type='video/mp4'> </video> </div> </div> </div> </div> </div> <figure class="wp-block-image size-full" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img14.webp" alt="Cards rotated" class="wp-image-5033" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img14.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img14-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img14-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img14-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img14-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img14-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img14-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> <figure class="wp-block-image size-full" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img15.webp" alt="Canvas Preview" class="wp-image-5034" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img15.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img15-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img15-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img15-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img15-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img15-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img15-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> <div style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2240" height="1330" style="aspect-ratio:2240/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/07/zerve-3.3-screenshot.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/07/zerve-3.3-compresed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/07/zerve-3.3-compresed.mp4" type='video/mp4'> </video> </div> </div> <div class="wp-block-group is-style-text-content has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--huge);margin-bottom:var(--wp--preset--spacing--huge)"> <h2 class="wp-block-heading" id="h-balancing-form-and-function-through-ui-design">Balancing Form and Function Through UI Design</h2> <p>Fueled by insights from UX research and inspired by the refreshed brand identity, our UI design team set out to craft a cohesive visual language that would seamlessly guide users through complex features while ensuring an intuitive and engaging experience.</p> <p>We crafted a design system that highlights Zerve’s key features while maintaining a sense of simplicity and impact. Product visuals were thoughtfully abstracted to strike the perfect balance between clarity and aesthetic appeal. To enrich the visual experience, we expanded Zerve’s color palette and developed a series of unique graphic elements, illustrations, and light animations. Here鈥檚 how the key design elements break down:</p> <p><strong>Dark color palette with gradients</strong>: A timeless dark theme serves as a sophisticated foundation, creating a striking contrast against vibrant UI elements. Gradients add depth and dynamism, ensuring smooth color transitions and a touch of visual flair.</p> <p><strong>Geometric shapes</strong>: Inspired by the idea of collaboration and connection, rounded graphic elements guide the user’s eye, highlighting essential information and complementing product visuals. These elements, with their black fill and bright outlines, harmonize with the logo’s design language, reinforcing brand cohesion.</p> <p><strong>Custom illustrations</strong>: Clean, linear illustrations, animated with subtle movements, were designed to break down complex concepts and make them more approachable. By incorporating gradients and subtle glows, these illustrations infuse a futuristic vibe while effectively communicating technical information.</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img17.webp" alt="Laptop zerve" class="wp-image-5036" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img17.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img17-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img17-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img17-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img17-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img17-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img17-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> </div> <div style="--gutter-y: var(--spacing--medium);--gutter-x: var(--spacing--medium); margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-columns-wrapper wp-block-bb-flexible-columns"> <div class="flexible-columns has-2-columns has-1-columns-md"> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2170" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img18.webp" alt="Mobile phone" class="wp-image-5037" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img18.webp 2170w, https://bb.agency/wp-content/uploads/2024/06/zerve-img18-700x858.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img18-1085x1331.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img18-893x1095.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img18-1855x2275.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img18-1400x1717.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img18-400x491.webp 400w" sizes="auto, (max-width: 2170px) 100vw, 2170px" /></figure> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <div class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="1084" height="1330" style="aspect-ratio:1084/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-4.1-screenshot-1.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-4.1-compressed-1.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-4.1-compressed-1.mp4" type='video/mp4'> </video> </div> </div> </div> </div> </div> <figure class="wp-block-image size-full" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img20.webp" alt="Floating cards" class="wp-image-5039" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img20.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img20-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img20-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img20-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img20-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img20-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img20-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> <div style="--gutter-y: var(--spacing--medium);--gutter-x: var(--spacing--medium); margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-columns-wrapper wp-block-bb-flexible-columns"> <div class="flexible-columns has-2-columns has-1-columns-md"> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <div class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="1084" height="1330" style="aspect-ratio:1084/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-4.2-screenshot.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-4.2-compressed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-4.2-compressed.mp4" type='video/mp4'> </video> </div> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="2170" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img22.webp" alt="Phone" class="wp-image-5041" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img22.webp 2170w, https://bb.agency/wp-content/uploads/2024/06/zerve-img22-700x858.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img22-1085x1331.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img22-893x1095.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img22-1855x2275.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img22-1400x1717.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img22-400x491.webp 400w" sizes="auto, (max-width: 2170px) 100vw, 2170px" /></figure> </div> </div> </div> </div> <figure class="wp-block-image size-full" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img23.webp" alt="" class="wp-image-5042" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img23.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img23-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img23-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img23-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img23-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img23-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img23-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> <figure class="wp-block-image size-full" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img24.webp" alt="Architecture Nexus" class="wp-image-5043" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img24.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img24-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img24-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img24-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img24-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img24-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img24-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> <div style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="1954" height="1292" style="aspect-ratio:1954/1292" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-4.4-screenshot.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-4.4-compressed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-4.4-compressed.mp4" type='video/mp4'> </video> </div> <figure class="wp-block-image size-full" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img26.webp" alt="Laptop with background" class="wp-image-5045" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img26.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img26-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img26-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img26-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img26-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img26-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img26-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> <figure class="wp-block-image size-full" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img27.webp" alt="Integrations" class="wp-image-5046" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img27.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img27-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img27-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img27-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img27-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img27-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img27-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> <div style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2152" height="1330" style="aspect-ratio:2152/1330" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/06/zerve-4.5-screenshot.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-4.5-compressed.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/06/zerve-4.5-compressed.mp4" type='video/mp4'> </video> </div> </div> <div class="wp-block-group is-style-text-content has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--huge);margin-bottom:var(--wp--preset--spacing--huge)"> <h2 class="wp-block-heading" id="h-designing-for-the-people-behind-the-algorithms">Designing for the People Behind the Algorithms</h2> <p>Every design decision was made with data scientists and coders in mind. This balanced interplay of visual elements creates an interface that is both visually stunning and intuitively functional. The result is a user experience that reflects Zerve’s future-focused vision and at the same time empowers users to grasp the complex features with ease. </p> <p>The website’s content is organized clearly and concisely, ensuring that visitors can quickly find the information they need. The sign-up and registration process was streamlined for a frictionless experience, with key features prominently displayed for easy access.</p> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large);margin-bottom:var(--wp--preset--spacing--2-x-large)"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"> <div style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium);" class="flexible-video wp-block-bb-flexible-video"> <video muted autoplay loop playsinline width="2240" height="1680" style="aspect-ratio:2240/1680" class="lazy" data-poster="https://bb.agency/wp-content/uploads/2024/07/5.1-Desing-System-Screenshot.webp"> <source data-src="https://bb.agency/wp-content/uploads/2024/07/5.1-Desing-System.webm" type='video/webm'> <source data-src="https://bb.agency/wp-content/uploads/2024/07/5.1-Desing-System.mp4" type='video/mp4'> </video> </div> </div> <div class="wp-block-group is-style-default is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--medium);margin-bottom:var(--wp--preset--spacing--medium)"> <figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="4480" height="2661" src="https://bb.agency/wp-content/uploads/2024/06/zerve-img30.webp" alt="Grid System" class="wp-image-5049" srcset="https://bb.agency/wp-content/uploads/2024/06/zerve-img30.webp 4480w, https://bb.agency/wp-content/uploads/2024/06/zerve-img30-700x416.webp 700w, https://bb.agency/wp-content/uploads/2024/06/zerve-img30-1085x644.webp 1085w, https://bb.agency/wp-content/uploads/2024/06/zerve-img30-893x530.webp 893w, https://bb.agency/wp-content/uploads/2024/06/zerve-img30-1855x1102.webp 1855w, https://bb.agency/wp-content/uploads/2024/06/zerve-img30-1400x832.webp 1400w, https://bb.agency/wp-content/uploads/2024/06/zerve-img30-400x238.webp 400w" sizes="auto, (max-width: 4480px) 100vw, 4480px" /></figure> </div> </div> <div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-23 wp-block-group-is-layout-flow"> <div class="wp-block-group horizontal-alignment--center max-width-md-100 max-width-sm-100 is-layout-flow wp-block-group-is-layout-flow" style="max-width:66.67%"> <div class="wp-block-group is-style-text-content has-large-font-size horizontal-alignment--left max-width-md-100 max-width-sm-100 is-layout-flow wp-block-group-is-layout-flow" style="margin-bottom:var(--wp--preset--spacing--2-x-large);max-width:100.00%"> <h2 class="wp-block-heading" id="h-collaboration-and-innovation-brought-to-life" style="margin-bottom:var(--wp--preset--spacing--small)">Collaboration and Innovation, Brought to Life</h2> <p>The redesigned Zerve website speaks about the power of user-centric design and collaboration. It鈥檚 a sleek, modern platform that showcases its unique offerings while actively engaging its community. With a dedicated product changelog and a knowledge-sharing resource section, the website empowers users and further solidifies Zerve’s position as a leader in the data science space.</p> <p>Built on a foundation of React/Next.js for the frontend and Sanity CMS for the backend, the website is not only visually stunning but also highly scalable and performant. This robust tech stack aligns with Zerve’s commitment to innovation and ensures the platform can adapt and grow alongside the evolving needs of its users.</p> <p>Through the combined efforts of UX research, brand revitalization, and meticulous UI design, Zerve has successfully transformed its digital space. The new website reflects their cutting-edge technology while empowering data scientists and coders to explore, collaborate, and innovate with greater ease and efficiency.</p> </div> <div class="wp-block-group is-style-default is-layout-flow wp-block-group-is-layout-flow"> <h2 class="wp-block-heading" id="h-how-did-we-help" style="margin-bottom:var(--wp--preset--spacing--small)">How did we help?</h2> <div style="--gutter-y: var(--spacing--medium);--gutter-x: var(--spacing--medium);" class="flexible-columns-wrapper wp-block-bb-flexible-columns"> <div class="flexible-columns has-2-columns has-1-columns-md"> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column has-large-font-size"> <p style="margin-bottom:var(--wp--preset--spacing--x-tiny)">Branding</p> <ul style="" class="wp-block-list"> <li>Market research<br>Identity development<br>Brand guidelines</li> </ul> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column has-large-font-size"> <p style="margin-bottom:var(--wp--preset--spacing--x-tiny)">UX research & design</p> <ul style="" class="wp-block-list"> <li>Competitive benchmark<br>User personas<br>User flows, navigation<br>Wireframes</li> </ul> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column has-large-font-size"> <p style="margin-bottom:var(--wp--preset--spacing--x-tiny)">User interface design</p> <ul style="" class="wp-block-list"> <li>Creative direction</li> <li>Website design</li> <li>Design system</li> </ul> </div> </div> <div class="flexible-column" > <div class="flexible-column__content wp-block-bb-flexible-column has-large-font-size"> <p style="margin-bottom:var(--wp--preset--spacing--x-tiny)">Development</p> <ul style="" class="wp-block-list"> <li>Website development</li> <li>React/Next.js and Sanity CMS implementation</li> <li>Quality assurance</li> </ul> </div> </div> </div> </div> </div> <div class="wp-block-group is-style-default has-large-font-size is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--2-x-large)"> <p style="margin-bottom:var(--wp--preset--spacing--small)">Share this Case Study:</p> <div class="post-share-btns wp-block-bb-post-share-btns"> <div class="post-share-links"> <a class="btn btn-lg " target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://bb.agency/project/zerve/&title=Zerve">LinkedIn</a> <a class="btn btn-lg " target="_blank" href="https://twitter.com/intent/tweet?url=https://bb.agency/project/zerve/">Twitter</a> <a class="btn btn-lg " target="_blank" href="https://www.facebook.com/sharer.php?u=https://bb.agency/project/zerve/">Facebook</a> </div> </div> </div> </div> </div> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--x-huge);margin-bottom:var(--wp--preset--spacing--x-huge)"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-bottom:var(--wp--preset--spacing--large)"> <hr class="wp-block-separator has-text-color has-black-color has-alpha-channel-opacity has-black-background-color has-background" style="margin-bottom:var(--wp--preset--spacing--medium-large)"/> <h2 class="wp-block-heading has-heading-3-font-size" id="h-related-case-studies">Related Case Studies</h2> </div> <div class="related-projects-wrapper wp-block-bb-related-projects"> <div class="related-projects featured-projects-archive posts-style-order-offset--3"> <article class="archive-item archive-item-project is-featured size--medium has-custom-cursor js-custom-cursor" > <div class="archive-item-project__feat-media"> <img loading="lazy" decoding="async" width="1400" height="1050" src="https://bb.agency/wp-content/uploads/2024/02/nexudus-thumbnail.webp" class="attachment-full size-full" alt="Nexudus" srcset="https://bb.agency/wp-content/uploads/2024/02/nexudus-thumbnail.webp 1400w, https://bb.agency/wp-content/uploads/2024/02/nexudus-thumbnail-300x225.webp 300w, https://bb.agency/wp-content/uploads/2024/02/nexudus-thumbnail-1085x814.webp 1085w, https://bb.agency/wp-content/uploads/2024/02/nexudus-thumbnail-768x576.webp 768w, https://bb.agency/wp-content/uploads/2024/02/nexudus-thumbnail-290x218.webp 290w" sizes="auto, (min-width: 1100px) 80vw, 100vw" /> </div> <span class="archive-item-project__title">Nexudus</span> <p class="archive-item-project__description">Designing and reengineering the Nexudus suite of apps to help build better coworking spaces.</p> <div class="archive-item-project__services"> <span class="archive-item-project__service">UX Research</span> <span class="archive-item-project__service">iOS App Design</span> <span class="archive-item-project__service">Product Design</span> </div> <a href="https://bb.agency/project/nexudus/" aria-label="Nexudus" class="archive-item-project__link stretched-link"></a> </article> <article class="archive-item archive-item-project is-featured size--small has-custom-cursor js-custom-cursor" > <div class="archive-item-project__feat-media"> <video class="lazy" autoplay muted loop playsinline data-poster="https://bb.agency/wp-content/uploads/2024/02/eOne-892x700-frame-at-0m0s.jpg"> <source type="video/webm" data-src="https://bb.agency/wp-content/uploads/2024/02/eOne-892x700-1.webm" /> <source type="video/mp4" data-src="https://bb.agency/wp-content/uploads/2024/02/eOne-892x700-1.mp4" /> </video> </div> <span class="archive-item-project__title">eOne</span> <p class="archive-item-project__description">From fragmentation to fusion: Breaking down the complexities of data management</p> <div class="archive-item-project__services"> <span class="archive-item-project__service">UX Research</span> <span class="archive-item-project__service">Brand Strategy</span> <span class="archive-item-project__service">Visual Identity</span> </div> <a href="https://bb.agency/project/eone/" aria-label="eOne" class="archive-item-project__link stretched-link"></a> </article> </div> </div> </div> </div> </section> </main> <footer class="app-footer"> <div class="container"> <div class="app-footer__content"> <div class="app-footer-content__left"> <a href="https://bb.agency/" class="footer-logo" aria-label="Website logo"> <svg width="40" height="48" viewBox="0 0 40 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.000119255 6.05005V17.3721L11.3222 6.05005H0.000119255ZM22.422 6.27189L0 28.6939V40.0156L29.5349 10.4807C27.7547 8.34066 25.2605 6.81629 22.422 6.27189ZM3.35848 47.9792L32.3481 18.9896C32.2002 21.6856 31.1758 24.2282 29.4404 26.2594C30.6583 27.4388 31.6189 28.8433 32.2753 30.3841L14.6805 47.9792H3.35848Z" fill="black" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.1585 0.00012207H17.3715L6.0498 11.3219V22.6439L28.4718 0.221936C27.722 0.0782339 26.9492 0.00012207 26.1585 0.00012207ZM38.4185 12.2603C38.4185 9.28577 37.3533 6.55603 35.5847 4.43061L6.0498 33.9655V41.929H9.40831L38.3979 12.9394C38.4102 12.714 38.4185 12.4878 38.4185 12.2603ZM38.3249 24.3341C38.9829 25.8785 39.3359 27.5597 39.3359 29.2883C39.3359 29.3085 39.3356 29.3291 39.335 29.3491C39.3356 29.375 39.3359 29.3965 39.3359 29.4185C39.3359 33.8921 37.2165 37.7202 33.5199 39.9264C31.4812 41.2367 29.1221 41.929 26.6955 41.929H20.7301L38.3249 24.3341Z" fill="#00CFBE" /> </svg> </a> <p class="footer-text">Challenge core assumptions.</p> </div> <div class="app-footer-content__right"> <div class="footer-menus-wrapper"> <div class="footer-menu"> <span class="footer-menu__title">Learn More</span> <nav class="menu-footer-menu-1-container"><ul id="menu-footer-menu-1" class="menu"><li id="menu-item-764" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-764"> <a href="https://bb.agency/">Home</a> </li> <li id="menu-item-770" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-770"> <a href="https://bb.agency/work/">Work</a> </li> <li id="menu-item-765" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-765"> <a href="https://bb.agency/about/">About</a> </li> <li id="menu-item-767" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-767"> <a href="https://bb.agency/careers/">Careers</a> </li> <li id="menu-item-766" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-766"> <a href="https://bb.agency/blog/">News</a> </li> <li id="menu-item-768" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-768"> <a href="https://bb.agency/contact/">Contact us</a> </li> </ul></nav> </div> <div class="footer-menu"> <span class="footer-menu__title">Our Offerings</span> <nav class="menu-footer-menu-2-container"><ul id="menu-footer-menu-2" class="menu"><li id="menu-item-6238" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6238"> <a href="https://bb.agency/services/">Services</a> </li> <li id="menu-item-6243" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6243"> <a href="https://bb.agency/services/branding/">Branding</a> </li> <li id="menu-item-6239" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6239"> <a href="https://bb.agency/services/website/">Website</a> </li> <li id="menu-item-6240" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6240"> <a href="https://bb.agency/services/product/">Product</a> </li> <li id="menu-item-6242" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6242"> <a href="https://bb.agency/services/finite/">Finite</a> </li> <li id="menu-item-6241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6241"> <a href="https://bb.agency/services/infinite/">Infinite</a> </li> <li id="menu-item-6244" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6244"> <a href="https://bb.agency/achievements/">Clients</a> </li> </ul></nav> </div> <div class="footer-menu"> <span class="footer-menu__title">Selected Work</span> <nav class="menu-footer-menu-3-container"><ul id="menu-footer-menu-3" class="menu"><li id="menu-item-3742" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3742"> <a href="https://bb.agency/project/eone/">eOne</a> </li> <li id="menu-item-3743" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3743"> <a href="https://bb.agency/project/creatd/">Creatd</a> </li> <li id="menu-item-3744" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3744"> <a href="https://bb.agency/project/mimo/">mimo</a> </li> <li id="menu-item-3745" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3745"> <a href="https://bb.agency/project/enode/">Enode</a> </li> <li id="menu-item-3746" class="menu-item menu-item-type-post_type menu-item-object-project menu-item-3746"> <a href="https://bb.agency/project/shipbob/">ShipBob</a> </li> <li id="menu-item-778" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-778"> <a href="https://bb.agency/work/">View All Work</a> </li> </ul></nav> </div> <div class="footer-menu"> <span class="footer-menu__title">Follow us</span> <nav class="menu-footer-menu-4-container"><ul id="menu-footer-menu-4" class="menu"><li id="menu-item-779" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-779"> <a target="_blank" href="https://dribbble.com/balkanbrothers">Dribbble</a> </li> <li id="menu-item-780" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-780"> <a target="_blank" href="https://www.linkedin.com/company/balkan-brothers/">LinkedIn</a> </li> <li id="menu-item-781" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-781"> <a target="_blank" href="https://www.instagram.com/balkanbrothers.agency/">Instagram</a> </li> <li id="menu-item-782" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-782"> <a target="_blank" href="https://www.behance.net/balkan-brothers">Behance</a> </li> <li id="menu-item-783" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-783"> <a target="_blank" href="https://www.facebook.com/balkanbrothers.agency/">Facebook</a> </li> </ul></nav> </div> </div> </div> </div> <div class="app-footer__bottom"> <span class="footer-copyright-text">©BB Agency 2012 - 2025. All rights reserved.</span> <div class="footer-links"> <a href="https://bb.agency/privacy-policy/">Privacy Policy</a> </div> </div> </div> </footer>  <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 bottom-right-view-preferences optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optin">Manage Cookie Consent</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin">To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</div>  <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Functional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Functional</span></label> </span> Always active </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Preferences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistics</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Statistics</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> <span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span> </div> </details> </div> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accept</button> <button class="cmplz-btn cmplz-deny">Deny</button> <button class="cmplz-btn cmplz-view-preferences">Preferences</button> <button class="cmplz-btn cmplz-save-preferences">Save preferences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Preferences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> <div class="cmplz-cookiebanner cmplz-hidden banner-1 bottom-right-view-preferences optout cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optout" aria-describedby="cmplz-message-1-optout"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optout">Manage Cookie Consent</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="Close dialog"> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optout">To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.</div>  <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Functional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optout" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optout" tabindex="0"><span class="screen-reader-text">Functional</span></label> </span> Always active </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferences</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optout" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optout" tabindex="0"><span class="screen-reader-text">Preferences</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistics</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optout" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optout" tabindex="0"><span class="screen-reader-text">Statistics</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">The technical storage or access that is used exclusively for statistical purposes.</span> <span class="cmplz-description-statistics-anonymous">The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optout" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optout" tabindex="0"><span class="screen-reader-text">Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.</span> </div> </details> </div> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Manage options</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Manage services</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Manage {vendor_count} vendors</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Read more about these purposes</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Accept</button> <button class="cmplz-btn cmplz-deny">Deny</button> <button class="cmplz-btn cmplz-view-preferences">Preferences</button> <button class="cmplz-btn cmplz-save-preferences">Save preferences</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Preferences</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button> <button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Manage consent</button> </div><style id='core-block-supports-inline-css' type='text/css'> .wp-elements-f1da92c1f28a6c5426f635943596934b a:where(:not(.wp-element-button)){color:var(--wp--preset--color--gray-400);}.wp-elements-e34e4ea283566761323d8cc3b8758813 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--gray-400);}.wp-elements-33cb5489309b3a2649cae4909558c192 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--gray-400);}.wp-elements-c431e0d83ee98f4a336f6c18b85a18d6 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--gray-400);}.wp-elements-5ffedc11a28372a0842e268fcd9cf53b a:where(:not(.wp-element-button)){color:var(--wp--preset--color--gray-400);}.wp-elements-7cb1d7848660e69250007b91dc2edd4f a:where(:not(.wp-element-button)){color:var(--wp--preset--color--gray-400);}.wp-elements-10c935b455c88730443f5288704598c6 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--gray-400);}.wp-elements-f94f4f39089b6ff799e77a912a24f079 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--gray-400);}.wp-container-core-group-is-layout-23 > *{margin-block-start:0;margin-block-end:0;}.wp-container-core-group-is-layout-23 > * + *{margin-block-start:var(--wp--preset--spacing--huge);margin-block-end:0;} </style> <script type="text/javascript" id="script-js-extra"> /* <![CDATA[ */ var ajax_params = {"ajax_url":"https:\/\/bb.agency\/wp-admin\/admin-ajax.php","nonce":"8e152ed0ea"}; var page_info = {"has_swiper_slider":"","has_lottie_animation":""}; /* ]]> */ </script> <script type="text/javascript" src="https://bb.agency/wp-content/themes/bb-agency/assets/js/main.min.js?ver=1734688487" id="script-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="cmplz-cookiebanner-js-extra"> /* <![CDATA[ */ var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"48","version":"7.3.2","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"","geoip":"1","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/bb.agency\/wp-json\/complianz\/v1\/","locale":"lang=en&locale=en_US","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"45","cookie_path":"\/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https:\/\/bb.agency\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=48","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/bb.agency\/cookie-policy-eu\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"}},"us":{"cookie-statement":{"title":"Opt-out preferences","url":"https:\/\/bb.agency\/opt-out-preferences\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"},"privacy-statement-children":{"title":"","url":"https:\/\/bb.agency\/project\/zerve\/"}},"uk":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/bb.agency\/cookie-policy-uk\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"},"privacy-statement-children":{"title":"","url":"https:\/\/bb.agency\/project\/zerve\/"}},"ca":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/bb.agency\/cookie-policy-ca\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"},"privacy-statement-children":{"title":"","url":"https:\/\/bb.agency\/project\/zerve\/"}},"au":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/bb.agency\/cookie-policy-au\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/bb.agency\/privacy-policy\/"},"privacy-statement-children":{"title":"","url":"https:\/\/bb.agency\/project\/zerve\/"}}},"tm_categories":"1","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content"}; /* ]]> */ </script> <script defer type="text/javascript" src="https://bb.agency/wp-content/plugins/complianz-gdpr-premium/cookiebanner/js/complianz.min.js?ver=1734684539" id="cmplz-cookiebanner-js"></script> <script type="text/javascript" id="cmplz-cookiebanner-js-after"> /* <![CDATA[ */ let cmplzBlockedContent = document.querySelector('.cmplz-blocked-content-notice'); if ( cmplzBlockedContent) { cmplzBlockedContent.addEventListener('click', function(event) { event.stopPropagation(); }); } /* ]]> */ </script>  <script data-category="functional"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W7GJNTQ'); const revokeListeners = []; window.addRevokeListener = (callback) => { revokeListeners.push(callback); }; document.addEventListener("cmplz_revoke", function (e) { cmplz_set_cookie('cmplz_consent_mode', 'revoked', false ); revokeListeners.forEach((callback) => { callback(); }); }); const consentListeners = []; /** * Called from GTM template to set callback to be executed when user consent is provided. * @param callback */ window.addConsentUpdateListener = (callback) => { consentListeners.push(callback); }; document.addEventListener("cmplz_fire_categories", function (e) { var consentedCategories = e.detail.categories; const consent = { 'security_storage': "granted", 'functionality_storage': "granted", 'personalization_storage': cmplz_in_array( 'preferences', consentedCategories ) ? 'granted' : 'denied', 'analytics_storage': cmplz_in_array( 'statistics', consentedCategories ) ? 'granted' : 'denied', 'ad_storage': cmplz_in_array( 'marketing', consentedCategories ) ? 'granted' : 'denied', 'ad_user_data': cmplz_in_array( 'marketing', consentedCategories ) ? 'granted' : 'denied', 'ad_personalization': cmplz_in_array( 'marketing', consentedCategories ) ? 'granted' : 'denied', }; //don't use automatic prefixing, as the TM template needs to be sure it's cmplz_. let consented = []; for (const [key, value] of Object.entries(consent)) { if (value === 'granted') { consented.push(key); } } cmplz_set_cookie('cmplz_consent_mode', consented.join(','), false ); consentListeners.forEach((callback) => { callback(consent); }); }); </script> <div class="custom-cursor"> <span class="custom-cursor__content"></span> <div class="custom-cursor__background"></div> </div> <script type="text/javascript"> _linkedin_partner_id = "4961865"; 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(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} 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);})(window.lintrk); </script> <noscript><img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=4961865&fmt=gif" /></noscript> </body> </html>