<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/collinwood-crest-silver.png"/><link rel="stylesheet" href="/_next/static/css/index.DzPS1suC.css" data-rsc-css-href="/_next/static/css/index.DzPS1suC.css" data-precedence="vite-rsc/importer-resources"/><title>1473 Collinwood Designs | Websites for Midwest Contractors</title><meta name="description" content="Conversion-focused websites for Midwest foundation, roofing, and property restoration companies."/><meta property="og:title" content="1473 Collinwood Designs"/><meta property="og:description" content="Websites that turn local searches into qualified jobs."/><meta property="og:image" content="https://collinwoodsitedesigns.org/og.png"/><meta property="og:image:width" content="1672"/><meta property="og:image:height" content="941"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="1473 Collinwood Designs"/><meta name="twitter:description" content="Websites that turn local searches into qualified jobs."/><meta name="twitter:image" content="https://collinwoodsitedesigns.org/og.png"/><link rel="preload" href="/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-e99b45a2.woff2" as="font" type="font/woff2" crossorigin />
<link rel="preload" href="/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-2f5adf11.woff2" as="font" type="font/woff2" crossorigin />
<style data-vinext-fonts>/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-dd44b623.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-44d82aa9.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-7f5a19db.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-21114939.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-e99b45a2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-dd44b623.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-44d82aa9.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-7f5a19db.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-21114939.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-e99b45a2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-dd44b623.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-44d82aa9.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-7f5a19db.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-21114939.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/cormorant-garamond-55cbec71eba1/cormorant-garamond-e99b45a2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Cormorant Garamond Fallback';
  src: local("Times New Roman");
  ascent-override: 95.27%;
  descent-override: 29.59%;
  line-gap-override: 0.00%;
  size-adjust: 96.98%;
}

.__font_cormorant_garamond_1eyku92 { font-family: 'Cormorant Garamond', 'Cormorant Garamond Fallback'; font-style: normal; }

.__variable_cormorant_garamond_1eyku92 { --font-cormorant: 'Cormorant Garamond', 'Cormorant Garamond Fallback'; }

/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-293d8083.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-9e6b6d44.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-c209a25b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-de38a218.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-2f5adf11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-293d8083.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-9e6b6d44.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-c209a25b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-de38a218.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-2f5adf11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-293d8083.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-9e6b6d44.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-c209a25b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-de38a218.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-2f5adf11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-293d8083.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-9e6b6d44.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-c209a25b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-de38a218.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/_next/static/_vinext_fonts/montserrat-485c88d4d23d/montserrat-2f5adf11.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat Fallback';
  src: local("Arial");
  ascent-override: 85.79%;
  descent-override: 22.25%;
  line-gap-override: 0.00%;
  size-adjust: 112.83%;
}

.__font_montserrat_17fnyit { font-family: 'Montserrat', 'Montserrat Fallback'; font-style: normal; }

