Seattle Website Design by Bizango

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Seattle Website Design by Bizango</title> <meta name="description" lang="en-us" content="Seattle web design agency creates modern websites so you can attract new customers, increase conversions, and achieve your business goals" /> <link rel="canon_test" href="https://bizango.com/web-design"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes">  <script src="/javascripts/jquery-1.11.0.min.js?1391410894" type="text/javascript"></script> <script src="/javascripts/jquery.simplemodal.1.4.4.min.js?1387826925" type="text/javascript"></script> <script src="/javascripts/jquery-ui-1.10.3.custom.min.js?1388181381" type="text/javascript"></script> <script src="/javascripts/lazyload+io-polyfill.min.js?1594423719" type="text/javascript"></script> <script type="text/javascript"> /* patch added 9/18/2018 by scott * fix issue of link editing when ckeditor is opened in lightbox mode * https://bizango.teamwork.com/#/tasks/11559149 */ $.widget( "ui.dialog", $.ui.dialog, { /*! jQuery UI - v1.10.2 - 2013-12-12 * http://bugs.jqueryui.com/ticket/9087#comment:27 - bugfix * http://bugs.jqueryui.com/ticket/4727#comment:23 - bugfix * allowInteraction fix to accommodate windowed editors */ _allowInteraction: function( event ) { if ( this._super( event ) ) { return true; } // address interaction issues with general iframes with the dialog if ( event.target.ownerDocument != this.document[ 0 ] ) { return true; } // address interaction issues with dialog window if ( $( event.target ).closest( ".cke_dialog" ).length ) { return true; } // address interaction issues with iframe based drop downs in IE if ( $( event.target ).closest( ".cke" ).length ) { return true; } }, /*! jQuery UI - v1.10.2 - 2013-10-28 * http://dev.ckeditor.com/ticket/10269 - bugfix * moveToTop fix to accommodate windowed editors */ _moveToTop: function ( event, silent ) { if ( !event || !this.options.modal ) { this._super( event, silent ); } } }); </script>  <script>(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-TPTKPMC');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-J87636M4ZJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-J87636M4ZJ'); </script> <script src="https://cdn.pagesense.io/js/bizango/4db9767ffa744421bd92760383d476e3.js"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1061205070"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1061205070'); </script> <link type="text/css" rel="stylesheet" media="screen" href="//fast.fonts.net/cssapi/bf1c5f15-4f7f-4590-b023-7e099b14812f.css"/> <link rel="stylesheet" media="screen" href="https://use.typekit.net/lgc4vxv.css"> <link rel="icon" type="image/png" href="/images/sites/bz8/favicon.png"> <script src="/javascripts/jquery.scrollTonew.min.js" defer></script> <script defer="defer" src="/javascripts/bizangotrack.js?1421308625" type="text/javascript"></script> <style> :root { --sp1: 0.5rem; --sp2: 1rem; --sp3: 2rem; --sp4: 4rem; } @font-face { font-family: "bizango-icons"; src: url("/stylesheets/blocks/fonts/bizango_cke_icons.eot"); src: url("/stylesheets/blocks/fonts/bizango_cke_icons.eot") format("embedded-opentype"), url("/stylesheets/blocks/fonts/bizango_cke_icons.ttf") format("truetype"), url("/stylesheets/blocks/fonts/bizango_cke_icons.woff") format("woff"), url("/stylesheets/blocks/fonts/bizango_cke_icons.svg") format("svg"); font-weight: normal; font-style: normal; } .bizango-icon { content: " "; font-family: "bizango-icons"; font-weight: 400; line-height: 1em; vertical-align: baseline; word-wrap: anywhere; } </style> <style data-theme-styles>@import url("https://fonts.googleapis.com/css?family=Montserrat:300,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700"); body { --theme-page-background: white; --theme-contrast-background: white; --theme-primary: #dfc457; --theme-secondary: #abc154; --theme-tertiary: #f22e69; --theme-quaternary: #80b0c4; --theme-black: #000; --theme-white: #FFF; --theme-text-color: white; --theme-link-color: #464646; --theme-link-hover-color: #464646; --theme-header-background: rgba(255, 255, 255, 0); --theme-nav-background: rgba(255, 255, 255, 0); --theme-nav-background-hover: rgba(255, 255, 255, 0); --theme-nav-link-color: white; --theme-nav-link-color-hover: white; --theme-flair-color: rgba(255, 255, 255, 0); --theme-padding-basis: 16px; --theme-button-padding: 18px 18px; --theme-button-color: #464646; --theme-button-radius: 15px; --theme-button-color-hover: #00eeff; --theme-button-border-width: 1px; --theme-font-size: 16px; --theme-footer-background: #313131; --theme-deep-footer-background: black; --theme-logo-width: 200px; --theme-logo-height: 60px; --theme-nav-font-size: 11px; --theme-contrast-color: #000; --theme-content: "100% 100%"; --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 300; } .public-section p, .public-section .p-style, .public-section li, .public-section figcaption { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 300; } .public-section h6, .public-section .h6-style, .public-section h5, .public-section .h5-style, .public-section h4, .public-section .h4-style, .public-section h3, .public-section .h3-style, .public-section h2, .public-section .h2-style, .public-section h1, .public-section .h1-style { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 400; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; } .public-section h1, .public-section .h1-style { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: 400; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; } @media only screen and (max-width: 767px) { .header__nav .header__nav-wrapper { --theme-contrast-background: gray; } } .header .subnav { --theme-contrast-color: #000; } .nav li { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: normal; --theme-text-transform: uppercase; --theme-letter-spacing: 0.1em; } .logo { --theme-font-family: 'Montserrat',sans-serif; } .footer a { --theme-contrast-color: white; } .footer .nav a:after { --theme-contrast-color: white; } .deep-footer__content, .deep-footer #bizango { --theme-contrast-color: white; } .block_container .swatch__black, .block_container .background-color__black { --theme-contrast-color: white; } .block_container .swatch__white, .block_container .background-color__white { --theme-contrast-color: #000; } .block_container .swatch__primary, .block_container .background-color__primary, .background-color__primary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__secondary, .block_container .background-color__secondary, .background-color__secondary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__tertiary, .block_container .background-color__tertiary, .background-color__tertiary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .block_container .swatch__quaternary, .block_container .background-color__quaternary, .background-color__quaternary.parallax__yes .block__bg-img { --theme-contrast-color: #000; } .background-color__black .button { --theme-contrast-color: #FFF; } .background-color__black .button:hover, .background-color__black .button:focus { --theme-contrast-color: #FFF; } .background-color__white .button { --theme-contrast-color: #464646; } .background-color__white .button:hover, .background-color__white .button:focus { --theme-contrast-color: #000; } .background-color__primary .button { --theme-contrast-color: #464646; } .background-color__primary .button:hover, .background-color__primary .button:focus { --theme-contrast-color: #000; } .background-color__secondary .button { --theme-contrast-color: #464646; } .background-color__secondary .button:hover, .background-color__secondary .button:focus { --theme-contrast-color: #000; } .background-color__tertiary .button { --theme-contrast-color: #464646; } .background-color__tertiary .button:hover, .background-color__tertiary .button:focus { --theme-contrast-color: #000; } .background-color__quaternary .button { --theme-contrast-color: #464646; } .background-color__quaternary .button:hover, .background-color__quaternary .button:focus { --theme-contrast-color: #000; } @media only screen and (max-width: 767px) { .block_container .mobile-background-color__black { --theme-contrast-color: white; } .block_container .mobile-background-color__white { --theme-contrast-color: #000; } .block_container .mobile-background-color__primary { --theme-contrast-color: #000; } .block_container .mobile-background-color__secondary { --theme-contrast-color: #000; } .block_container .mobile-background-color__tertiary { --theme-contrast-color: #000; } .block_container .mobile-background-color__quaternary { --theme-contrast-color: #000; } } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 { --theme-contrast-color: white; } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button { --theme-contrast-color: #FFF; } .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__black .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #FFF; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__white .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__primary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__secondary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__tertiary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 { --theme-contrast-color: #000; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button { --theme-contrast-color: #464646; } .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button:hover, .block_type__1-column-pop.pop-background-color__quaternary .all-cols-wrap .col-1 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 { --theme-contrast-color: white; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button { --theme-contrast-color: #FFF; } .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__black .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__black .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #FFF; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__white .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__white .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__primary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__primary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__secondary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__secondary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__tertiary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__tertiary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 { --theme-contrast-color: #000; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button { --theme-contrast-color: #464646; } .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button:hover, .block_type__2-column-pop.pop-column__left.pop-background-color__quaternary .all-cols-wrap .col-1 .button:focus, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button:hover, .block_type__2-column-pop.pop-column__right.pop-background-color__quaternary .all-cols-wrap .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 { --theme-contrast-color: white; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button { --theme-contrast-color: #FFF; } .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__black .col-2 .button:focus { --theme-contrast-color: #FFF; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__white .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__primary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__secondary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__tertiary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 { --theme-contrast-color: #000; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button { --theme-contrast-color: #464646; } .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button:hover, .block_type__story-panel.box-style__solid.text-area-background-color__quaternary .col-2 .button:focus { --theme-contrast-color: #000; } .block_type__boxes.background-color_white .box, .block_type__boxes.background-color__white .admin-frame .box, .block_type__boxes.block.hover-background-color__white .box:hover, .block_type__boxes.block.hover-background-color__white .box:focus-within, .block_type__boxes.hover-background-color__white .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__black .box, .block_type__boxes.background-color__black .admin-frame .box, .block_type__boxes.block.hover-background-color__black .box:hover, .block_type__boxes.block.hover-background-color__black .box:focus-within, .block_type__boxes.hover-background-color__black .admin-frame .hover-box.box { --theme-contrast-color: white; } .block_type__boxes.background-color__primary .box, .block_type__boxes.background-color__primary .admin-frame .box, .block_type__boxes.block.hover-background-color__primary .box:hover, .block_type__boxes.block.hover-background-color__primary .box:focus-within, .block_type__boxes.hover-background-color__primary .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__secondary .box, .block_type__boxes.background-color__secondary .admin-frame .box, .block_type__boxes.block.hover-background-color__secondary .box:hover, .block_type__boxes.block.hover-background-color__secondary .box:focus-within, .block_type__boxes.hover-background-color__secondary .admin-frame .hover-box.box { --theme-contrast-color: #000; } .block_type__boxes.background-color__tertiary .box, .block_type__boxes.background-color__tertiary .admin-frame .box, .block_type__boxes.block.hover-background-color__tertiary .box:hover, .block_type__boxes.block.hover-background-color__tertiary .box:focus-within, .block_type__boxes.hover-background-color__tertiary .admin-frame .hover-box, .block_type__boxes.hover-background-color__tertiary .box.admin-box { --theme-contrast-color: #000; } .block_type__boxes.background-color__quaternary .box, .block_type__boxes.background-color__quaternary .admin-frame .box, .block_type__boxes.block.hover-background-color__quaternary .box:hover, .block_type__boxes.block.hover-background-color__quaternary .box:focus-within, .block_type__boxes.hover-background-color__quaternary .admin-frame .hover-box { --theme-contrast-color: #000; } .block_type__faqs .windowshade-button-text { --theme-font-family: 'Montserrat',sans-serif; --theme-font-weight: bold; --theme-text-transform: none; --theme-letter-spacing: normal; --theme-font-weight: 400; } .block_type__faqs.button-background-color__white .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__black .windowshade-button { --theme-contrast-color: white; } .block_type__faqs.button-background-color__primary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__secondary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__tertiary .windowshade-button { --theme-contrast-color: #000; } .block_type__faqs.button-background-color__quaternary .windowshade-button { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__white .grid-item, .block_type__subpage-overlay.hover-background-color__white .grid-item:hover, .block_type__subpage-overlay.hover-background-color__white .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__black .grid-item, .block_type__subpage-overlay.hover-background-color__black .grid-item:hover, .block_type__subpage-overlay.hover-background-color__black .grid-item:focus-within { --theme-contrast-color: white; } .block_type__subpage-overlay.initial-background-color__primary .grid-item, .block_type__subpage-overlay.hover-background-color__primary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__primary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__secondary .grid-item, .block_type__subpage-overlay.hover-background-color__secondary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__secondary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__tertiary .grid-item, .block_type__subpage-overlay.hover-background-color__tertiary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__tertiary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__subpage-overlay.initial-background-color__quaternary .grid-item, .block_type__subpage-overlay.hover-background-color__quaternary .grid-item:hover, .block_type__subpage-overlay.hover-background-color__quaternary .grid-item:focus-within { --theme-contrast-color: #000; } .block_type__book-excerpt .container--excerpt { --theme-contrast-color: #000; } .button { --theme-contrast-color: white; } </style> <link rel="stylesheet" href="https://use.typekit.net/zyw6xwo.css"> <script defer="defer" src="/javascripts/blocks/focus-visible.js?1640887281" type="text/javascript"></script> <link href="/stylesheets/blocks/helpers.css?1674222025" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/foundation-grid.css?1702938880" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/blocks/defaults.css?1727801680" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/blocks/defaults-flex.css?1621957245" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/base-icons.css?1623182439" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/variables-theming.css?1705683664" media="screen" rel="stylesheet" type="text/css" /> <link href="/stylesheets/bz1/site.css?1731357938" media="screen" rel="stylesheet" type="text/css" /> <script src="/javascripts/bz1/lenis.min.js?1703279130" type="text/javascript"></script> <script src="/javascripts/bz1/gsap.min.js?1703254597" type="text/javascript"></script> <script src="/javascripts/bz1/ScrollTrigger.min.js?1703254597" type="text/javascript"></script> <script> // jQuery(document).ready(function(){ // Lenis is necessary for smooth scroll with free gsap gsap.registerPlugin(ScrollTrigger); const lenis = new Lenis(); lenis.on('scroll', ScrollTrigger.update); gsap.ticker.add((time)=>{ lenis.raf(time * 1000); }) gsap.ticker.lagSmoothing(0); // }) </script> </head> <body id="body_webdesign" class=" body_nothome theme--variables button-style--ghost button-variants--bold--false button-variants--caps--false button-variants--spaced--false button-variants--rounded--false logo-variants--hide-logo--false logo-variants--extend-logo--false nav-style--shorthorizontal nav-style-variants--separators--false public " > <div><a class="skip-to-link screen-reader-text" href="#main-content">Skip navigation</a></div> <div class="public-section"> <header class="header"> <div class="page_frame group"> <div class="header__frame"> <div class="logo header__logo"> <a href="/"><img src="https://s3.amazonaws.com/hoth.bizango/images/1165086/logo_bizango-white_home.png" ></a> </div> <div class="header__nav"> <div class="header__nav-wrapper"> <button class="hamburger hamburger--spin header__mobile-nav-toggle" data-toggle-show=".header__nav-wrapper" aria-expanded="false"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> <ul role="menu" id="Header_nav" aria-label="Header navigation" class="nav nav--primary"> <li role="none" class="nav__li"> <a role="menuitem" id="nav_services" class="nav__a" href="/services" >Services</a>  <ul role="menu" aria-label="Services sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/services" >Overview</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/web-design" >Web Design</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/branding" >Branding</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/business-marketing" >Marketing</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/website-maintenance-and-support" >Website Care</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_portfolio" class="nav__a" href="/gallery" >Portfolio</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_company" class="nav__a" href="/seattle-web-design-company" >Company</a>  <ul role="menu" aria-label="Company sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company" >Overview</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company/reviews" >Reviews</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/blog" >Blog</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/seattle-web-design-company/careers" >Careers</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="" class="nav__a" href="#" >Industries</a>  <ul role="menu" aria-label="Industries sub-menu" class="nav nav--subnav"> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/attorney-website-design" >Attorneys</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/construction-website-design/services" >Construction</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/architect-engineer-website-design" >Architects and Engineers</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/alaska-website-design" >Tourism</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/e-commerce-web-design" >Ecommerce</a> </li> <li role="none" class="nav__li nav__li--subnav"> <a role="menuitem" class="nav__a nav__a--subnav" href="/gallery" >More...</a> </li> </ul>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_contact" class="nav__a" href="/contact" >Let's Begin</a>  </li> </ul> <script> $(document).ready(function(){ // Default line color var lineColorClass = 'line-link--blue'; const colorObj = { // 'background-color__transparent': 'line-link--blue', // 'background-color__white': 'line-link--blue', 'background-color__black': 'line-link--white', 'background-color__primary': 'line-link--white', // 'background-color__secondary': 'line-link--blue', 'background-color__tertiary': 'line-link--gold', 'background-color__quaternary': 'line-link--pink', 'background-color__quinary': 'line-link--gold' } const firstBlockBGColorArr = $('[data-sortable] .block_container:first-child .block').attr('class').match(/background-color__\w+/) || false; if (firstBlockBGColorArr && 'page' != 'blog4') { const firstBlockBGColor = firstBlockBGColorArr[0]; if (colorObj.hasOwnProperty(firstBlockBGColor)) { lineColorClass = colorObj[firstBlockBGColor]; } } $('.header__nav-wrapper > ul.nav > li:last-child > a').addClass(`line-link ${lineColorClass}`); }) </script> <div id="mobile_nav" class="header__mobile-nav-wrapper"> <ul role="menu" id="mobile-nav-menu" class="nav nav--mobile " aria-label="primary mobile navigation"> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_services_mobile" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="/services" >Services <div role="button" aria-label="toggles Services sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/services" >Overview</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/web-design" >Web Design</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/branding" >Branding</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/business-marketing" >Marketing</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/website-maintenance-and-support" >Website Care</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_portfolio_mobile" class=" nav__a nav__a--mobile" href="/gallery" >Portfolio </a>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_company_mobile" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="/seattle-web-design-company" >Company <div role="button" aria-label="toggles Company sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company" >Overview</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company/reviews" >Reviews</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/blog" >Blog</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/seattle-web-design-company/careers" >Careers</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="" class="has-sub-menu nav__a--has-subnav nav__a nav__a--mobile" href="#" >Industries <div role="button" aria-label="toggles Industries sub-menu" aria-expanded="false" class="nav__toggle-subnav plus"> <span></span> <span></span> </div> </a>  <ul class="nav nav--mobile-subnav"> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/attorney-website-design" >Attorneys</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/construction-website-design/services" >Construction</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/architect-engineer-website-design" >Architects and Engineers</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/alaska-website-design" >Tourism</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/e-commerce-web-design" >Ecommerce</a> </li> <li role="none" class="nav__li nav__li--mobile-subnav"> <a role="menuitem" class="nav__a nav__a--mobile-subnav" href="/gallery" >More...</a> </li> </ul>  </li> <li role="none" class="nav__li nav__li--mobile"> <a role="menuitem" id="nav_contact_mobile" class=" nav__a nav__a--mobile" href="/contact" >Let's Begin </a>  </li> </ul> </div> </div> </div> </div> </div> </header> <main id="main-content" tabindex="-1"> <div data-sortable="284805"> <div class="block_container " data-content-id="287280"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287280" class="block block_id-287280 basic site-hero site-block block_type__basic-hero background-color__quaternary padding-bottom__offset padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap align-middle align-spaced display-flex flex-wrap"> <div class="col-1 "> <div class="element__text element-0 basic-hero__title subtle-h1"> <h1 class="bizango_cms bizango_cms_content bizango_content_title textdiv_title" id="content_287280_title" data-bizango='{"monkey":"data", "field":"title", "object_type":"content", "cms_id":"287280", "label":"", "tag":"h1"}' ></h1 > </div> <div class="element__text element-1 basic-hero__text"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287280_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287280", "label":"" , "tag":"div"}' > <h1 class="h2-style">Custom Web Design that makes a splash</h1> </div> </div> </div> <div class="col-2 "> <div class="element__text element-0 basic-hero__text"> <div class="bizango_cms bizango_cms_content bizango_content_teaser textdiv_teaser" id="content_287280_teaser" data-bizango='{"monkey":"data", "field":"teaser", "object_type":"content", "cms_id":"287280", "label":"" , "tag":"div"}' > <p class="h4-style">Beautiful, modern web design attracts new customers, increases conversions, and helps retain loyal customers.</p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285248"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285248" class="block block_id-285248 block_type__1-column background-color__transparent padding-bottom__less padding-top__none"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__attachment element-0 "> </div> <div class="element__image element-1 "> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1197172/mockup-web-design2_feature.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1197172/mockup-web-design2_feature.png" alt=""> </div> <div class="element__text element-2 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285248_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285248", "label":"" , "tag":"div"}' > <p style="text-align: right;"><a class="line-link line-link--green" href="/gallery">See The Gallery</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287293"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287293" class="block block_id-287293 block_type__anchor-links center-columns__yes padding-bottom__normal padding-top__none background-image-opacity__full image-opacity__full image-style__default show-links__true columns__5 logo-size__full grid-layout__center"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__child_content element-0 admin-controls logos__grid"> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__image element-0 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1166347/icon_research-strategy_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1166347/icon_research-strategy_sidebar.png" alt=""> </div> <div class="element__text element-1 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287297_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287297", "label":"" , "tag":"div"}' > <p><a href="http://bz1.mamacanto.bizangonet.com/web-design#284776"><strong>Research + Strategy</strong></a></p> </div> </div> <div class="element__link element-2 "> <div class=""> <a class="full-absolute logos__link z-1" href="#287298"></a> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__image element-0 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1166348/icon_messaging-design_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1166348/icon_messaging-design_sidebar.png" alt=""> </div> <div class="element__text element-1 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287296_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287296", "label":"" , "tag":"div"}' > <p><a href="http://bz1.mamacanto.bizangonet.com/web-design#284777"><strong>Messaging + Design</strong></a></p> </div> </div> <div class="element__link element-2 "> <div class=""> <a class="full-absolute logos__link z-1" href="#287310"></a> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__image element-0 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1166346/icon_flexible-tools_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1166346/icon_flexible-tools_sidebar.png" alt=""> </div> <div class="element__text element-1 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287295_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287295", "label":"" , "tag":"div"}' > <p><a href="http://bz1.mamacanto.bizangonet.com/web-design#284787"><strong>Flexible Management Tools</strong></a></p> </div> </div> <div class="element__link element-2 "> <div class=""> <a class="full-absolute logos__link z-1" href="#287311"></a> </div> </div> </div> <div class="element__group element-0 grid-container grid-items-center logos__grid-item position-relative"> <div class="element__image element-0 logos__image"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1166349/icon_target-traffic_sidebar.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1166349/icon_target-traffic_sidebar.png" alt=""> </div> <div class="element__text element-1 logos__text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287294_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287294", "label":"" , "tag":"div"}' > <p><a href="http://bz1.mamacanto.bizangonet.com/web-design#284802"><strong>Targeted Traffic</strong></a></p> </div> </div> <div class="element__link element-2 "> <div class=""> <a class="full-absolute logos__link z-1" href="#287312"></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="285963"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="285963" class="block block_id-285963 columns--2 site-block block_type__2-column-bigright background-color__quinary padding-bottom__normal padding-top__normal mobile-order-reverse__false mobile-padding-top__normal mobile-padding-bottom__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_285963_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"285963", "label":"" , "tag":"div"}' > <p class="h4-style"><strong>Our custom web design packages are tailored to meet the specific needs and goals of your business. </strong></p> </div> </div> </div> <div class="col-2 "> <div class="element__image_lazy element-0 "> </div> <div class="element__text element-1 "> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_285963_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"285963", "label":"" , "tag":"div"}' > <p>A unique website design customized to your brand allows for a more personalized and tailored experience for your site visitors. Our premium customizations allow for greater flexibility in features and functionalities to further enhance your site and your customer’s engagement with your online brand.</p> <p>We are a <a href="https://bizango.com">Seattle web design company</a> with locations in <a href="https://bizango.com/denver-web-design">Denver</a> and <a href="https://bizango.com/albuquerque-web-design">Albuquerque</a>.</p> <h4><strong>Here's how we do it:</strong></h4> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287298"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287298" class="block block_id-287298 page_frame--1400 site-block story-block block_type__simple-story background-color__quaternary padding-bottom__normal padding-top__normal reversecolumns__no"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap align-middle display-flex flex-wrap"> <div class="col-1 simple-story__text-col"> <div class="element__group element-0 align-middle display-flex simple-story__title-grp"> <div class="element__image_lazy element-0 mb0--last simple-story__title-icon">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1166386/icon_research-strategy-white_thumb.png"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1166386/icon_research-strategy-white_thumb.png" data-lazy-function="load" style="width: 100%; aspect-ratio: 0.822581;"/> </div> <div class="element__text element-1 simple-story__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287298_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287298", "label":"" , "tag":"div"}' > <h2 class="h3-style">Research + Strategy</h2> </div> </div> </div> <div class="element__text element-1 simple-story__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287298_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287298", "label":"" , "tag":"div"}' > <p><strong>It begins with research.</strong> Who are your customers? What do they love about your brand? What exactly are your most important prospects typing into search engines? Who are your strongest competitors?</p> <p>What are these clients feeling? What do they crave? WHO ARE THESE PEOPLE, anyway?</p> <p>Once we have an understanding of the marketplace context in which you are operating, we begin proposing a solution...</p> </div> </div> </div> <div class="col-2 display-flex flex-wrap simple-story__image-col"> <div class="element__image_lazy element-0 simple-story__image">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1157937/Untitled-9.png"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1157937/Untitled-9.png" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.413953;"/> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287310"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287310" class="block block_id-287310 page_frame--1400 site-block story-block block_type__story-text padding-bottom__normal padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 story-text__images-col"> <div class="element__story_image element-0 story-text__images"> <div class="images-container" data-count="1">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1166412/chaney-wireframe_home.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1166412/chaney-wireframe_home.jpg" alt="" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.419708;"> </div> </div> </div> <div class="col-2 story-text__text-col"> <div class="element__group element-0 display-flex story-text__title-grp"> <div class="element__image element-0 story-text__title-icon"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1166385/icon_messaging-design-dark_thumb.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1166385/icon_messaging-design-dark_thumb.png" alt=""> </div> <div class="element__text element-1 story-text__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287310_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287310", "label":"" , "tag":"div"}' > <h2 class="h3-style">Messaging + Design</h2> </div> </div> </div> <div class="element__text element-1 story-text__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287310_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287310", "label":"" , "tag":"div"}' > <p><strong>Spark a Connection. </strong>Studies show you have about half a second when a vistior arrives on your website. That’s how long it takes to create a first impression.</p> <p>Words and visuals have to work together. The perfect synthesis strikes like lightning. Grabs attention and draws visitors inside.</p> <p>From there, it’s about inspiring confidence, conveying authority, and showcasing to the world that you are at the top of your industry.</p> <p style="text-align: right;"><a class="line-link line-link--pink" href="/gallery" style="font-weight:bold!important;">View our full portfolio</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287311"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287311" class="block block_id-287311 page_frame--1400 site-block story-block block_type__simple-story background-color__quinary padding-bottom__more padding-top__more"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap align-middle display-flex flex-wrap"> <div class="col-1 simple-story__text-col"> <div class="element__group element-0 align-middle display-flex simple-story__title-grp"> <div class="element__image_lazy element-0 mb0--last simple-story__title-icon">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1166384/icon_flexible-tools-white_thumb.png"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1166384/icon_flexible-tools-white_thumb.png" data-lazy-function="load" style="width: 100%; aspect-ratio: 0.781818;"/> </div> <div class="element__text element-1 simple-story__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287311_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287311", "label":"" , "tag":"div"}' > <h2 class="h3-style">Flexible Website Tools</h2> </div> </div> </div> <div class="element__text element-1 simple-story__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287311_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287311", "label":"" , "tag":"div"}' > <p><strong>We empower creative marketers and businesses.</strong></p> <p>What if we could create a competely custom web design and then break it down into flexible, drag and drop building blocks? You and your marketing team can launch new content, products and services with gorgeous new layouts that are always on brand.</p> <p>Our clients publish new services, products and photos every day. Edit SEO tags, embed videos, offer gated downloads, and integrate with every popular analytics package in a powerful, cloud-hosted solution.</p> <p>Flexible.  Cloud-hosted.  Always on-brand.</p> </div> </div> </div> <div class="col-2 display-flex flex-wrap simple-story__image-col"> <div class="element__image_lazy element-0 simple-story__image">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1157958/Untitled-12.png"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1157958/Untitled-12.png" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.668449;"/> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287312"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287312" class="block block_id-287312 page_frame--1400 site-block story-block block_type__story-text padding-bottom__normal padding-top__normal image-height__tall"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 story-text__images-col"> <div class="element__story_image element-0 story-text__images"> <div class="images-container" data-count="1">  <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img lazy" data-bg="https://s3.amazonaws.com/hoth.bizango/images/1197179/website-analytics_home.jpg"></div> </div> <img class="illustration lazy" data-src="https://s3.amazonaws.com/hoth.bizango/images/1197179/website-analytics_home.jpg" alt="" data-lazy-function="load" style="width: 100%; aspect-ratio: 1.777778;"> </div> </div> </div> <div class="col-2 story-text__text-col"> <div class="element__group element-0 display-flex story-text__title-grp"> <div class="element__image element-0 story-text__title-icon"> <div class="cropped-image cropped-image__responsive-wrap"> <div class="cropped-image__bg-img" style="background-image:url(https://s3.amazonaws.com/hoth.bizango/images/1166387/icon_target-traffic-dark_thumb.png)"></div> </div> <img class="illustration" src="https://s3.amazonaws.com/hoth.bizango/images/1166387/icon_target-traffic-dark_thumb.png" alt=""> </div> <div class="element__text element-1 story-text__title"> <div class="bizango_cms bizango_cms_content bizango_content_leadin textdiv_leadin" id="content_287312_leadin" data-bizango='{"monkey":"data", "field":"leadin", "object_type":"content", "cms_id":"287312", "label":"" , "tag":"div"}' > <h2 class="h3-style">Bring Targeted Traffic</h2> </div> </div> </div> <div class="element__text element-1 story-text__text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287312_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287312", "label":"" , "tag":"div"}' > <p><strong>The final step is to get the <em>right people</em> on your website.</strong></p> <p>To attract the customers you want, we combine data and smart messaging. Our successful online marketing campaigns often blend SEO, Pay Per Click advertising, Social Media, and sophisticated targeting. Choosing the right approach depends on your aspirations, message and budget.</p> <p>We help our clients choose from among the options available and put together a customized, strategic plan.</p> <p>Yay, science!</p> <p style="text-align: right;"><a class="line-link line-link--gold" href="/gallery">See Our Work</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287328"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287328" class="block block_id-287328 site-block block_type__bizango-slider background-color__quinary padding-bottom__more padding-top__more flair__on"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 bizango-slider__top-section display-flex flex-wrap"> <div class="element__text element-0 bizango-slider__title mb0--last"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287328_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287328", "label":"" , "tag":"div"}' > <h2 class="h3-style" style="text-align: center;">Our Process</h2> </div> </div> <div class="element__text element-1 bizango-slider__desc mb0--last"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287328_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287328", "label":"" , "tag":"div"}' > </div> </div> </div> <div class="col-2 "> <div class="element__bizango_slider element-0 "> <link href="/stylesheets/blocks/slick.css?1495829387" media="screen" rel="stylesheet" type="text/css" /> <div class="content-slider bizango-slider slider"> <div class="bizango-slide position-relative slide"> <div class="img-full--child slide-top"> <img class="" src='https://s3.amazonaws.com/hoth.bizango/images/1166437/mark-chaney-wireframe_teaser.jpg' alt=''> </div> <div class=" display-flex bizango-slide__content-frame"> <div class="bizango-slide__content"> <div class="line-link bizango-slide__index-container"> <span>1 / 7</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287332_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287332", "label":"" , "tag":"div"}' > <h2 class="h4-style">Creative Kickoff</h2> <p>The project begin with a one hour zoom meeting, where the design team gets to know your firm, culture, strengths, and what kind of clients you’d like to attract.</p> <p>In that meeting will also look at creative possibilities for the homepage and define a creative vision for your site. Our next job is to bring it to life...</p> </div> </div> </div> </div> <div class="bizango-slide position-relative slide"> <div class="img-full--child slide-top"> <img class="" src='https://s3.amazonaws.com/hoth.bizango/images/1166458/ahmo-media_teaser.jpg' alt=''> </div> <div class=" display-flex bizango-slide__content-frame"> <div class="bizango-slide__content"> <div class="line-link bizango-slide__index-container"> <span>2 / 7</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287331_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287331", "label":"" , "tag":"div"}' > <h2 class="h4-style">Homepage Design</h2> <p>Our team’s first task is to bring your homepage to life. We’ll take everything we’ve learned about your firm and your clients, distill it to its essence, and define an aesthetic that will appeal to your clients, and evoke the emotions that you want.</p> <p>When we’re ready to check in, we’ll schedule a call...</p> </div> </div> </div> </div> <div class="bizango-slide position-relative slide"> <div class="img-full--child slide-top"> <img class="" src='https://s3.amazonaws.com/hoth.bizango/images/1166436/work-meeting_teaser.jpg' alt=''> </div> <div class=" display-flex bizango-slide__content-frame"> <div class="bizango-slide__content"> <div class="line-link bizango-slide__index-container"> <span>3 / 7</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287330_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287330", "label":"" , "tag":"div"}' > <h2 class="h4-style">Homepage Presentation</h2> <p>The homepage defines the look, feel and brand that we will use for the rest of the site. So before we can go any farther, we will check in and make sure we’re on the right track. We’ll do this by holding a zoom meeting with your team and presenting the work in progress.</p> <p>We revise extensively, till you're happy. Once you’re happy with the homepage direction, will continue with the rest of the site.</p> </div> </div> </div> </div> <div class="bizango-slide position-relative slide"> <div class="img-full--child slide-top"> <img class="" src='https://s3.amazonaws.com/hoth.bizango/images/1197200/website-interior-page-design_teaser.jpg' alt=''> </div> <div class=" display-flex bizango-slide__content-frame"> <div class="bizango-slide__content"> <div class="line-link bizango-slide__index-container"> <span>4 / 7</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287329_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287329", "label":"" , "tag":"div"}' > <h2 class="h4-style">Interior Pages Designed</h2> <p>Your designer doesn't need to hand craft every single page of the site in the same way as the homepage -- that would be expensive. But based upon your contract, we'll have specified a number of strategically significant pages that do get the same, strategic, iterative approach. We'll share these designs with you next, and make sure they're achieving your goals and you're happy with them. Then, when you say GO, we begin to build.</p> </div> </div> </div> </div> <div class="bizango-slide position-relative slide"> <div class="img-full--child slide-top"> <img class="" src='https://s3.amazonaws.com/hoth.bizango/images/1197193/website-code_teaser.jpg' alt=''> </div> <div class=" display-flex bizango-slide__content-frame"> <div class="bizango-slide__content"> <div class="line-link bizango-slide__index-container"> <span>5 / 7</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_292989_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"292989", "label":"" , "tag":"div"}' > <h3 class="h4-style">Program</h3> <p>Up till now, we've been looking at mockups. But once we have design signoff, our in-house developers will bring your designs to life in real live code. This means responsive HTML that reformats itself for different screen sizes. CSS and images that look great on every device. Fluid JavaScript interactions. And - before you ever see it - a 40-step internal QA checklist to make sure everything's looking good and working correctly.</p> </div> </div> </div> </div> <div class="bizango-slide position-relative slide"> <div class="img-full--child slide-top"> <img class="" src='https://s3.amazonaws.com/hoth.bizango/images/1161577/albuquerque-design-team_teaser.jpg' alt=''> </div> <div class=" display-flex bizango-slide__content-frame"> <div class="bizango-slide__content"> <div class="line-link bizango-slide__index-container"> <span>6 / 7</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_292990_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"292990", "label":"" , "tag":"div"}' > <h2 class="h4-style">Walkthrough and Punchlist</h2> <p>We'll meet one last time on zoom to walk you through the site, make sure everything looks great, and show you how to edit the site.</p> <p>After this call, your dedicated PM will send you the link so you can view and edit the site on our development server, to catch any final issues before the site goes live.</p> </div> </div> </div> </div> <div class="bizango-slide position-relative slide"> <div class="img-full--child slide-top"> <img class="" src='https://s3.amazonaws.com/hoth.bizango/images/1161234/Image_from_iOS__18__teaser.jpg' alt=''> </div> <div class=" display-flex bizango-slide__content-frame"> <div class="bizango-slide__content"> <div class="line-link bizango-slide__index-container"> <span>7 / 7</span> </div> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_292991_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"292991", "label":"" , "tag":"div"}' > <h2 class="h4-style">Site Launch + Celebrate</h2> <p>When we've resolved everything on your punchlist and the site is looking great, we adjust your DNS settings and launch it to the world.</p> <p><a class="button" href="/contact" tabindex="0"> Let's Get Started</a></p> </div> </div> </div> </div> </div> <script defer="defer" src="/javascripts/blocks/slick.min.js?1547168186" type="text/javascript"></script> <script> $(document).ready(function(){ $('.block_id-287328 .bizango-slider').slick({ arrows: true, dots: false, infinite: false, slidesToShow: 3, slidesToScroll: 1, responsive: [{ breakpoint: 1100, settings: { slidesToShow: 2 } },{ breakpoint: 768, settings: { slidesToShow: 1 } }] }); }); </script> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287327"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287327" class="block block_id-287327 block_type__1-column center-columns__yes padding-bottom__none padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__attachment element-0 "> </div> <div class="element__image element-1 "> </div> <div class="element__text element-2 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287327_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287327", "label":"" , "tag":"div"}' > <h2 class="h3-style">Custom Web Design FAQ</h2> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287315"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287315" class="block block_id-287315 block_type__faqs button-background-color__white padding-bottom__less padding-top__none"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__child_content element-0 faqs__content"> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287323_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287323_windowshade-content" aria-label="What are the benefits of buying a custom web design over a pre-made template?, opens windowshade content"> <span class="h4-style windowshade-button-text">What are the benefits of buying a custom web design over a pre-made template?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287323_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287323_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287323", "label":"" , "tag":"div"}' > <p>A custom web design offers several advantages over a pre-made template. With a custom design our team, which includes a creative director, senior designer, developer and dedicated project manager, work with you to identify your goals for the site and create totally unique design elements and features for your website. With a customized website, we can bring the wow-factor to help you stand out. We can include signature branded elements, subtle animations, or special functionality to bring the site to life.</p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287322_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287322_windowshade-content" aria-label="How much does a custom web design typically cost?, opens windowshade content"> <span class="h4-style windowshade-button-text">How much does a custom web design typically cost?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287322_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287322_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287322", "label":"" , "tag":"div"}' > <p>The <a href="https://bizango.com/blog/how-much-does-web-design-cost">cost of a custom web design</a> can vary depending on several factors, such as the complexity of the design, the size of the website, and the level of customization required. On average, a custom web design can cost anywhere from a few thousand dollars to tens of thousands of dollars. Our typical custom websites usually start in the $10,000-$20,000 range. </p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287321_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287321_windowshade-content" aria-label="What is the process for designing a custom website?, opens windowshade content"> <span class="h4-style windowshade-button-text">What is the process for designing a custom website?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287321_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287321_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287321", "label":"" , "tag":"div"}' > <p>Our process for designing a custom website involves several stages. We start with our onboarding process to gather all of your information and assets prior to kicking off the project. Using this information we can do our preliminary research and planning. We then have a creative kick off meeting with our team and your stakeholders. Following this, we create design concepts for the key pages identified early on in the project, which typically go through a couple of iterations. Once you approve the designs, we develop the site and complete our internal testing and QA.  After delivering the site to you, you will have an opportunity to give us a punchlist prior to launch. Once the site is launched, Bizango is available to provide any ongoing services and support.</p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287320_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287320_windowshade-content" aria-label="What kind of information should I provide to the web designer to create a custom design that meets my needs?, opens windowshade content"> <span class="h4-style windowshade-button-text">What kind of information should I provide to the web designer to create a custom design that meets my needs?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287320_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287320_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287320", "label":"" , "tag":"div"}' > <p>To create a custom web design that meets your needs, you should provide us with as much information as possible about your business, your target audience, your goals, and your preferences.  This may include your logo and brand guidelines if you have them, your website content, a list of your competitors, and your desired website features and functionality.</p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287319_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287319_windowshade-content" aria-label="How long does it take to create a custom web design?, opens windowshade content"> <span class="h4-style windowshade-button-text">How long does it take to create a custom web design?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287319_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287319_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287319", "label":"" , "tag":"div"}' > <p>The timeline for creating a custom web design can vary depending on various factors, such as the complexity of the design, the size of the website, and the level of customization required. On average, it can take anywhere from several weeks to several months to complete a custom web design project. If you have a specific deadline, it’s important to let us know early in the project so that we can accommodate you.</p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287318_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287318_windowshade-content" aria-label="Can I see samples of previous custom web designs the designer has created or read your reviews?, opens windowshade content"> <span class="h4-style windowshade-button-text">Can I see samples of previous custom web designs the designer has created or read your reviews?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287318_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287318_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287318", "label":"" , "tag":"div"}' > <p>Yes! You can check out our extensive portfolio of web design work on our site here: <a href="https://bizango.com/gallery">Bizango web design gallery</a>. You can also read reviews from our many happy customers here: <a href="https://bizango.com/seattle-web-design-company/reviews">Bizango Reviews</a>.</p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287317_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287317_windowshade-content" aria-label="What kind of support will I receive after the website is launched?, opens windowshade content"> <span class="h4-style windowshade-button-text">What kind of support will I receive after the website is launched?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287317_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287317_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287317", "label":"" , "tag":"div"}' > <p>We are here to provide support even after your site launches. Bizango is a US-based company and our office is located in the Pacific Time Zone, in Seattle, WA.  We have a ticketing system that helps us track email requests and we typically respond to tickets within 1-2 business days.</p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287316_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287316_windowshade-content" aria-label="Can you provide ongoing maintenance and updates for the website?, opens windowshade content"> <span class="h4-style windowshade-button-text">Can you provide ongoing maintenance and updates for the website?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287316_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287316_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287316", "label":"" , "tag":"div"}' > <p>Yes. For sites that are built using Bizango’s CMS, we handle all of the backend maintenance as part of your hosting. Most of our clients can do their own site updates using our <a href="https://bizango.com/content-management-system">super easy editing tools</a>, but if you’d rather have us take care of making edits to the site we can for an additional fee.</p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287325_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287325_windowshade-content" aria-label="Can the website be optimized for search engines during the design process?, opens windowshade content"> <span class="h4-style windowshade-button-text">Can the website be optimized for search engines during the design process?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287325_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287325_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287325", "label":"" , "tag":"div"}' > <p>Yes, we can provide onsite search engine optimization as part of your web design package. For projects that include onsite SEO, we begin the process with doing a comprehensive site audit and keyword research. We then use this information to form our onsite SEO strategy and build this into your site.</p> </div> </div> </div> </div> <div class="element__windowshade_content element-0 faqs__faq"> <button id="287324_windowshade-button" class="windowshade-button " aria-expanded="false" aria-controls="287324_windowshade-content" aria-label="How can I ensure that the custom web design meets my expectations?, opens windowshade content"> <span class="h4-style windowshade-button-text">How can I ensure that the custom web design meets my expectations?</span> <div class="windowshade-plus"><span></span><span></span></div> </button> <div id="287324_windowshade-content" class="windowshade__content " aria-hidden="true"> <div class="element__text element-0 faq__content"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287324_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287324", "label":"" , "tag":"div"}' > <p>To ensure that the custom web design meets your expectations it’s important that you communicate with us through out your project!  Knowing your goals, expectations and desires from the very start of your project helps us create something that you will love. Our creative, iterative process is truly collaborative and so we expect that clients will fully participate in this process and we depend on open, honest and timely feedback during the design process.</p> </div> </div> </div> </div> </div> <div class="element__windowshade_script element-1 "> <script> $(document).ready(function(){ $('#287315').on('click keyup', '.windowshade-button', function(e){ if (e.type == 'click' || e.key == 'Space') { let expandedState = $(this).attr('aria-expanded') == 'false' ? false : true; $(this).attr('aria-expanded', String(!expandedState)).toggleClass('active'); $(this).siblings('.windowshade__content').eq(0).slideToggle().attr('aria-hidden', String(expandedState)); } }); }); </script> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287326"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287326" class="block block_id-287326 block_type__1-column padding-bottom__normal padding-top__none"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap "> <div class="col-1 "> <div class="element__attachment element-0 "> </div> <div class="element__image element-1 "> </div> <div class="element__text element-2 "> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287326_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287326", "label":"" , "tag":"div"}' > <h5 class="h4-style" style="text-align: right;"><strong>Have more questions? Feel free to reach out!</strong></h5> <p style="text-align: right;"><a class="line-link line-link--gold" href="https://bizango.com/contact">Ask A Question</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="block_container " data-content-id="287547"> <div class="block__bg-img block_container__bg-img" style="display:none;"></div> <div id="287547" class="block block_id-287547 form-2024 site-block block_type__form padding-bottom__normal padding-top__normal"> <div class="block__bg-img"></div> <div class="page_frame group"> <div class="all-cols-wrap display-flex flex-wrap"> <div class="col-1 "> <div class="element__text element-0 form__top-text"> <div class="bizango_cms bizango_cms_content bizango_content_prose textdiv_prose" id="content_287547_prose" data-bizango='{"monkey":"data", "field":"prose", "object_type":"content", "cms_id":"287547", "label":"" , "tag":"div"}' > <p class="h3-style"><span style="color:#f22e69;"><strong>What If...</strong></span></p> </div> </div> <div class="element__rotating_form_questions element-1 form__rotating-questions"> <div class="rotating-form-question-container"> <span id="question_287547" class="h4-style"></span> </div> <script defer="defer" src="/javascripts/bz1/typed.umd.js?1704312060" type="text/javascript"></script> <script> $(document).ready(function(){ const questionArr = ["^700 Your website showed off your latest and greatest?", "^700 You were proud of the way your brand was represented online?", "^700 Your marketing agency functioned transparently, like part of your in-house team?"]; const textTarget = document.getElementById("287547_question"); let options = { root: null, rootMargin: "0px", threshold: 1.0, }; const intersectionCallback = (entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { console.log('INTERSECT'); var typed = new Typed('#question_287547', { strings: questionArr, typeSpeed: 40, backSpeed: 35, smartBackspace: false, shuffle: true, loop: true, startDelay: 200, backDelay: 4000, }); observer.unobserve(target); } }); } let observer = new IntersectionObserver(intersectionCallback, options); const target = $('#287547 .rotating-form-question-container').get()[0]; observer.observe(target); }); </script> </div> <div class="element__text element-2 form__bottom-text"> <div class="bizango_cms bizango_cms_content bizango_content_rich1 textdiv_rich1" id="content_287547_rich1" data-bizango='{"monkey":"data", "field":"rich1", "object_type":"content", "cms_id":"287547", "label":"" , "tag":"div"}' > <p class="h4-style">Let's talk about your project.</p> </div> </div> </div> <div class="col-2 "> <div class="element__form_2024 element-0 form-2024__form"> <style> .element__form .form-field input.error { border: 2px solid red; border-radius: 5px; display: block; } label.error { background-color: red; border-radius: 5px; color: white; margin-top: 5px; padding: 5px; } </style> <form id="superform-footer" class="superform " aria-live="aggressive" action="/superform" method="post"> <div class="form__col form__col"> <div class="form-field form-field-0 form-field__input-text "> <label id="form-field-label__0" for="form-field__0" for="form-field__0">your name<span class="required-str"></span></label> <input id="form-field__0" type="text" aria-labelledby="form-field-label__0" placeholder="" name="your name" class="superform_field your-name " > </div> <div class="form-field form-field-1 form-field__input-text "> <label id="form-field-label__1" for="form-field__1" for="form-field__1">business name<span class="required-str"></span></label> <input id="form-field__1" type="text" aria-labelledby="form-field-label__1" placeholder="" name="business name" class="superform_field business-name " > </div> <div class="form-field form-field-2 form-field__input-text "> <label id="form-field-label__2" for="form-field__2" for="form-field__2">email<span class="required-str"> *</span></label> <input id="form-field__2" type="text" aria-labelledby="form-field-label__2" placeholder="" name="email" class="superform_field email required" required=required> </div> <div class="form-field form-field-3 form-field__input-text "> <label id="form-field-label__3" for="form-field__3" for="form-field__3">phone<span class="required-str"> *</span></label> <input id="form-field__3" type="text" aria-labelledby="form-field-label__3" placeholder="" name="phone" class="superform_field phone required" required=required> </div> <div class="form-field form-field-4 form-field__input-text "> <label id="form-field-label__4" for="form-field__4" for="form-field__4">current website<span class="required-str"></span></label> <input id="form-field__4" type="text" aria-labelledby="form-field-label__4" placeholder="" name="current website" class="superform_field current-website " > </div> </div> <div class="form__col form__col"> <div class="form-field form-field-0 form-field__textarea "> <label id="form-field-label__0" for="form-field__0">what are your goals for this project?<span class="required-str"></span></label> <textarea id="form-field__0" aria-labelledby="form-field-label__0" placeholder="" name="what are your goals for this project?" class="superform_field what-are-your-goals-for-this-project " ></textarea> </div> <input id="287547_form-page" type="hidden" name="Form Page" value="Web Design"> <div id="captcha-456" class="form-field form-field__input-captcha"></div> </div> <div class="form__col submit-col"> <div class="form-field form-field__submit"> <input type="hidden" name="superform" value="456"> <button type="submit" id="superform_submit" class="">LET'S DO THIS</button> </div> </div> </form> <script src="/javascripts/jquery.form.min.js?1394470891" type="text/javascript"></script> <script src="/javascripts/jquery.validate.1.11.1.min.js?1389554289" type="text/javascript"></script> <script> $(document).ready(function() { $("#captcha-456").load("/captcha?sfid=456"); jQuery.validator.addMethod("defaultInvalid", function(value, element){ return !(element.value == element.defaultValue); }); $("#superform-footer").validate({ showErrors: function(){ $(window).trigger('resize.px.parallax'); this.defaultShowErrors(); }, submitHandler: function(form) { jQuery(form).ajaxSubmit({ target: "#superform-footer", replaceTarget: true, success: function(){ $(window).trigger('resize.px.parallax'); }, error: function (xhr, ajaxOptions, thrownError) { alert(xhr.responseText); $("#superform_spamhash").addClass("error"); $("#superform_submit").val("Submit"); $(window).trigger('resize.px.parallax'); } }); event.preventDefault(); return false; } }); jQuery.validator.addMethod("phoneUS", function(phone_number, element) { phone_number = phone_number.replace(/\s+/g, ""); return this.optional(element) || phone_number.length > 9 && phone_number.match(/^(1-?)?($[2-9]\d{2}$|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); }, "Please specify a valid phone number"); jQuery.extend(jQuery.validator.messages, { required: "Please include this information.", email: "Please include a valid email address.", digits: "Please enter only digits.", equalTo: "Please enter the same value again.", defaultInvalid: "Please include this information." }); }); </script> </div> </div> </div> </div> </div> </div> </div> </main> <div id="footer"> <div class="page_frame"> <div id="footer_nav"> <ul role="menu" id="Footer_nav" aria-label="Footer navigation" class="nav nav--footer"> <li role="none" class="nav__li"> <a role="menuitem" id="nav_services" class="nav__a" href="/services" >Services</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_portfolio" class="nav__a" href="/gallery" >Portfolio</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_home" class="nav__a" href="/" >Home</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_company" class="nav__a" href="/seattle-web-design-company" >Company</a>  </li> <li role="none" class="nav__li"> <a role="menuitem" id="nav_contact" class="nav__a" href="/contact" >Let's Begin</a>  </li> </ul> </div> </div> <div class="footer-text_container"> <span id="footer_text">BIZANGO</span> </div> </div> <script type="text/javascript"> //Deal with UTMs var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = window.location.search.substring(1), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]); } } }; function setCookie(key, value, expiry) { // expiry = days var expires = new Date(); expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000)); document.cookie = key + '=' + value + ';expires=' + expires.toUTCString(); } function getCookie(key) { var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)'); return keyValue ? keyValue[2] : null; } function eraseCookie(key) { var keyValue = getCookie(key); setCookie(key, keyValue, '-1'); } //get New UTM from querystring var new_utm_campaign = getUrlParameter('utm_campaign'); if (new_utm_campaign!==undefined){ // we found a new UTM in the querystring setCookie('utm_campaign', new_utm_campaign, 1) } // see utm below... function classBgColorForAboveAndBelowBlocks(){ $("[data-sortable] .block_container").each(function(index){ var currentBlock = $(this); var aboveBlock = $(this).prev().find(".block").get(0); var aboveBlockClassList = null; if (aboveBlock) { aboveBlockClassList = aboveBlock.classList; $(aboveBlockClassList).each(function(index,className){ if (className.match("^background-color.*")){ $(currentBlock).find(".block").removeClass(function() { return (this.className.match(/above-block-background-color\w*/g) || []).join(' '); }) $(currentBlock).find(".block").addClass("above-block-" + className); } }); } var belowBlock = $(this).next().find(".block").get(0); var belowBlockClassList = null; if (belowBlock) { belowBlockClassList = belowBlock.classList; $(belowBlockClassList).each(function(index,className){ if (className.match("^background-color.*")){ $(currentBlock).find(".block").removeClass(function() { return (this.className.match(/below-block-background-color\w*/g) || []).join(' '); }) $(currentBlock).find(".block").addClass("below-block-" + className); } }); } }); } function overlayHeaderNav(){ var header = $("header"); header.removeAttr("style"); var headerBgColorValues = header.css('background-color').match(/[\d\.]+/g); var headerHeight = header.innerHeight(); var firstBlockContainer = $("[data-sortable] .block_container:first-child"); if (firstBlockContainer.length > 0 && typeof(headerBgColorValues[3]) != 'undefined' && headerBgColorValues[3] < 1 && 'page' != 'blog4' || ('page' == 'blog4' && '' != 'true')){ var firstBlock = firstBlockContainer.find('.block'); firstBlockContainer.removeAttr('style'); firstBlock.removeAttr('style'); firstBlockContainer.css("margin-top", headerHeight + "px"); firstBlock.css("margin-top", "-" + headerHeight + "px"); firstBlock.css('padding-top', (parseInt(firstBlock.css('padding-top')) + headerHeight) + "px"); } else { header.css("position", "relative"); } } function headerTextColor(){ var firstBlock = $("[data-sortable] .block_container:first-child .block"); const firstBlockBG = firstBlock.attr('class').match(/background\-color__\w+/g)? firstBlock.attr('class').match(/background\-color__\w+/g)[0] : 'background-color__transparent'; $('header').addClass('header-' + firstBlockBG); } if ('page' != 'blog4' || ('page' == 'blog4' && '' != 'true')) { headerTextColor(); } else if ('page' == 'blog4' && '' == 'true') { $(".header").addClass('header-background-color__quaternary') } if (ResizeObserver) { var ro = new ResizeObserver(function(entries){ for (let entry of entries) { overlayHeaderNav(); } }); ro.observe(document.querySelector('.header')); // this fires once immediately } classBgColorForAboveAndBelowBlocks(); $(document).ajaxComplete(function(){ classBgColorForAboveAndBelowBlocks(); overlayHeaderNav(); }); $("#nav_webdesign").addClass("current"); // $("[data-toggle-show]").on("click", function(){ // var target = $(this).attr("data-toggle-show"); // var expandedState = $(this).attr('aria-expanded') == 'true' ? true : false; // $(this).attr('aria-expanded', String(!expandedState)); // $(target).toggleClass("toggle-show"); // }); $(document).ready(function() { $('a[href^="#"]').on('click', function(e){ e.preventDefault(); const ID = $(this).attr('href'); const target = $(ID).get()[0] lenis.scrollTo(target, {duration: 1}); }); $(".header__mobile-nav-toggle").on("click", function(){ var toggleState = $(this).attr('aria-expanded') == 'true' ? false : true; $('header').toggleClass('mobile-active'); $(this).attr('aria-expanded', String(toggleState)).toggleClass('is-active'); $('#mobile_nav').attr({"aria-hidden": String(!toggleState)}).slideToggle(); }); $('.nav__toggle-subnav').on('click', function(e) { e.preventDefault(); var plusExpanded = $(this).attr('aria-expanded') == 'false' ? 'true' : 'false'; $(this).parent().attr('aria-expanded', plusExpanded); $(this).parents('li').toggleClass('active'); $(this).parent().siblings('.nav--mobile-subnav').slideToggle(); }) // $('#mobile_nav .nav').hide(); // $('#mobile_nav .icon').on('click', function() { // $(this).siblings('.nav').slideToggle(); // }) // $('#mobile_nav .nav a.has-subnav:not(#nav_portfolio)').on('click', function(e) { // e.preventDefault(); // $(this).parent().toggleClass('active'); // $(this).siblings('.subnav').slideToggle(); // }) // $(".noclick").click(function() { // return false; // }); // $("#nav_webdesign").addClass("current"); // $("#nav_services").addClass("current"); // $(".subopen").click(function() { // $(this).toggleClass("closeme"); // $(this).siblings("ul").slideToggle("fast"); // return false; // }); $("input[name=utm_campaign]").val(getCookie('utm_campaign')) console.log(getCookie('utm_campaign')); // For Chromium Edge // var browser = (function (agent) { // switch (true) { // case agent.indexOf("edge") > -1: return "edge"; // case agent.indexOf("edg") > -1: return "chromium based edge (dev or canary)"; // } // })(window.navigator.userAgent.toLowerCase()); // if (browser == "chromium based edge (dev or canary)") { // $('body').addClass('chromium-edge') // } }); </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TPTKPMC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> /* <![CDATA[ */ // DO NOT CHANGE THE CODE BELOW. goog_snippet_vars = function() { var w = window; w.google_conversion_id = 1061205070; w.google_conversion_label = "1ocGCKeniGYQzuiC-gM"; w.google_remarketing_only = false; } goog_report_conversion = function(url) { goog_snippet_vars(); window.google_conversion_format = "3"; var opt = new Object(); opt.onload_callback = function() { if (typeof(url) != 'undefined') { window.location = url; } } var conv_handler = window['google_trackConversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } goog_snippet_vars_2 = function() { var w = window; w.google_conversion_id = 1061205070; w.google_conversion_label = "a7cQCKrym2cQzuiC-gM"; w.google_remarketing_only = false; } // DO NOT CHANGE THE CODE BELOW. goog_report_conversion_2 = function(url) { goog_snippet_vars_2(); window.google_conversion_format = "3"; var opt = new Object(); opt.onload_callback = function() { if (typeof(url) != 'undefined') { window.location = url; } } var conv_handler = window['google_trackConversion']; if (typeof(conv_handler) == 'function') { conv_handler(opt); } } /* ]]> */ </script> <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion_async.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1061205070/?label=1ocGCKeniGYQzuiC-gM&value=0&guid=ON&script=0"/> </div> </noscript> <script> $(function(){ $('body').on('click', '#superform_submit, .hs-submit .hs-button', function(){ goog_report_conversion(); goog_report_conversion_2(); gtag('event', 'submit', {'event_category': 'form'}); }); }); $("a[href^='tel']").on("click", function(){ gtag('event', 'click', { 'event_category': 'phone'}); }); </script> <script> function executeLazyFunction(element) { var lazyFunctionName = element.getAttribute("data-lazy-function"); var lazyFunction = window.lazyFunctions[lazyFunctionName]; if (!lazyFunction) return; lazyFunction(element); } var myLazyLoad = new LazyLoad({ unobserve_entered: true, // <- Avoid executing the function multiple times callback_enter: executeLazyFunction // Assigning the function defined above }); window.lazyFunctions = { load: function (element) { // Remove any sizing attributes after image loaded $(element).attr('style', ''); setTimeout(function(){ $(window).trigger('resize'); },500); } }; </script> </body> </html>

CINXE.COM

Seattle Website Design by Bizango