CINXE.COM
Bluehouse Group
<!DOCTYPE html> <html lang="en" x-data="$store.bubbleApp" :data-theme="$store.bubbleApp.currentTheme"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bluehouse Group</title> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-M3W97HRFBJ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-M3W97HRFBJ'); gtag('config', 'AW-1037027091'); </script> <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script><link rel="stylesheet" href="/css/main.css"> <script src="/js/app.js" type="module" defer init></script> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="description" content="Bluehouse Group is a web and mobile app development agency. We build killer websites, complex apps, and concrete partnerships."> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <meta property="og:url" content="https://bluehouse.group/"> <meta property="og:site_name" content="Bluehouse Group"> <meta property="og:title" content="Bluehouse Group | Creative Coding & Powerful Partnerships"> <meta property="og:description" content="Bluehouse Group is a web and mobile app development agency. We build killer websites, complex apps, and concrete partnerships."> <meta property="og:image" content="https://bluehouse.group/images/og/og-default.png"> <meta property="og:image:width" content="1280"> <meta property="og:image:height" content="640"> <meta property="og:image:alt" content="Bluehouse Group logo in white on a violet background with triangles in a lighter shade of violet."> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:site" content="@bluehousegroup"> <meta property="twitter:creator" content="@bluehousegroup"> <meta property="twitter:url" content="https://bluehouse.group"> <meta property="twitter:title" content="Bluehouse Group | Creative Coding & Powerful Partnerships"> <meta property="twitter:description" content="Bluehouse Group is a web and mobile app development agency. We build killer websites, complex apps, and concrete partnerships."> <meta property="twitter:image"content="https://bluehouse.group/images/og/og-default.png"> <meta property="twitter:image:alt" content="Bluehouse Group logo in white on a violet background with triangles in a lighter shade of violet."> <link rel="canonical" href="https://bluehouse.group/"> <link rel="alternate" href="/feed.xml" title="Bluehouse Group Blog" type="application/atom+xml"></head> <body class="home layout--default masthead--fill" > <!-- |\ _,,,---,,_ ZZZzz /,`.-'`' -. ;-;;,_ |,4- ) )-,_. ,\ ( `'-' '---''(_/--' `-'\_) --> <!-- Hai there. This site contains no WordPress, SilverStripe, SquareSpace, or Wix elements. For more information about how it was built, click the 'credits' link in the footer. --> <div class="page"> <a href="#main-content" class="skip-link">Skip to main content.</a> <header class="masthead"> <div class="container"> <div class="masthead-inner"> <a href="/" class="masthead__bhg-logo" aria-current="page"><svg class="bhg-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 66"> <title>Bluehouse Group</title> <path class="bhg-logo__bold" d="M333.31 64.53c-7.84 0-13.54-4.08-15.55-10.95h2.53c1.88 5.38 6.61 8.55 13.02 8.55 8.55 0 14.06-5.83 14.06-14.84v-6.87c-2.66 5.18-7.84 8.62-14.19 8.62-9.2 0-16.65-7.84-16.65-17.43s7.45-17.62 16.65-17.62c6.35 0 11.53 3.43 14.19 8.68v-7.84h2.4V47.3c0 10.3-6.61 17.23-16.46 17.23Zm-.13-17.95c8.23 0 14.19-6.28 14.19-14.97s-5.96-15.16-14.19-15.16-14.25 6.8-14.25 15.16 6.35 14.97 14.25 14.97Zm51.24-16.2v-2.14c0-7.06-4.66-11.79-11.6-11.79s-11.66 4.92-11.66 11.79V48.2h-2.4V14.84h2.4v5.7c2.33-3.95 6.48-6.54 11.66-6.54 8.23 0 14 5.9 14 14.25v2.14h-2.4Zm39 1.23c0 9.59-7.52 17.36-16.72 17.36s-16.65-7.77-16.65-17.36 7.52-17.62 16.65-17.62 16.72 7.91 16.72 17.62Zm-16.72 15.1c7.91 0 14.25-6.8 14.25-15.1s-6.35-15.36-14.25-15.36-14.25 6.87-14.25 15.36 6.41 15.1 14.25 15.1Zm48.52 1.49v-5.51c-2.27 3.89-6.41 6.28-11.66 6.28-8.1 0-14-5.9-14-14V14.84h2.4v20.15c0 6.74 4.92 11.6 11.6 11.6s11.66-4.86 11.66-11.6V14.84h2.4v33.37h-2.4Zm28.05.78c-6.15 0-11.47-3.56-14.25-8.81v22.87h-2.4v-48.2h2.4v8.1c2.79-5.31 8.1-8.94 14.25-8.94 9.2 0 16.72 7.91 16.72 17.62s-7.52 17.36-16.72 17.36Zm0-2.4c7.9 0 14.25-6.74 14.25-14.97s-6.35-15.16-14.25-15.16-14.25 6.8-14.25 15.16 6.41 14.97 14.25 14.97Z"/> <path class="bhg-logo__light" d="M34.21 31.68c0 9.39-7 17.3-17.1 17.3S0 41.08 0 31.42V0h8.55v31.42c0 5.12 3.82 9.27 8.55 9.27s8.55-4.02 8.55-9.01-3.82-8.62-8.75-8.62h-4.92v-8.22h5.96c9.33 0 16.26 7.52 16.26 16.85ZM48.14 0v34.21c0 4.73 2.14 6.41 6.35 6.15v7.77c-9.78 1.04-14.97-4.79-14.97-13.93V0h8.62ZM73.6 48.98c-9.33 0-14.84-6.15-14.84-14.9V14.84h8.55v19.5c0 1.88.65 6.35 6.28 6.35 3.76 0 6.48-2.66 6.48-6.35v-19.5h8.55v19.24c0 8.49-5.96 14.9-15.03 14.9Zm37.64-27.21c-4.79 0-8.75 4.28-8.75 9.85s3.95 9.59 8.75 9.59c2.85 0 5.64-1.1 7.19-3.63h9.01c-1.94 6.8-7.84 11.47-16.07 11.47-9.46 0-17.17-7.84-17.17-17.43S101.91 14 111.37 14s18.14 7.52 16.72 20.86h-21.06v-7.13h12.51c-1.17-3.76-4.47-5.96-8.29-5.96Zm44.25 26.44V28.7c0-1.94-.65-6.35-6.22-6.35-3.82 0-6.48 2.59-6.48 6.35v19.5h-8.62V0h8.62v16.59c2.14-1.62 4.73-2.59 7.65-2.59 8.16 0 13.61 5.9 13.61 14.71v19.5h-8.55Zm47.75-16.65c0 9.98-7.58 17.43-16.85 17.43s-16.78-7.45-16.78-17.43S177.13 14 186.39 14s16.85 7.58 16.85 17.56Zm-16.85 9.59c4.53 0 8.23-3.89 8.23-9.52s-3.69-9.78-8.23-9.78-8.23 4.02-8.23 9.78 3.69 9.52 8.23 9.52Zm37.25 7.84c-9.33 0-14.84-6.15-14.84-14.9V14.84h8.55v19.5c0 1.88.65 6.35 6.28 6.35 3.76 0 6.48-2.66 6.48-6.35v-19.5h8.55v19.24c0 8.49-5.96 14.9-15.03 14.9Zm28.96-11.66c1.23 2.66 4.6 3.89 7.13 3.89 3.43 0 6.35-1.3 6.35-2.98 0-1.88-1.49-2.72-7.32-3.63-5.96-.91-13.93-2.46-13.93-9.91 0-5.25 4.6-10.69 14.25-10.69 7.65 0 13.35 4.15 14.45 10.43h-8.88c-.52-1.3-2.4-2.79-5.57-2.79-3.95 0-5.9 1.43-5.9 2.72 0 1.68 2.79 2.27 6.93 2.91 8.29 1.36 14.25 3.17 14.25 10.43 0 6.61-6.09 11.34-14.64 11.34s-14.77-4.47-15.81-11.73h8.68Zm42.76-15.55c-4.79 0-8.75 4.28-8.75 9.85s3.95 9.59 8.75 9.59c2.85 0 5.64-1.1 7.19-3.63h9.01c-1.94 6.8-7.84 11.47-16.07 11.47-9.46 0-17.17-7.84-17.17-17.43s7.71-17.62 17.17-17.62 18.14 7.52 16.72 20.86h-21.06v-7.13h12.51c-1.17-3.76-4.47-5.96-8.29-5.96Z"/> </svg> </a> <div class="masthead-controls"> <div x-data="{ showThemeSelection: false, close(focusAfter) { if (! this.showThemeSelection) return this.showThemeSelection = false focusAfter && focusAfter.focus() }, toggle() { if (this.showThemeSelection) { return this.close() } this.$refs.button.focus() this.showThemeSelection = true }, }" @keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.themeSwitch.contains($event.target) && close()" class="theme-switch" role="region" aria-labelledby="theme-switch__label"> <button type="button" x-ref="button" @click.prevent="toggle()" class="theme-switch-button" :aria-expanded="showThemeSelection" aria-controls="theme-selector" > <span class="visually-hidden" id="theme-switch__label">Theme Switch</span> <svg class="" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="32" height="32" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"> </path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path> </svg> </button> <div x-ref="themeSwitch" x-show="showThemeSelection" @click.outside="close($refs.button)" x-transition:enter.scale.0.origin.top.right x-transition:leave.scale.110.origin.top.right class="theme-selector" id="theme-selector"> <div class="theme-selector__inner"> <template x-for="(theme, index) in themes" :key="index"> <div class="theme-selector__item"> <button type="button" @click.prevent="currentTheme = theme.name" :aria-pressed="currentTheme === theme.name" class="theme-selector__button" :class="$store.bubbleApp.themes[index].name"> <div> <svg x-transition x-show="currentTheme === theme.name" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="theme-selector__icon"> <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /> </svg> </div> <span x-text="theme.label"></span> </button> </div> </template> </div> </div> </div> <nav x-data="{ open: false, close(focusAfter) { if (! this.open) return this.open = false focusAfter && focusAfter.focus() }, toggle() { if (this.open) { return this.close() } this.$refs.button.focus() this.open = true }, }" x-cloak x-trap.noScroll.inert="open" x-on:keydown.escape.prevent.stop="close($refs.button)" :class="{'open' : open}" aria-label="Site" class="main-nav"> <button x-ref="button" type="button" @click="toggle()" :aria-expanded="open" class="main-nav-toggle"> <svg :class="{'blinds-open' : open}" class="venetian-blinds" width="28" height="28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"> <path d="M0 14H28" /> <path d="M0 14H28" /> <path d="M0 14H28" /> </svg> <span class="visually-hidden">Menu</span> </button> <div x-show="open" x-transition x-cloak role="dialog" aria-modal="true" class="main-nav-wrap"> <div class="scene-wrapper"> <svg class="summer-scene nav-scene" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3000 1614"> <path class="sky-background" d="M3000 1614H0V34l791 78L1709 0l794 88 497-54v1580z"/> <path class="water" d="M0 1361h3000v253H0z"/> <path class="sun" class="cls-2" d="m805,433c87,0,142,59,142,135,0,98-90,139-143,139-51,0-140-25-140-147,0-54,58-127,141-127Z"/> <path class="mountains-background" d="M0 811s22-2 31-5 49-15 58-17 53-13 64-16 22.5-9.5 31.5-10.5 55-9 105-23 67-15 90-20 29-8 44-8 22 8 38 18 39 30 63 30 37-5 70-5c18 0 26 4 45 6 0 0 47 7 77 9s50 2 72 4 92 11 122 11 68-12 85-19 95-36 133-36c10 0 18 4 33 4s40-14 54-19 67-23 76-25 46-15 70-15 33 7 46 13 22 14 37 19 19 7 30 11 17 8 30 8 29-8 38-12 14-5 23-5 9 4 25 14 38 23 57 27 22 12 48 15 37 4 49 6 23 6 35 8 14-1 24-1 22 4 36 3 33-4 55-4c12 0 16 3 33 10s42 17 85 20 112 9 151 17 59 25 95 25 60-17 80-25 46-20 68-31 46-12 62-13 19-3 35 0 26 5 38 10 31 21 48 21 32-10 59-9 96 15 135 29 79 29 103 37 84.5 31 113.5 39V1148H0V811Z"/> <path class="mountains-foreground" d="M0 1129s90-30 102-32 37-14 47-17 51-5 65-11 68.5-36.5 105.5-42.5 121-20 150-30 89-34 129-34 68 22 104 22 92-14 114-25 82-32 101-36 88-13 116-19 67-19 96-19 55 6 83 17 94 43 112 47 51 21 83 21 73-5 99-17 161-114 212-114 57 13 90 13 72-10 131-10 270 68 367 68 190 10 227 14 63 11 82 13 29-2 45-1 28 16 56 22 63 1 100 12 183.5 53 183.5 53v357H0V1129Z"/> <path class="cloud-right" class="cls-2" d="m1333.5,642.5c29,0,63,6,111,6s53-6,76-6,39,3,51,3,20-4,32-4,29,2,48,2,28-8,28-12-1-13-23-13-23.5.5-28.5-.5c-5.72-1.14-4.5-4.5-11.5-6.5s-12,0-18-3-5-5-8-8-12-7-17-8-9,1-13,0,0-4-12-4-32,2-43,2-25-3-25-3c0,0,3-35-33-35,3-18,5-48-21-74s-63-26-83-13c-8-8-31-25-63-25-40,0-82,24-77,83-22-7-71,15-58,60-8,1-14-3-25-3-6,0-15,0-23,7s-10,18-16,20-17.39,3.04-35,5-23,13-23,19,3,12,25,12,256-1,285-1Z"/> <path class="cloud-left" class="cls-2" d="m397.5,566.5s-26-4-47-4-38,3-49,3-24-9-36-9-30,6-37,6-11-5-12-10-5-13-13-13-14,1-18,4c0-21-26-70-91-61,12-63-42.5-89-94.5-89v220s39.5,1,66.5,0,41-2,60,0,19.97,5,36,5c23,0,45-12,93-17,32.82-3.42,59,6,79,6s70-2,77-12c2.87-4.1,8-5,12-6s37-2,37-14-44-7-63-9Z"/> <g class="boat"> <path d="M2013 1310c-2.5 0-3.5 1.5-3.5 4.5s-2 25 37 79 75.06 71.24 254 76c73.13 1.95 161.12-3.97 206-9 116-13 132-78 132-120 0-8-2-20-7-24-7-1-616-6.5-618.5-6.5Z"/> <path d="M2240 357s-50 956-36 972h25c7-48 24-967 24-967l-13-5Z"/> <path d="M2253.5 344.5S2202 573 2202 792s8.5 348.5 24.5 409.5 38 78 38 82-1 5-19 5-249-1-257 0-9 1-9-3 3-3 4-5 251-937 264-943l6 7Z"/> <path d="M2384.5 1213.5 2254 1288s-10-938-5-948c4.5 1.5 9.5 6.5 11 11s113.5 795.5 124.5 862.5Z"/> </g> <path class="boat-mask" d="M2067 1424s24 15 52 15 33.5 1.5 49.5-4.5c15 6 19 7 29 7s24-1 32-6c9 6 27 10 45 12s34-1 41-1 22 9 37 9 33 1 54-8c11 3 16 4 21 4s19-1 28-9c3 2 9 3 16 3s23-3 27-7c4 4 10 6 19 6s20-4 29-5 43 6 71-14c0 31-259 100-259 100l-219 1L2067 1424Z"/> </svg> </div> <div class="container"> <div class="main-nav-wrap__inner"> <ul class="main-nav-menu"> <li class="main-nav-menu__link "> <a href="/our-services/" >Our Services</a> </li> <li class="main-nav-menu__link "> <a href="/our-work/" >Our work</a> </li> <li class="main-nav-menu__link "> <a href="/who-we-are/" >Who we are</a> </li> <li class="main-nav-menu__link level-2"> <a href="/blog/" >Blog</a> </li> <li class="main-nav-menu__link level-2"> <a href="/careers/" >Careers</a> </li> <li class="main-nav-menu__link level-2"> <a href="/contact-us/" >Contact Us</a> </li> </ul> <div class="main-nav-details flow"> <a href="/"><span class="main-nav-logo"><svg class="bhg-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 66"> <title>Bluehouse Group</title> <path class="bhg-logo__bold" d="M333.31 64.53c-7.84 0-13.54-4.08-15.55-10.95h2.53c1.88 5.38 6.61 8.55 13.02 8.55 8.55 0 14.06-5.83 14.06-14.84v-6.87c-2.66 5.18-7.84 8.62-14.19 8.62-9.2 0-16.65-7.84-16.65-17.43s7.45-17.62 16.65-17.62c6.35 0 11.53 3.43 14.19 8.68v-7.84h2.4V47.3c0 10.3-6.61 17.23-16.46 17.23Zm-.13-17.95c8.23 0 14.19-6.28 14.19-14.97s-5.96-15.16-14.19-15.16-14.25 6.8-14.25 15.16 6.35 14.97 14.25 14.97Zm51.24-16.2v-2.14c0-7.06-4.66-11.79-11.6-11.79s-11.66 4.92-11.66 11.79V48.2h-2.4V14.84h2.4v5.7c2.33-3.95 6.48-6.54 11.66-6.54 8.23 0 14 5.9 14 14.25v2.14h-2.4Zm39 1.23c0 9.59-7.52 17.36-16.72 17.36s-16.65-7.77-16.65-17.36 7.52-17.62 16.65-17.62 16.72 7.91 16.72 17.62Zm-16.72 15.1c7.91 0 14.25-6.8 14.25-15.1s-6.35-15.36-14.25-15.36-14.25 6.87-14.25 15.36 6.41 15.1 14.25 15.1Zm48.52 1.49v-5.51c-2.27 3.89-6.41 6.28-11.66 6.28-8.1 0-14-5.9-14-14V14.84h2.4v20.15c0 6.74 4.92 11.6 11.6 11.6s11.66-4.86 11.66-11.6V14.84h2.4v33.37h-2.4Zm28.05.78c-6.15 0-11.47-3.56-14.25-8.81v22.87h-2.4v-48.2h2.4v8.1c2.79-5.31 8.1-8.94 14.25-8.94 9.2 0 16.72 7.91 16.72 17.62s-7.52 17.36-16.72 17.36Zm0-2.4c7.9 0 14.25-6.74 14.25-14.97s-6.35-15.16-14.25-15.16-14.25 6.8-14.25 15.16 6.41 14.97 14.25 14.97Z"/> <path class="bhg-logo__light" d="M34.21 31.68c0 9.39-7 17.3-17.1 17.3S0 41.08 0 31.42V0h8.55v31.42c0 5.12 3.82 9.27 8.55 9.27s8.55-4.02 8.55-9.01-3.82-8.62-8.75-8.62h-4.92v-8.22h5.96c9.33 0 16.26 7.52 16.26 16.85ZM48.14 0v34.21c0 4.73 2.14 6.41 6.35 6.15v7.77c-9.78 1.04-14.97-4.79-14.97-13.93V0h8.62ZM73.6 48.98c-9.33 0-14.84-6.15-14.84-14.9V14.84h8.55v19.5c0 1.88.65 6.35 6.28 6.35 3.76 0 6.48-2.66 6.48-6.35v-19.5h8.55v19.24c0 8.49-5.96 14.9-15.03 14.9Zm37.64-27.21c-4.79 0-8.75 4.28-8.75 9.85s3.95 9.59 8.75 9.59c2.85 0 5.64-1.1 7.19-3.63h9.01c-1.94 6.8-7.84 11.47-16.07 11.47-9.46 0-17.17-7.84-17.17-17.43S101.91 14 111.37 14s18.14 7.52 16.72 20.86h-21.06v-7.13h12.51c-1.17-3.76-4.47-5.96-8.29-5.96Zm44.25 26.44V28.7c0-1.94-.65-6.35-6.22-6.35-3.82 0-6.48 2.59-6.48 6.35v19.5h-8.62V0h8.62v16.59c2.14-1.62 4.73-2.59 7.65-2.59 8.16 0 13.61 5.9 13.61 14.71v19.5h-8.55Zm47.75-16.65c0 9.98-7.58 17.43-16.85 17.43s-16.78-7.45-16.78-17.43S177.13 14 186.39 14s16.85 7.58 16.85 17.56Zm-16.85 9.59c4.53 0 8.23-3.89 8.23-9.52s-3.69-9.78-8.23-9.78-8.23 4.02-8.23 9.78 3.69 9.52 8.23 9.52Zm37.25 7.84c-9.33 0-14.84-6.15-14.84-14.9V14.84h8.55v19.5c0 1.88.65 6.35 6.28 6.35 3.76 0 6.48-2.66 6.48-6.35v-19.5h8.55v19.24c0 8.49-5.96 14.9-15.03 14.9Zm28.96-11.66c1.23 2.66 4.6 3.89 7.13 3.89 3.43 0 6.35-1.3 6.35-2.98 0-1.88-1.49-2.72-7.32-3.63-5.96-.91-13.93-2.46-13.93-9.91 0-5.25 4.6-10.69 14.25-10.69 7.65 0 13.35 4.15 14.45 10.43h-8.88c-.52-1.3-2.4-2.79-5.57-2.79-3.95 0-5.9 1.43-5.9 2.72 0 1.68 2.79 2.27 6.93 2.91 8.29 1.36 14.25 3.17 14.25 10.43 0 6.61-6.09 11.34-14.64 11.34s-14.77-4.47-15.81-11.73h8.68Zm42.76-15.55c-4.79 0-8.75 4.28-8.75 9.85s3.95 9.59 8.75 9.59c2.85 0 5.64-1.1 7.19-3.63h9.01c-1.94 6.8-7.84 11.47-16.07 11.47-9.46 0-17.17-7.84-17.17-17.43s7.71-17.62 17.17-17.62 18.14 7.52 16.72 20.86h-21.06v-7.13h12.51c-1.17-3.76-4.47-5.96-8.29-5.96Z"/> </svg> </span></a> <p> 193 S. Winooski Ave.<br> Suite 100<br> Burlington, VT 05401 </p> <p><a href="mailto:hello@bluehousegroup.com">hello@bluehousegroup.com</a></p> <p><a href="tel:+1802 391 0404">+1 802 391 0404</a></p> </div> </div> </div> </div> </nav> </div> </div> </div> </header> <main id="main-content" class="main-content"> <section class="home-section home-hero"> <div class="content"> <div class="container"> <h1 class="hero-headline"> <span class="hero-headline__left"><em>Creative</em> coding</span> <span class="amp">&<br></span> <span class="hero-headline__right"><em>Powerful</em> partnerships</span> </h1> <p>Bluehouse Group is a web and mobile app development agency located in Burlington, Vermont. We build killer sites, complex apps, and concrete partnerships.</p> <p class="est">Est. 1998</p> </div> </div> <div class="image"> <div x-data="{ showMe: false }" class="shatter__wrap"> <svg class="shatter" x-intersect="showMe = true" :class="{ 'showing' : showMe }" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2887 1150" x-cloak> <polygon points="2433 876 2887 534 2887 0 2433 876" /> <polygon points="2192 437 2887 0 2058.98 0 2192 437" /> <polygon points="2433 876 2887 0 2192 437 2433 876" /> <polygon points="2582.98 1150 2887 534 2433 876 2582.98 1150" /> <polygon points="2582.98 1150 2887 534 2887 1150 2582.98 1150" /> <polygon points="2582.98 1150 2192 437 2067.65 1150 2582.98 1150" /> <polygon points="1120 564 2058.98 0 1468 0 1120 564" /> <polygon points="1514 969 2058.98 0 1666 236 1514 969" /> <polygon points="2067.65 1150 2192 437 1514 969 2067.65 1150" /> <polygon points="1356 1150 2067.65 1150 1514 969 1356 1150" /> <polygon points="1514 969 2192 437 2058.98 0 1514 969" /> <polygon points="1120 564 1468 0 831.98 0 1120 564" /> <polygon points="1514 969 1666 236 1120 564 1514 969" /> <polygon points="1000 651 1120 564 831.98 0 1000 651" /> <polygon points="1514 969 1120 564 1180 953 1514 969" /> <polygon points="1000 651 831.98 0 527 409 780 490 1000 651" /> <polygon points="1180 953 1120 564 1000 651 1180 953" /> <polygon points="1356 1150 1514 969 1180 953 1356 1150" /> <polygon points="527 409 831.98 0 0 0 393 354 527 409" /> <polygon points="461.65 1150 1180 953 1000 651 461.65 1150" /> <polygon points="461.65 1150 1000 651 780 490 461.65 1150" /> <polygon points="0 534 527 409 393 354 0 0 0 534" /> <polygon points="1356 1150 1180 953 461.65 1150 1356 1150" /> <polygon points="387 606 527 409 80 515 387 606" /> <polygon points="0 1150 780 490 527 409 0 1150" /> <polygon points="461.65 1150 780 490 0 1150 461.65 1150" /> <polygon points="0 1150 387 606 80 515 0 534 0 1150" /> </svg> </div> </div> </section> <section class="home-about"> <div class="container"> <div class="home-about__start flow"> <p><span aria-hidden="true"><span class="initial-cap">W</span>e’re</span><span class="visually-hidden">We’re</span> a passionate team of creatives that has been pioneering web design and app development in Vermont for over 25 years. </p> <p>Our team delivers expert problem-solving, sharp attention to detail, and vast user-focused design and development skills.</p> </div> <div class="home-about__end"> <svg class="bg-logo-animation" x-data="{ play: false }" x-cloak aria-hidden="true" x-intersect:enter="play = true" :class="{ 'line-chase' : play }" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 430 410"> <defs> <style> .monkey-path { clip-path: url(#clippath); } </style> <clipPath id="clippath"> <path class="cls-1" d="M395.33,275.61h-77.99c-43.41,0-72.57-29.01-72.57-72.19,0-45.42,31.82-78.38,75.67-78.38s74.9,33.7,74.9,78.38v72.19Z"/> </clipPath> </defs> <!-- <rect class="cls-1" width="430" height="410"/> --> <g class="monkey-path"> <g :class="{ 'bm' : play }"> <image width="98" height="120" transform="translate(282.91 153.12) rotate(19.59)" xlink:href="/images/elements/bubble-monkey-pink-sm.png"/> </g> </g> <path class="cls-2" d="M79.39,125.49h35.6c40.05,0,70.25,31.69,70.25,73.73s-32.36,76.45-75.28,76.45-75.28-33.53-75.28-77.99V10"/> <path class="cls-2" d="M351,275.61h-33.67c-43.41,0-72.57-29.01-72.57-72.19,0-45.42,31.82-78.38,75.67-78.38s74.9,33.7,74.9,78.38v89c0,54.23-34.23,80.7-76.06,80.7-45.16,0-69.18-24.14-69.18-42.77"/> </svg> </div> </div> </section> <section class="home-work container flow"> <h2 class="text-center"><a href="/our-work">Featured work</a></h2> <div class="home-work-item__wrapper"> <div class="home-work-item --vermont-mountain-bike-association" x-data x-link-card> <div class="home-work-item__inner"> <div class="home-work-item__image"> <picture> <source type="image/avif" srcset="/images/work/work-vmba.avif"> <source type="image/webp" srcset="/images/work/work-vmba.webp"> <img src="/images/work/work-vmba.png" alt="" loading="lazy" width="1024px" height="1024px"> </picture> </div> <div class="home-work-item__content"> <h3 class="home-work-item__heading"><a href="/our-work/vermont-mountain-bike-association/"><em>Vermont Mountain Bike Association</em> serves as the unified voice for mountain biking in Vermont</a></h3> </div> </div> </div> <div class="home-work-item --pc-construction" x-data x-link-card> <div class="home-work-item__inner"> <div class="home-work-item__image"> <picture> <source type="image/avif" srcset="/images/work/work-pc.avif"> <source type="image/webp" srcset="/images/work/work-pc.webp"> <img src="/images/work/work-pc.png" alt="" loading="lazy" width="1024px" height="1024px"> </picture> </div> <div class="home-work-item__content"> <h3 class="home-work-item__heading"><a href="/our-work/pc-construction/"><em>PC Construction</em> builds better by focusing on people first</a></h3> </div> </div> </div> <div class="home-work-item --nrg-systems" x-data x-link-card> <div class="home-work-item__inner"> <div class="home-work-item__image"> <picture> <source type="image/avif" srcset="/images/work/work-nrg.avif"> <source type="image/webp" srcset="/images/work/work-nrg.webp"> <img src="/images/work/work-nrg.png" alt="" loading="lazy" width="1024px" height="1024px"> </picture> </div> <div class="home-work-item__content"> <h3 class="home-work-item__heading"><a href="/our-work/nrg-systems/"><em>NRG Systems</em> builds wind and solar products designed for ease‑of‑use</a></h3> </div> </div> </div> <div class="home-work-item --vehi" x-data x-link-card> <div class="home-work-item__inner"> <div class="home-work-item__image"> <picture> <source type="image/avif" srcset="/images/work/work-vehi.avif"> <source type="image/webp" srcset="/images/work/work-vehi.webp"> <img src="/images/work/work-vehi.png" alt="" loading="lazy" width="1024px" height="1024px"> </picture> </div> <div class="home-work-item__content"> <h3 class="home-work-item__heading"><a href="/our-work/vehi/"><em>VEHI</em> creates a path to Wellness for Vermont’s Teachers</a></h3> </div> </div> </div> </div> </section> <section id="our-clients" class="client-logos"> <div class="client-logos__container container flow"> <h2 class="client-logos-heading">Our Partners</h2> <ul class="client-logos-list"> <li> <a href="https://www.uvm.edu"> <img src="/images/client-logos/uvm.svg" alt="University of Vermont" id="university-of-vermont" loading="lazy"> </a> </li> <li> <a href="https://www.allearthrenewables.com"> <img src="/images/client-logos/all-earth-renewables.png" alt="All Earth Renewables" id="all-earth-renewables" loading="lazy"> </a> </li> <li> <a href="https://alzimpact.org"> <img src="/images/client-logos/alz-impact.svg" alt="ALZ Impact" id="alz-impact" loading="lazy"> </a> </li> <li> <a href="https://campbillings.org"> <img src="/images/client-logos/camp-billings.png" alt="Camp Billings" id="camp-billings" loading="lazy"> </a> </li> <li> <a href="https://www.capecodcommission.org"> <img src="/images/client-logos/cape-cod-commission.svg" alt="Cape Cod Commission" id="cape-cod-commission" loading="lazy"> </a> </li> <li> <a href="https://www.clearwaterfiltration.com"> <img src="/images/client-logos/clear-water-filtration.svg" alt="Clear Water Filtration" id="clear-water-filtration" loading="lazy"> </a> </li> <li> <a href="https://www.deepanalyticsllc.com"> <img src="/images/client-logos/deep-analytics.png" alt="Deep Analytics" id="deep-analytics" loading="lazy"> </a> </li> <li> <a href="https://www.downtownboston.org"> <img src="/images/client-logos/downtown-boston.svg" alt="Downtown Boston" id="downtown-boston" loading="lazy"> </a> </li> </ul><div class="cta"> <a href="/our-work#our-clients">See more clients</a> </div></div> </section> <section class="home-our-history home-section-plain"> <div class="container"> <div class="home-our-history__content flow"> <h2>Our History</h2> <div class="home-column flow"> <p>Bluehouse Group had its start in the ’90s as a hardware and software company that worked primarily with IBM. In fact, the “Blue” in our name comes from the nickname for IBM, “Big Blue”. In the early 2000s, the company pivoted to focus entirely on crafting websites for the budding internet.</p> <p>Over the next twenty years, Bluehouse Group delivered countless sites spanning scores of industries. From band websites, to vacation rental startups, to sophisticated data visualization applications for the government, there are few industries that we haven’t touched.</p> <p>Our mascot is the humble Bubble Monkey, who symbolizes our quirky creativity, and can be found hiding in various places on our site. </div> </div> </div> </section> <section class="home-team home-section-plain"> <div class="container"> <div class="home-team__content flow"> <h2>Our Office</h2> <div class="home-column flow"> <p>Work has changed forever over the past few years, but we still believe it’s important to have a physical location in our community. Some of our staff enjoy coming in every day, some prefer to work from home, while others prefer a mix. We stock it with more candy than it has any right to contain, coffee for days, and even have a nap room — a staff favorite.</p> <p>After work, you’ll often find us watching movies on the projector, playing board games, hosting networking events, or barbecuing on the front patio. Feel free to drop in meet the team!</p> </div> <div class="cta"> <a href="/who-we-are/#the-team">Meet the team</a> </div> </div> </div> </section> </main> <svg class="divider divider--footer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100"> <rect fill="var(--layer-1)" width="1000" height="50"/> <rect fill="var(--layer-4)" y="50" width="1000" height="50"/> <polygon fill="var(--layer-3)" points="1000 41 1000 86 631 65 230 89 0 86 0 41 114 32 407 43 764 36 1000 41" /> <polygon fill="var(--layer-2)" points="0 10 0 60 100 44 425 55 757 51 886 64 1000 60 1000 10 829 27 593 13 270 30 0 10" /> </svg> <footer class="footer"> <div class="container"> <div class="footer-grid"> <div class="footer-contact"> <h2><small>Got a project?</small>Let’s talk<span class="blink" aria-hidden="true">_</span></h2> <p><a href="mailto:hello@bluehousegroup.com">hello@bluehousegroup.com</a></p> <p><a href="tel:+1802 391 0404">+1 802 391 0404</a></p> </div> <div class="footer-other"> <nav class="footer-nav" aria-label="Footer"> <ul> <li> <a href="/our-services/" > Our Services </a> </li> <li> <a href="/our-work/" > Our work </a> </li> <li> <a href="/who-we-are/" > Who we are </a> </li> <li> <a href="/blog/" > Blog </a> </li> <li> <a href="/careers/" > Careers </a> </li> <li> <a href="/contact-us/" > Contact Us </a> </li> </ul> </nav> <ul class="social-list"> <li><a href="https://www.linkedin.com/company/bluehouse-group"> <svg class="icon-linkedin" width="24" viewBox="0 0 18 18"> <title>Linkedin</title> <path d="M16.67,0H1.33A1.32,1.32,0,0,0,0,1.33V16.67A1.32,1.32,0,0,0,1.33,18H16.67A1.32,1.32,0,0,0,18,16.67V1.33A1.32,1.32,0,0,0,16.67,0ZM5.36,15.33H2.66V6.74h2.7ZM4,5.55A1.56,1.56,0,1,1,4,2.44,1.56,1.56,0,1,1,4,5.55Zm11.33,9.79h-2.7V10.65c0-1.39-.59-1.82-1.35-1.82A1.65,1.65,0,0,0,9.7,10.68v4.66H7V6.74h2.6v1.2h0A2.94,2.94,0,0,1,12.2,6.5c1.51,0,3.14.9,3.14,3.52Z"/> </svg> <span class="visually-hidden">Connect with us onLinkedIn</span> </a></li> <li><a href="https://www.tiktok.com/@bluehouse.group"> <svg class="icon-tiktok" xmlns="http://www.w3.org/2000/svg" width="22" viewBox="0 0 21 24"> <title>TikTok</title> <path d="m12,0h2.97c.22,1.07.81,2.43,1.85,3.77,1.02,1.32,2.37,2.23,4.18,2.23v3c-2.63,0-4.6-1.22-6-2.74v10.24c0,4.14-3.36,7.5-7.5,7.5S0,20.64,0,16.5s3.36-7.5,7.5-7.5v3c-2.49,0-4.5,2.01-4.5,4.5s2.01,4.5,4.5,4.5,4.5-2.01,4.5-4.5V0Z"/> </svg> <span class="visually-hidden">Follow us on TikTok</span> </a></li> <li><a href="https://www.instagram.com/bluehousegroup/"> <svg class="icon-instagram" width="24" viewBox="0 0 503.84 503.84"> <title>Instagram</title> <path d="M251.92,45.39c67.27,0,75.23.26,101.8,1.47,24.56,1.12,37.9,5.22,46.78,8.67a78,78,0,0,1,29,18.85,78,78,0,0,1,18.85,29c3.45,8.88,7.55,22.22,8.67,46.78,1.21,26.57,1.47,34.53,1.47,101.8s-.26,75.23-1.47,101.8c-1.12,24.56-5.22,37.9-8.67,46.78a83.51,83.51,0,0,1-47.81,47.81c-8.88,3.45-22.22,7.55-46.78,8.67-26.56,1.21-34.53,1.47-101.8,1.47s-75.24-.26-101.8-1.47c-24.56-1.12-37.9-5.22-46.78-8.67a78,78,0,0,1-29-18.85,78,78,0,0,1-18.85-29c-3.45-8.88-7.55-22.22-8.67-46.78-1.21-26.57-1.47-34.53-1.47-101.8s.26-75.23,1.47-101.8c1.12-24.56,5.22-37.9,8.67-46.78a78,78,0,0,1,18.85-29,78,78,0,0,1,29-18.85c8.88-3.45,22.22-7.55,46.78-8.67,26.57-1.21,34.53-1.47,101.8-1.47m0-45.39c-68.42,0-77,.29-103.87,1.52S102.93,7,86.9,13.23A123.52,123.52,0,0,0,42.28,42.28a123.52,123.52,0,0,0-29,44.62C7,102.93,2.74,121.24,1.52,148.05S0,183.5,0,251.92s.29,77,1.52,103.87S7,400.91,13.23,416.94a123.52,123.52,0,0,0,29.05,44.62A123.68,123.68,0,0,0,86.9,490.62c16,6.22,34.34,10.48,61.15,11.71s35.45,1.51,103.87,1.51,77-.29,103.87-1.51,45.12-5.49,61.15-11.71a128.85,128.85,0,0,0,73.68-73.68c6.22-16,10.48-34.34,11.71-61.15s1.51-35.45,1.51-103.87-.29-77-1.51-103.87-5.49-45.12-11.71-61.15a123.68,123.68,0,0,0-29.06-44.62,123.52,123.52,0,0,0-44.62-29C400.91,7,382.6,2.74,355.79,1.52S320.34,0,251.92,0Zm0,122.56A129.37,129.37,0,1,0,381.29,251.92,129.35,129.35,0,0,0,251.92,122.56Zm0,213.33a84,84,0,1,1,84-84A84,84,0,0,1,251.92,335.89ZM386.4,87.21a30.24,30.24,0,1,0,30.23,30.23A30.23,30.23,0,0,0,386.4,87.21Z"/> </svg> <span class="visually-hidden">Follow us on Instagram</span> </a></li> <li><a href="/feed.xml"> <svg class="icon-rss" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="26" fill="currentColor"> <title>RSS</title> <path fill-rule="evenodd" d="M3.75 4.5a.75.75 0 01.75-.75h.75c8.284 0 15 6.716 15 15v.75a.75.75 0 01-.75.75h-.75a.75.75 0 01-.75-.75v-.75C18 11.708 12.292 6 5.25 6H4.5a.75.75 0 01-.75-.75V4.5zm0 6.75a.75.75 0 01.75-.75h.75a8.25 8.25 0 018.25 8.25v.75a.75.75 0 01-.75.75H12a.75.75 0 01-.75-.75v-.75a6 6 0 00-6-6H4.5a.75.75 0 01-.75-.75v-.75zm0 7.5a1.5 1.5 0 113 0 1.5 1.5 0 01-3 0z" clip-rule="evenodd" /> </svg> <span class="visually-hidden">Subscribe to our RSS Feed</span> </a></li> </ul> </div> </div> <div class="slug"> <p>©2024 Bluehouse Group | <a href="/accessibility-statement/" > Accessibility Statement </a> | <a href="/credits/" > Credits </a> </p> <p> 193 S. Winooski Ave.<br> Suite 100<br> Burlington, VT 05401 </p> </div> </div> </footer> </div> <script type="text/javascript"> _linkedin_partner_id = "4529090"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script> <script type="text/javascript"> (function (l) { if (!l) { window.lintrk = function (a, b) { window.lintrk.q.push([a, b]) }; window.lintrk.q = [] } var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=4529090&fmt=gif" /> </noscript> <script> if (window.netlifyIdentity) { window.netlifyIdentity.on('init', user => { if (!user) { window.netlifyIdentity.on('login', () => { document.location.href = '/admin/'; }); } }); } </script> </body> </html>