.__variable_montserrat_17fnyit { --font-montserrat: 'Montserrat', 'Montserrat Fallback'; }
</style>
</head><body class="__variable_cormorant_garamond_1eyku92 __variable_montserrat_17fnyit antialiased"><main><header class="site-header"><a class="brand" href="#top" aria-label="1473 Collinwood Designs home"><span class="brand-crest"><img src="/collinwood-crest-silver.png" alt=""/></span><span class="brand-lockup"><small>1473</small><span>Collinwood Designs</span></span></a><nav aria-label="Primary navigation"><a href="#industries">Industries</a><a href="/samples/">Samples</a><a href="#process">Process</a><a href="#package">Package</a></nav><a class="header-cta" href="#assessment">Request an assessment <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></header><section class="hero" id="top"><div class="hero-identity"><div class="hero-crest"><img src="/collinwood-crest-silver.png" alt="1473 Collinwood Designs crest"/></div><p class="hero-kicker">1473</p><h1><span>Collinwood</span><span>Designs</span></h1><div class="hero-rule"></div><p class="hero-services">Web Design <i>·</i> Lead Systems <i>·</i> Growth</p><p class="hero-sector">For Midwest property-repair contractors</p><div class="hero-actions" aria-label="Homepage actions"><a class="hero-cta hero-cta-primary" href="/samples/">View Our Work <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="hero-cta hero-cta-secondary" href="#assessment">Request a website assessment</a></div></div></section><section class="industry-band" id="industries"><div class="section-label">Built for three high-value trades</div><div class="industry-grid"><article><span class="industry-number">01</span><div><h2>Foundation &amp; waterproofing</h2><p>Inspection-focused sites built to explain serious problems clearly.</p><span>Book more inspections<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></article><article><span class="industry-number">02</span><div><h2>Roofing</h2><p>Trust-first sites that turn storm and replacement searches into calls.</p><span>Win better projects<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></article><article><span class="industry-number">03</span><div><h2>Property restoration</h2><p>Fast emergency experiences designed for urgent mobile decisions.</p><span>Capture urgent calls<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></div></article></div></section><section class="problem-section"><div class="section-intro"><p class="eyebrow">A website should earn its keep</p><h2>Professional design is only the beginning.</h2></div><div class="problem-copy"><p>Contractors do not need a prettier online brochure. They need a fast, credible sales tool that helps the right homeowner understand the problem, trust the company, and take the next step.</p><ul><li>Service pages matched to customer intent</li><li>Calls to action designed for mobile visitors</li><li>Reviews, warranties, and project proof placed where they matter</li><li>Clear tracking for calls and quote requests</li></ul></div></section><section class="process-section" id="process"><div class="section-intro inverse"><p class="eyebrow">The Collinwood method</p><h2>A clearer path from search to signed job.</h2></div><div class="process-grid"><article><div class="process-top"><span>01</span><span>Collinwood</span></div><h3>We find the leaks</h3><p>We review your mobile experience, offers, service pages, and lead path to identify where customers drop off.</p></article><article><div class="process-top"><span>02</span><span>Collinwood</span></div><h3>We build for intent</h3><p>Your site is structured around how local homeowners search, evaluate proof, and decide who to contact.</p></article><article><div class="process-top"><span>03</span><span>Collinwood</span></div><h3>We track what works</h3><p>Calls and forms are measured so you can see which services and pages are creating opportunities.</p></article><article><div class="process-top"><span>04</span><span>Collinwood</span></div><h3>We keep it current</h3><p>Hosting coordination, maintenance, and routine updates stay off your team’s plate.</p></article></div></section><section class="package-section" id="package"><div class="package-copy"><p class="eyebrow">The managed website package</p><h2>Everything required to launch—and stay current.</h2><p>A focused build, clear boundaries, and dependable ongoing support. Your team stays focused on the work in the field while we manage the website behind it.</p></div><div class="package-card"><div class="package-heading"><div><span>Starting at</span><strong>$1,500</strong><small>launch</small></div><div><span>Then</span><strong>$299</strong><small>per month</small></div></div><ul><li>Conversion-focused website build</li><li>Service and service-area page structure</li><li>Quote or inspection request form</li><li>Call and form tracking setup</li><li>Hosting coordination and maintenance</li><li>One routine content update each month</li></ul><a class="button button-primary full-width" href="#assessment">Request your free assessment <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><p class="package-note">Final scope and pricing depend on your existing site and service footprint.</p></div></section><section class="assessment-section" id="assessment"><div class="assessment-copy"><p class="eyebrow">No-pressure website assessment</p><h2>See where your website may be losing opportunities.</h2><p>Send us your site. We’ll review its mobile experience, trust signals, service structure, and lead path, then return the most important improvements to make first.</p><div class="assessment-detail"><span>01</span><p>Focused on your market and services</p><span>02</span><p>Practical recommendations, not a generic score</p><span>03</span><p>No obligation to hire us</p></div></div><div class="assessment-form-wrap"><form action="https://formsubmit.co/thekirkwoodconsortium@outlook.com" method="POST"><input type="hidden" name="_subject" value="New Collinwood website assessment request"/><input type="hidden" name="_next" value="https://collinwoodsitedesigns.org/?submitted=1#assessment"/><input type="hidden" name="_template" value="table"/><input type="text" aria-hidden="true" tabindex="-1" style="display:none" name="_honey"/><div class="field-row"><label>First name<input id="base-ui-_R_15cti_" data-slot="input" required="" placeholder="Jordan" class="h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40" name="firstName"/></label><label>Last name<input id="base-ui-_R_19cti_" data-slot="input" required="" placeholder="Taylor" class="h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40" name="lastName"/></label></div><label>Work email<input id="base-ui-_R_9kti_" type="email" data-slot="input" required="" placeholder="jordan@company.com" class="h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40" name="email"/></label><label>Company website<input id="base-ui-_R_9sti_" type="url" data-slot="input" required="" placeholder="https://yourcompany.com" class="h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40" name="website"/></label><label>Primary industry<select name="industry" required=""><option value="" disabled="" selected="">Select your industry</option><option>Foundation &amp; waterproofing</option><option>Roofing</option><option>Property restoration</option></select></label><button type="submit" tabindex="0" data-slot="button" class="group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 form-button">Request my free assessment <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></button><small>By submitting, you agree that we may contact you about your assessment.</small></form></div></section><section class="faq-section"><div class="section-intro"><p class="eyebrow">Common questions</p><h2>Straight answers before we talk.</h2></div><div class="faq-list"><details><summary>Do you guarantee leads?</summary><p>No. A website can improve conversion and measurement, but lead volume also depends on traffic, reputation, market conditions, pricing, and how quickly your team responds.</p></details><details><summary>Do you work with every kind of contractor?</summary><p>We specialize in foundation and waterproofing, roofing, and property restoration businesses across the Midwest. That focus makes our process faster and more relevant.</p></details><details><summary>Who owns the website?</summary><p>Ownership, platform access, hosting responsibility, and cancellation terms are documented clearly in your agreement before work begins.</p></details><details><summary>How involved does my team need to be?</summary><p>You provide accurate service information, reviews, photos, and one decision-maker. We handle the structure, design, implementation, and ongoing website care.</p></details></div></section><footer><a class="brand footer-brand" href="#top"><span class="brand-crest"><img src="/collinwood-crest-silver.png" alt=""/></span><span class="brand-lockup"><small>1473</small><span>Collinwood Designs</span></span></a><p>Websites for Midwest property-repair contractors.</p><a href="#assessment">Request an assessment <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></footer></main><script>
document.addEventListener('DOMContentLoaded', () => {
  const submitted = new URLSearchParams(window.location.search).get('submitted') === '1';
  if (submitted) {
    const wrap = document.querySelector('.assessment-form-wrap');
    wrap.innerHTML = '<div class="success-state" role="status"><h3>Your assessment request is ready.</h3><p>Thank you. We’ll review your website and contact you using the email address you provided.</p><a class="button form-button" href="/#assessment">Submit another</a></div>';
  }
});
</script></body></html>