{"id":11138,"date":"2026-11-03T21:55:46","date_gmt":"2026-11-03T21:55:46","guid":{"rendered":"https:\/\/datdesignlab.com\/?page_id=11138"},"modified":"2026-11-03T22:59:16","modified_gmt":"2026-11-03T22:59:16","slug":"contractor-website-design","status":"publish","type":"page","link":"https:\/\/datdesignlab.com\/es\/services\/contractor-website-design\/","title":{"rendered":"Contractor Website Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11138\" class=\"elementor elementor-11138 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a3c0f3 e-flex e-con-boxed e-con e-parent\" data-id=\"9a3c0f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33db313 elementor-widget elementor-widget-html\" data-id=\"33db313\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== Service\/landing page styles (scoped, reuse global tokens; safe fallbacks) ===== *\/\r\n  .sv-wrap{--sv-gold:var(--accent,#B9B27A);--sv-gold-ink:#7A7245;--sv-ink:var(--ink,#0B0C0E);--sv-dark:var(--dark,#0B0C0E)}\r\n  .sv-lead{max-width:56ch;font-size:clamp(17px,2vw,20px);line-height:1.6;color:#cfcfcf;margin:18px 0 26px}\r\n  .sv-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}\r\n  .sv-section{padding:clamp(48px,6vw,84px) var(--pad,24px)}\r\n  .sv-in{max-width:var(--maxw,1160px);margin:0 auto}\r\n  .sv-band--tint{background:rgba(185,178,122,.07)}\r\n  .sv-band--dark{background:var(--sv-dark);color:#fff;border-radius:var(--radius-lg,24px);margin:0 var(--panel-inset,0)}\r\n  .sv-eyebrow{display:inline-block;font:600 12px\/1 var(--font-body,Inter),sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--sv-gold-ink);margin-bottom:14px}\r\n  .sv-band--dark .sv-eyebrow,.sv-eyebrow--on-dark{color:var(--sv-gold)}\r\n  .sv-head{max-width:680px;margin:0 0 42px}\r\n  .sv-head--center{margin-left:auto;margin-right:auto;text-align:center}\r\n  .sv-head h2{font-size:clamp(27px,3.7vw,42px);line-height:1.1;color:var(--sv-ink);margin:0}\r\n  .sv-band--dark .sv-head h2{color:#fff}\r\n  .sv-head p{margin:14px 0 0;color:var(--muted,#555);font-size:17px;line-height:1.6;max-width:60ch}\r\n  .sv-band--dark .sv-head p{color:#cfcfcf}\r\n  .sv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n  .sv-card{background:#fff;border:1px solid rgba(11,12,14,.09);border-radius:var(--radius,16px);padding:26px 26px 28px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}\r\n  .sv-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(11,12,14,.35);border-color:rgba(185,178,122,.6)}\r\n  .sv-card h3{font-size:19px;margin:0 0 8px;color:var(--sv-ink)}\r\n  .sv-card p{margin:0;color:var(--muted,#555);font-size:15px;line-height:1.6}\r\n  .sv-ic{width:46px;height:46px;border-radius:12px;background:rgba(185,178,122,.16);color:var(--sv-gold-ink);display:grid;place-items:center;margin-bottom:16px;transition:background .18s ease,color .18s ease}\r\n  .sv-card:hover .sv-ic{background:var(--sv-gold);color:var(--sv-ink)}\r\n  .sv-ic svg{width:22px;height:22px}\r\n  \/* trust strip *\/\r\n  .sv-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}\r\n  .sv-trust__n{font-size:clamp(20px,2.4vw,26px);font-weight:700;color:var(--sv-gold);line-height:1.1}\r\n  .sv-trust__l{margin-top:6px;font-size:13.5px;color:#bdbdbd;line-height:1.45}\r\n  \/* business-type chips *\/\r\n  .sv-trades{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\r\n  .sv-trade{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid rgba(11,12,14,.1);border-radius:999px;padding:12px 18px;transition:background .18s ease,color .18s ease,border-color .18s ease}\r\n  .sv-trade:hover{background:var(--sv-ink);border-color:var(--sv-ink)}\r\n  .sv-trade:hover .sv-trade__t,.sv-trade:hover .sv-trade__s{color:#fff}\r\n  .sv-trade:hover .sv-dot{background:var(--sv-gold)}\r\n  .sv-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--sv-gold);box-shadow:0 0 0 4px rgba(185,178,122,.18)}\r\n  .sv-trade__t{font-weight:600;color:var(--sv-ink);font-size:15px;line-height:1.15}\r\n  .sv-trade__s{display:block;font-weight:400;font-size:12.5px;color:var(--muted-2,#8A8F98);margin-top:2px}\r\n  \/* process *\/\r\n  .sv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n  .sv-step{background:#fff;border:1px solid rgba(11,12,14,.09);border-radius:var(--radius,16px);padding:28px 26px}\r\n  .sv-step__n{width:52px;height:52px;border-radius:50%;border:2px solid var(--sv-gold);color:var(--sv-gold-ink);display:grid;place-items:center;font-weight:700;font-size:20px;margin-bottom:16px}\r\n  .sv-step h3{font-size:19px;margin:0 0 8px;color:var(--sv-ink)}\r\n  .sv-step p{margin:0;color:var(--muted,#555);font-size:15px;line-height:1.6}\r\n  \/* comparison table *\/\r\n  .sv-tablewrap{overflow-x:auto;border:1px solid rgba(11,12,14,.1);border-radius:var(--radius,16px);background:#fff}\r\n  .sv-table{width:100%;border-collapse:collapse;min-width:620px;font-size:15px}\r\n  .sv-table th,.sv-table td{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(11,12,14,.08);line-height:1.55;vertical-align:top}\r\n  .sv-table thead th{background:var(--sv-ink);color:#fff;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;border-bottom:none}\r\n  .sv-table tbody tr:last-child td{border-bottom:none}\r\n  .sv-table tbody th{font-weight:600;color:var(--sv-ink);width:26%;background:rgba(185,178,122,.07)}\r\n  .sv-table td{color:var(--muted,#555)}\r\n  \/* pricing *\/\r\n  .sv-price{background:var(--sv-dark);color:#e9e9e9;border-radius:var(--radius-lg,24px);padding:clamp(40px,6vw,64px);margin:0 var(--panel-inset,0);text-align:center;border:1px solid rgba(185,178,122,.22)}\r\n  .sv-price h2{color:#fff;font-size:clamp(26px,3.6vw,38px);margin:0 0 6px}\r\n  .sv-price__big{font-size:clamp(38px,6.5vw,58px);font-weight:700;color:var(--sv-gold);line-height:1;margin:16px 0 10px}\r\n  .sv-price p{color:#cfcfcf;max-width:54ch;margin:8px auto;font-size:16px;line-height:1.6}\r\n  .sv-price .ddl-btn{margin-top:22px}\r\n  .sv-price .ddl-btn,.sv-price .ddl-btn:hover,.sv-price .ddl-btn:focus{background:var(--sv-gold)!important;color:var(--sv-ink)!important}\r\n  \/* hero featured image *\/\r\n  .sp-hero--img{position:relative;overflow:hidden;isolation:isolate;background:var(--dark,#0B0C0E)}\r\n  .sp-hero--img .sp-hero__bg{position:absolute;inset:0;z-index:0;margin:0;pointer-events:none}\r\n  .sp-hero--img .sp-hero__bg img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 40%;opacity:.45}\r\n  .sp-hero--img .sp-hero__bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,14,.58) 0%,rgba(11,12,14,.34) 45%,rgba(11,12,14,.80) 100%)}\r\n  .sp-hero--img .sp-hero__in{position:relative;z-index:1}\r\n  \/* bottom CTA (same as global posts) *\/\r\n  .ddl-ctasec{background:var(--dark);color:#cfcfcf;padding:clamp(56px,8vw,96px) var(--pad);border-radius:var(--radius-lg);margin:0 var(--panel-inset)}\r\n  .ddl-ctasec__in{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.25fr 1fr;gap:48px;align-items:center}\r\n  .ddl-ctasec .ddl-eyebrow{color:var(--accent)}\r\n  .ddl-ctasec h2{color:#fff;font-size:clamp(30px,4.6vw,50px);max-width:16ch;line-height:1.08}\r\n  .ddl-ctasec__note{color:#cfcfcf;font-size:16px;line-height:1.6;max-width:46ch;margin:22px 0 0}\r\n  .ddl-ctacard{background:#fff;border-radius:var(--radius);padding:40px;text-align:center}\r\n  .ddl-ctacard h3{font-size:26px;margin-bottom:10px;color:var(--ink)}\r\n  .ddl-ctacard p{margin:0 0 24px;font-size:16px;color:var(--muted)}\r\n  .ddl-ctacard .ddl-btn{width:100%;justify-content:center;padding:16px}\r\n  .ddl-ctasec .ddl-btn,.ddl-ctasec .ddl-btn:hover,.ddl-ctasec .ddl-btn:focus,.ddl-ctasec .ddl-btn:active{background:var(--ink)!important;color:#fff!important}\r\n  @media(max-width:900px){.sv-grid,.sv-steps,.sv-trades{grid-template-columns:repeat(2,1fr)}.sv-trust{grid-template-columns:repeat(2,1fr);gap:26px}}\r\n  @media(max-width:760px){.ddl-ctasec__in{grid-template-columns:1fr;gap:36px}.sp-hero--img .sp-hero__bg img{opacity:.32;object-position:center 45%}}\r\n  @media(max-width:520px){.sv-grid,.sv-steps,.sv-trades{grid-template-columns:1fr}}\r\n<\/style><style id=\"lp-kit\">\n.sv-wrap .lp-head{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 56px;align-items:end;margin:0 0 44px}\n.sv-wrap .lp-head h2{font-size:clamp(28px,3.8vw,44px);line-height:1.08;letter-spacing:-.01em;margin:10px 0 0;color:var(--sv-ink)}\n.sv-wrap .lp-head p{margin:0;color:var(--muted,#555);font-size:17px;line-height:1.6;border-left:2px solid var(--sv-gold);padding-left:18px}\n.lp-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}\n.lp-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:12.5px;letter-spacing:.03em;color:rgba(255,255,255,.82);background:rgba(255,255,255,.05);backdrop-filter:blur(6px)}\n.lp-chip b{color:var(--sv-gold);font-weight:600}\n.lp-chip::before{content:\"\";width:6px;height:6px;border-radius:50%;background:var(--sv-gold)}\n.sv-wrap .sv-card{position:relative;overflow:hidden}\n.sv-wrap .sv-card::before{content:\"\";position:absolute;left:0;top:0;height:3px;width:0;background:var(--sv-gold);transition:width .35s ease}\n.sv-wrap .sv-card:hover::before{width:100%}\n.lp-idx{position:absolute;top:22px;right:24px;font-size:12px;font-weight:600;letter-spacing:.14em;color:rgba(11,12,14,.25)}\n.lp-bento{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}\n.lp-bento .lp-feature{grid-row:span 2;background:var(--sv-dark);border-color:transparent;padding:34px;display:flex;flex-direction:column}\n.lp-bento .lp-feature h3{color:#fff;font-size:24px;line-height:1.2}\n.lp-bento .lp-feature p{color:#cfcfcf}\n.lp-bento .lp-feature .sv-ic{background:rgba(185,178,122,.18);color:var(--sv-gold)}\n.lp-mock{margin-top:auto;padding-top:28px}\n.lp-mock__cap{line-height:1.4;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 8px}\n.lp-mock__bar{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 18px;display:flex;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.7);background:rgba(255,255,255,.03)}\n.lp-mock__bar b{color:var(--sv-gold);font-weight:600;letter-spacing:.04em}\n.lp-stat{font-family:var(--font-head,inherit);font-size:clamp(52px,6vw,76px);line-height:.95;font-weight:600;color:var(--sv-gold-ink);letter-spacing:-.04em;margin:0 0 14px}\n.lp-note{margin:22px 0 0;font-size:13.5px;color:var(--muted,#666)}\n.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:left}\n.lp-stats>div{padding:6px 28px;border-left:1px solid rgba(255,255,255,.12)}\n.lp-stats>div:first-child{border-left:0;padding-left:0}\n.lp-stats b{display:block;font-family:var(--font-head,inherit);font-size:clamp(34px,4vw,48px);line-height:1;color:var(--sv-gold);font-weight:600;letter-spacing:-.03em;margin:0 0 10px}\n.lp-stats span{font-size:14px;line-height:1.5;color:rgba(255,255,255,.7)}\n.lp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}\n.lp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.lp-area{display:flex;flex-direction:column;text-decoration:none!important;color:var(--sv-ink);background:#fff;border:1px solid rgba(11,12,14,.09);border-radius:22px;padding:30px;min-height:280px;position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}\n.lp-area:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(11,12,14,.4);border-color:rgba(185,178,122,.6)}\n.lp-area::after{content:\"\";position:absolute;right:-50px;top:-50px;width:240px;height:240px;z-index:-1;background-image:radial-gradient(rgba(185,178,122,.55) 1.3px,transparent 1.4px);background-size:14px 14px;-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 68%);mask-image:radial-gradient(circle,#000 25%,transparent 68%)}\n.lp-area__pin{position:absolute;right:58px;top:58px;width:14px;height:14px;border-radius:50%;background:var(--sv-gold);box-shadow:0 0 0 6px rgba(185,178,122,.25),0 0 0 14px rgba(185,178,122,.12)}\n.lp-area__city{font-family:var(--font-head,inherit);font-size:clamp(38px,4.6vw,56px);line-height:1;letter-spacing:-.03em;margin:0 0 10px;font-weight:600}\n.lp-area__coord{line-height:1.4;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sv-gold-ink);margin:0 0 18px}\n.lp-area p{margin:0 0 22px;color:var(--muted,#555);font-size:15px;line-height:1.6;max-width:42ch}\n.lp-area__go{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:14.5px}\n.lp-area__go i{width:42px;height:42px;border-radius:50%;background:var(--sv-dark);color:#fff;display:grid;place-items:center;transition:background .2s,color .2s,transform .25s}\n.lp-area__go svg{width:18px;height:18px}\n.lp-area:hover .lp-area__go i{background:var(--sv-gold);color:var(--sv-ink);transform:rotate(-45deg)}\n.lp-area--dark{background:var(--sv-dark);color:#fff;border-color:transparent}\n.lp-area--dark p{color:rgba(255,255,255,.7)}\n.lp-area--dark .lp-area__coord{color:var(--sv-gold)}\n.lp-area--dark .lp-area__go i{background:var(--sv-gold);color:var(--sv-ink)}\n.lp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}\n.lp-chips span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 12px;font-size:13px;color:rgba(255,255,255,.85)}\n.lp-toolsbox{background:radial-gradient(120% 90% at 100% 0%,#2a2416 0%,var(--sv-dark) 55%);border-radius:28px;padding:clamp(28px,5vw,60px);color:#fff;position:relative;overflow:hidden;isolation:isolate}\n.lp-toolsbox::before{content:\"\";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(212,173,63,.28),transparent 70%);z-index:-1}\n.lp-toolsbox .lp-head h2{color:#fff}\n.lp-toolsbox .lp-head p{color:rgba(255,255,255,.7)}\n.lp-tool{display:flex;flex-direction:column;text-decoration:none!important;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:26px;color:#fff;transition:transform .2s,border-color .2s,background .2s}\n.lp-tool:hover{transform:translateY(-4px);border-color:rgba(185,178,122,.6);background:rgba(255,255,255,.07)}\n.lp-tool h3{color:#fff;font-size:20px;margin:0 0 8px}\n.lp-tool p{color:rgba(255,255,255,.68);font-size:15px;line-height:1.6;margin:0 0 20px}\n.lp-tool__ui{border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);padding:18px;margin:0 0 22px}\n.lp-tool__lbl{line-height:1.4;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#f0d27a;margin:0 0 6px}\n.lp-tool__big{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px;color:#fff}\n.lp-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}\n.lp-bar i{display:block;height:100%}\n.lp-gauge{height:8px;border-radius:999px;background:linear-gradient(90deg,#3f8f5a 0 30%,#c9a227 30% 70%,#b4533c 70%);position:relative;margin:4px 0 8px}\n.lp-gauge i{position:absolute;top:50%;left:42%;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #0b0c0e;transform:translate(-50%,-50%)}\n.lp-gaugelbl{display:flex;justify-content:space-between;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}\n.lp-tool__go{margin-top:auto;font-weight:600;color:var(--sv-gold);display:inline-flex;gap:8px;align-items:center}\n.sv-wrap .sv-steps{position:relative}\n.sv-wrap .sv-steps::before{content:\"\";position:absolute;top:27px;left:26px;right:26px;border-top:1.5px dashed rgba(185,178,122,.7)}\n.sv-wrap .sv-step{background:transparent;border:0;padding:0 18px 0 0;position:relative}\n.sv-wrap .sv-step__n{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--sv-dark);color:var(--sv-gold);border:6px solid #f4f4f2;box-sizing:border-box;font-weight:700;margin:0 0 20px;position:relative;z-index:1;box-shadow:0 0 0 1px rgba(185,178,122,.6)}\n.sv-band--tint .sv-step__n{border-color:#f5f3ea}\n@media (max-width:860px){.sv-wrap .lp-head,.lp-bento,.lp-grid2,.lp-grid3{grid-template-columns:1fr}.lp-bento .lp-feature{grid-row:auto}.lp-stats{grid-template-columns:1fr 1fr;gap:26px 0}.lp-stats>div:nth-child(3){border-left:0;padding-left:0}.sv-wrap .sv-steps::before{display:none}}\n<\/style><style id=\"lp-city\">.sp-hero--city::after{background:transparent!important}.sp-hero--city::before{background:linear-gradient(rgba(8,8,8,.15),rgba(8,8,8,0) 40%,rgba(8,8,8,.55))!important}.sp-hero--city .sp-hero__bg img{object-fit:cover;object-position:center 42%;opacity:1!important;filter:saturate(1.05)!important}.sp-hero--city .sp-hero__bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,14,.93) 0%,rgba(11,12,14,.84) 40%,rgba(11,12,14,.5) 68%,rgba(11,12,14,.25) 100%);pointer-events:none}.sp-hero--city{position:relative}.lp-credit{position:absolute;right:22px;bottom:16px;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.02em;z-index:3}@media (max-width:860px){.sp-hero--city .sp-hero__bg::after{background:linear-gradient(0deg,rgba(11,12,14,.92) 0%,rgba(11,12,14,.72) 60%,rgba(11,12,14,.4) 100%)}}<\/style><div class=\"sv-wrap\"><section class=\"sp-hero sp-hero--img sp-hero--city\"><figure class=\"sp-hero__bg\" aria-hidden=\"true\"><img src=\"\/wp-content\/uploads\/2026\/11\/house-framing-construction-interior-1536x1026.webp\" alt=\"Framed interior of a house under construction\" fetchpriority=\"high\" decoding=\"async\"><\/figure><div class=\"sp-hero__in\"><nav class=\"sp-crumbs\"><a href=\"\/\">Home<\/a><span class=\"sep\">\/<\/span><a href=\"\/services\/\">Services<\/a><span class=\"sep\">\/<\/span><span class=\"cur\">Contractors<\/span><\/nav><span class=\"sp-hero__cat\">Contractors<\/span><h1>Contractor Website Design<\/h1><p class=\"sv-lead\">A contractor website has one job: turn a homeowner's search into a quote request. I design and build fast, simple sites for general contractors, remodelers and builders, with project galleries, service area pages, a short quote form and your license and insurance details up front. One fixed price, from $1,200.<\/p><div class=\"sv-hero-cta\"><a class=\"ddl-btn ddl-btn--accent\" href=\"\/tools\/website-cost-calculator\/\">Estimate your cost<\/a><a class=\"ddl-btn\" href=\"\/contact\/\">Book a 15-minute call<\/a><\/div><div class=\"lp-hero-meta\"><span class=\"lp-chip\">Fixed price from <b>$1,200<\/b><\/span><span class=\"lp-chip\">Based in <b>Dallas, TX<\/b><\/span><span class=\"lp-chip\">Working across the US<\/span><\/div><\/div><\/section><section class=\"sv-section\"><div class=\"sv-in\"><div class=\"lp-head\"><div><span class=\"sv-eyebrow\">What a contractor site needs<\/span><h2>Three things that turn visitors into quote requests<\/h2><\/div><p>Homeowners compare two or three contractors before they call. These are what they check first.<\/p><\/div><div class=\"lp-bento\"><div class=\"sv-card lp-feature\"><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"2\"\/><path d=\"m21 16-5-5-9 9\"\/><\/svg><\/span><h3>Proof of work, organized by project<\/h3><p>Before and after photos grouped by project type, each with the city and scope. Homeowners see work like theirs, and Google sees the towns you actually work in.<\/p><div class=\"lp-mock\"><div class=\"lp-mock__cap\">Example project card<\/div><div class=\"lp-mock__bar\"><span>Kitchen remodel<\/span><b>Garland, TX<\/b><span>Cabinets, counters, lighting<\/span><\/div><\/div><\/div><div class=\"sv-card\"><span class=\"lp-idx\">02<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"9\" cy=\"11\" r=\"2.2\"\/><path d=\"M5.8 16.2c.7-1.4 1.9-2.1 3.2-2.1s2.5.7 3.2 2.1M14.5 10h4M14.5 13.5h3\"\/><\/svg><\/span><h3>License and insurance where people look<\/h3><p>Your license number, insurance and warranty go in the footer and on the about page, not buried in a PDF. Some states require the license number on advertising: Texas does for plumbing and HVAC companies.<\/p><\/div><div class=\"sv-card\"><span class=\"lp-idx\">03<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg><\/span><h3>A quote form people finish<\/h3><p>Name, phone, project type and ZIP code. Photos optional. Long forms lose people on phones, so everything else can wait for your call.<\/p><\/div><\/div><\/div><\/section><section class=\"sv-section sv-band--dark\"><div class=\"sv-in\"><div class=\"lp-stats\"><div><b>$1,200<\/b><span>where simple service sites start<\/span><\/div><div><b>3 to 4 wks<\/b><span>typical build once your copy and photos are in<\/span><\/div><div><b>15 min<\/b><span>first call, no pitch deck<\/span><\/div><div><b>1<\/b><span>person builds your site, start to finish. No handoffs.<\/span><\/div><\/div><\/div><\/section><section class=\"sv-section sv-band--tint\"><div class=\"sv-in\"><div class=\"lp-head\"><div><span class=\"sv-eyebrow\">Site structure<\/span><h2>The pages a contractor site needs<\/h2><\/div><p>A typical build is 5 to 6 pages. Larger sites add a page for every service and city.<\/p><\/div><div class=\"sv-grid\"><div class=\"sv-card\"><span class=\"lp-idx\">01<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 11 12 3l9 8\"\/><path d=\"M5 10v10h14V10\"\/><path d=\"M10 20v-6h4v6\"\/><\/svg><\/span><h3>Home<\/h3><p>What you build, where, and a quote button above the fold.<\/p><\/div><div class=\"sv-card\"><span class=\"lp-idx\">02<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3 9 5-9 5-9-5 9-5z\"\/><path d=\"m3 13 9 5 9-5\"\/><\/svg><\/span><h3>A page per service<\/h3><p>Kitchens, baths, additions, decks. Each one can rank on its own search.<\/p><\/div><div class=\"sv-card\"><span class=\"lp-idx\">03<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"2\"\/><path d=\"m21 16-5-5-9 9\"\/><\/svg><\/span><h3>Project gallery<\/h3><p>Real projects you can filter by type, with the city on each.<\/p><\/div><div class=\"sv-card\"><span class=\"lp-idx\">01<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.3\"\/><\/svg><\/span><h3>Service areas<\/h3><p>The cities you work in, with projects from each.<\/p><\/div><div class=\"sv-card\"><span class=\"lp-idx\">02<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6\"\/><\/svg><\/span><h3>About and licensing<\/h3><p>Who you are, how long you have been building, license and insurance.<\/p><\/div><div class=\"sv-card\"><span class=\"lp-idx\">03<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg><\/span><h3>Quote and contact<\/h3><p>Short form, phone number and hours.<\/p><\/div><\/div><\/div><\/section><section class=\"sv-section \"><div class=\"sv-in\"><div class=\"lp-head\"><div><span class=\"sv-eyebrow\">Results<\/span><h2>Real results, from other industries<\/h2><\/div><p>Here is what the same approach did for clients in other industries, including a structural engineering practice I launched: <a href=\"\/portfolio\/industricta-website\/\">Industricta<\/a>.<\/p><\/div><div class=\"sv-grid\"><div class=\"sv-card\"><span class=\"lp-idx\">01<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V10M10 20V4M16 20v-7M22 20H2\"\/><\/svg><\/span><h3>Bus24, coach company<\/h3><p>Website redesign and SEO: 300% more organic traffic and 3,200% more search impressions after launch. <a href=\"\/portfolio\/bus24-website-redesign\/\">Read the case study &rarr;<\/a><\/p><\/div><div class=\"sv-card\"><span class=\"lp-idx\">02<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 4 14h7l-1 8 9-12h-7z\"\/><\/svg><\/span><h3>TTM-Store, online shop<\/h3><p>Shopify redesign: store conversion rate up 110%, load time cut from 5.4 to 1.8 seconds. <a href=\"\/portfolio\/ttm-store-shopify-redesign\/\">Read the case study &rarr;<\/a><\/p><\/div><div class=\"sv-card\"><span class=\"lp-idx\">03<\/span><span class=\"sv-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m12 3.5 2.6 5.4 5.9.8-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.8z\"\/><\/svg><\/span><h3>SkipTheDrive, job board<\/h3><p>Homepage redesign: organic traffic up 47%. <a href=\"\/portfolio\/skipthedrive-homepage-redesign\/\">Read the case study &rarr;<\/a><\/p><\/div><\/div><\/div><\/section><section class=\"sv-section\"><div class=\"sv-in\"><div class=\"lp-toolsbox\"><div class=\"lp-head\"><div><span class=\"sv-eyebrow\">Free tools<\/span><h2>Run your numbers before we talk<\/h2><\/div><p>No email needed. Both use my real prices and plain math, so you know where you stand before a call.<\/p><\/div><div class=\"lp-grid2\"><a class=\"lp-tool\" href=\"\/tools\/website-cost-calculator\/\"><div class=\"lp-tool__ui\"><div class=\"lp-tool__lbl\">Your estimate<\/div><div class=\"lp-tool__big\">$1,200 to $2,500<\/div><div class=\"lp-bar\"><i style=\"width:62%;background:#d4ad3f\"><\/i><i style=\"width:38%;background:rgba(240,210,122,.45)\"><\/i><\/div><\/div><h3>Website cost calculator<\/h3><p>Pick what you need and see my 2026 price range, plus your first-year total with hosting or a care plan.<\/p><span class=\"lp-tool__go\">Estimate your website cost &rarr;<\/span><\/a><a class=\"lp-tool\" href=\"\/tools\/seo-break-even-calculator\/\"><div class=\"lp-tool__ui\"><div class=\"lp-tool__lbl\">To break even, SEO needs<\/div><div class=\"lp-tool__big\">Extra leads a month<\/div><div class=\"lp-gauge\"><i><\/i><\/div><div class=\"lp-gaugelbl\"><span>Easy<\/span><span>Workable<\/span><span>Hard<\/span><\/div><\/div><h3>SEO break-even calculator<\/h3><p>Enter your average job value, margin and close rate to see how many extra leads SEO has to bring in to pay for itself.<\/p><span class=\"lp-tool__go\">Check your SEO break-even &rarr;<\/span><\/a><\/div><\/div><\/div><\/section><section class=\"sv-section\"><div class=\"sv-in\"><div class=\"lp-head\"><div><span class=\"sv-eyebrow\">How it works<\/span><h2>From first call to launch<\/h2><\/div><p>Three steps, one person the whole way through. You always know what happens next and what it costs.<\/p><\/div><div class=\"sv-steps\"><div class=\"sv-step\"><div class=\"sv-step__n\">01<\/div><h3>Video call<\/h3><p>15 minutes. We talk about your business, the area you serve and what the site needs to do.<\/p><\/div><div class=\"sv-step\"><div class=\"sv-step__n\">02<\/div><h3>Fixed quote<\/h3><p>One price in writing before any work starts. No hourly billing.<\/p><\/div><div class=\"sv-step\"><div class=\"sv-step__n\">03<\/div><h3>Build and launch<\/h3><p>I design and build the site, you review it, and it goes live on your domain.<\/p><\/div><\/div><\/div><\/section><style id=\"ddl-proof-css\">\r\n.ddl-proof{--dp-gold:var(--sv-gold,#B9B27A);--dp-ink:var(--sv-ink,#0B0C0E)}\r\n.ddl-proof .dp-author{display:grid;grid-template-columns:132px 1fr;gap:28px;align-items:center;background:#0B0C0E;color:#F4F2EA;border-radius:22px;padding:30px 34px;margin-bottom:28px}\r\n.ddl-proof .dp-author img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:3px solid var(--dp-gold)}\r\n.ddl-proof .dp-author h3{color:#fff;margin:0 0 4px;font-size:1.35rem}\r\n.ddl-proof .dp-role{display:block;color:var(--dp-gold);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}\r\n.ddl-proof .dp-author p{color:#C9C6BA;margin:0 0 14px;line-height:1.6;max-width:62ch}\r\n.ddl-proof .dp-links{display:flex;flex-wrap:wrap;gap:10px}\r\n.ddl-proof .dp-links a{color:#0B0C0E;background:var(--dp-gold);border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:600;text-decoration:none}\r\n.ddl-proof .dp-links a.dp-ghost{background:transparent;color:#F4F2EA;border:1px solid rgba(255,255,255,.25)}\r\n.ddl-proof .dp-sum{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:0 0 22px}\r\n.ddl-proof .dp-sum b{font-size:2.4rem;line-height:1;color:var(--dp-ink)}\r\n.ddl-proof .dp-sum a{color:inherit;font-weight:600}\r\n.ddl-proof .dp-stars{display:inline-flex;gap:2px;color:var(--dp-gold)}\r\n.ddl-proof .dp-stars svg{width:18px;height:18px;fill:currentColor}\r\n.ddl-proof .dp-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n.ddl-proof .dp-review{background:#fff;border:1px solid rgba(11,12,14,.09);border-radius:18px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;margin:0}\r\n.ddl-proof .dp-review blockquote{margin:0;padding:0;border:0;font-size:1rem;line-height:1.55;color:#1d1e22;quotes:none}\r\n.ddl-proof .dp-review figcaption{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font-size:.86rem;color:#5b5c60;font-style:normal}\r\n.ddl-proof .dp-review figcaption strong{display:block;color:#0B0C0E;font-size:.95rem}\r\n.ddl-proof .dp-src{white-space:nowrap;border:1px solid rgba(11,12,14,.15);border-radius:999px;padding:4px 10px;font-size:.78rem;color:#0B0C0E;text-decoration:none}\r\n.ddl-proof .dp-results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}\r\n.ddl-proof .dp-result{background:#0B0C0E;color:#C9C6BA;border-radius:18px;padding:24px;text-decoration:none;display:block;transition:transform .2s}\r\n.ddl-proof .dp-result:hover{transform:translateY(-3px)}\r\n.ddl-proof .dp-result b{display:block;font-size:2.6rem;line-height:1;color:var(--dp-gold);margin-bottom:6px}\r\n.ddl-proof .dp-result span{display:block;color:#fff;font-weight:600;margin-bottom:10px}\r\n.ddl-proof .dp-result small{display:block;font-size:.86rem;line-height:1.5}\r\n.ddl-proof .dp-result em{display:block;font-style:normal;margin-top:14px;color:var(--dp-gold);font-size:.85rem}\r\n.ddl-stack .dp-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\r\n.ddl-stack .dp-col{background:#fff;border:1px solid rgba(11,12,14,.09);border-radius:18px;padding:22px}\r\n.ddl-stack .dp-col h3{margin:0 0 6px;font-size:1.1rem}\r\n.ddl-stack .dp-col p{margin:0 0 14px;color:#5b5c60;font-size:.92rem;line-height:1.5}\r\n.ddl-stack .dp-col ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}\r\n.ddl-stack .dp-col li{background:#F4F2EA;border-radius:999px;padding:6px 12px;font-size:.86rem;color:#0B0C0E}\r\n@media (max-width:900px){.ddl-proof .dp-reviews,.ddl-proof .dp-results,.ddl-stack .dp-stack{grid-template-columns:1fr 1fr}}\r\n@media (max-width:640px){.ddl-proof .dp-reviews,.ddl-proof .dp-results,.ddl-stack .dp-stack{grid-template-columns:1fr}.ddl-proof .dp-author{grid-template-columns:1fr;text-align:left;padding:24px}.ddl-proof .dp-author img{width:96px;height:96px}.ddl-proof .dp-sum b{font-size:2rem}}\r\n<\/style>\r\n<section class=\"sv-section ddl-proof\" id=\"proof\"><div class=\"sv-in\">\r\n<div class=\"lp-head\"><div><span class=\"sv-eyebrow\">Who you work with<\/span><h2>One person, start to finish<\/h2><\/div><p>Real reviews from real clients, copied word for word from where they posted them.<\/p><\/div>\r\n<div class=\"dp-author\">\r\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/datdesignlab.com\/wp-content\/uploads\/2025\/11\/datdesignlab-about-image-1-e1742221222977-934x1024-1-300x300.webp\" alt=\"Dat Truong, founder of Dat Design Lab\" width=\"132\" height=\"132\" loading=\"lazy\">\r\n<div><h3>Dat Truong<\/h3><span class=\"dp-role\">Founder, Dat Design Lab &middot; US veteran<\/span>\r\n<p>I design, build and look after every site myself, from the first call to launch and after. No account managers and no hand-offs, so the person you talk to is the person doing the work. 30+ projects for small businesses in 12+ countries.<\/p>\r\n<div class=\"dp-links\"><a href=\"https:\/\/datdesignlab.com\/about\/\">About me<\/a><a class=\"dp-ghost\" href=\"https:\/\/datdesignlab.com\/portfolio\/\">See the portfolio<\/a><\/div><\/div>\r\n<\/div>\r\n<div class=\"dp-sum\"><b>5.0<\/b><span class=\"dp-stars\" aria-label=\"5 out of 5 stars\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><\/span><span>12 five-star reviews: <a href=\"https:\/\/www.google.com\/search?kgmid=\/g\/11x0gyq1rk\" target=\"_blank\" rel=\"noopener\">7 on Google<\/a> and <a href=\"https:\/\/clutch.co\/profile\/dat-design-lab#reviews\" target=\"_blank\" rel=\"noopener\">5 on Clutch<\/a><\/span><\/div>\r\n<div class=\"dp-reviews\">\r\n<figure class=\"dp-review\"><span class=\"dp-stars\" aria-label=\"5 out of 5 stars\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><\/span><blockquote>&ldquo;Calls and bookings are up 20x within a few months of launch, traffic has jumped massively, and I&#039;m ranking higher on Google with far more engagement.&rdquo;<\/blockquote>\r\n<figcaption><span><strong>Bus24<\/strong>Tourist transport company<\/span><a class=\"dp-src\" href=\"https:\/\/www.google.com\/search?kgmid=\/g\/11x0gyq1rk\" target=\"_blank\" rel=\"noopener\">Google<\/a><\/figcaption><\/figure>\r\n<figure class=\"dp-review\"><span class=\"dp-stars\" aria-label=\"5 out of 5 stars\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><\/span><blockquote>&ldquo;Their professional approach, effective communication, and commitment to meeting client expectations ensured a smooth and efficient project execution process.&rdquo;<\/blockquote>\r\n<figcaption><span><strong>Piotr Pianowski<\/strong>CEO, Industricta<\/span><a class=\"dp-src\" href=\"https:\/\/clutch.co\/profile\/dat-design-lab#reviews\" target=\"_blank\" rel=\"noopener\">Clutch<\/a><\/figcaption><\/figure>\r\n<figure class=\"dp-review\"><span class=\"dp-stars\" aria-label=\"5 out of 5 stars\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><\/span><blockquote>&ldquo;The UX design exceeded my expectations, and I can confidently say I now have the website I always envisioned for myself and my clients.&rdquo;<\/blockquote>\r\n<figcaption><span><strong>Travis Sonder<\/strong>Founder, Sonder Services<\/span><a class=\"dp-src\" href=\"https:\/\/www.google.com\/search?kgmid=\/g\/11x0gyq1rk\" target=\"_blank\" rel=\"noopener\">Google<\/a><\/figcaption><\/figure>\r\n<figure class=\"dp-review\"><span class=\"dp-stars\" aria-label=\"5 out of 5 stars\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><\/span><blockquote>&ldquo;I&#039;m really impressed with how attentive Dat Design Lab is and how they really care for my website and business.&rdquo;<\/blockquote>\r\n<figcaption><span><strong>Owner<\/strong>Tourist transportation company<\/span><a class=\"dp-src\" href=\"https:\/\/clutch.co\/profile\/dat-design-lab#reviews\" target=\"_blank\" rel=\"noopener\">Clutch<\/a><\/figcaption><\/figure>\r\n<figure class=\"dp-review\"><span class=\"dp-stars\" aria-label=\"5 out of 5 stars\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><\/span><blockquote>&ldquo;I was impressed by Dat Design Lab&#039;s attention to detail and deep investment and interest in the project.&rdquo;<\/blockquote>\r\n<figcaption><span><strong>Ali Alp Hazer<\/strong>Owner, Mekanware<\/span><a class=\"dp-src\" href=\"https:\/\/clutch.co\/profile\/dat-design-lab#reviews\" target=\"_blank\" rel=\"noopener\">Clutch<\/a><\/figcaption><\/figure>\r\n<figure class=\"dp-review\"><span class=\"dp-stars\" aria-label=\"5 out of 5 stars\"><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 1.6l2.6 5.3 5.8.8-4.2 4.1 1 5.8L10 14.9l-5.2 2.7 1-5.8L1.6 7.7l5.8-.8z\"\/><\/svg><\/span><blockquote>&ldquo;The service, quick availability, and incredibly fast response time to questions were particularly outstanding.&rdquo;<\/blockquote>\r\n<figcaption><span><strong>Lukas Kurfer<\/strong>Translated from German<\/span><a class=\"dp-src\" href=\"https:\/\/www.google.com\/search?kgmid=\/g\/11x0gyq1rk\" target=\"_blank\" rel=\"noopener\">Google<\/a><\/figcaption><\/figure>\r\n<\/div>\r\n<\/div><\/section>\r\n\t\n<section class=\"sv-section\"><div class=\"sv-price\"><span class=\"sv-eyebrow sv-eyebrow--on-dark\">Investment<\/span><h2>Contractor sites from $1,200<\/h2><div class=\"sv-price__big\">$1,200 to $2,500<\/div><p>That's a 5 to 6 page site. Larger sites with a page for every service and city run $2,500 to $4,500. Local SEO setup adds from $600.<\/p><a class=\"ddl-btn\" href=\"\/tools\/website-cost-calculator\/\">Estimate your cost<\/a><\/div><\/section><section class=\"sv-section\"><div class=\"sv-in\"><div class=\"sv-head sv-head--center\"><span class=\"sv-eyebrow\">FAQ<\/span><h2>Common questions<\/h2><\/div><div><div class=\"ddl-post__faq\"><details><summary>How much does a contractor website cost?<\/summary><p>A 5 to 6 page site is $1,200 to $2,500 as one fixed price. Larger sites with a page for every service and city run $2,500 to $4,500. The <a href=\"\/tools\/website-cost-calculator\/\">cost calculator<\/a> shows the full ranges.<\/p><\/details><details><summary>How long does it take?<\/summary><p>A simple 4 to 6 page site usually takes 3 to 4 weeks. The biggest factor is how quickly your copy, photos and feedback come in. You get a timeline with your quote.<\/p><\/details><details><summary>Will the site get me into the Google Maps results?<\/summary><p>The website helps, but the map results mostly run on your Google Business Profile, your reviews and how close the searcher is. Local SEO setup starts at $600 and covers your profile, service area pages, citations and a review link. See <a href=\"\/services\/local-seo-for-service-businesses\/\">local SEO for service businesses<\/a>.<\/p><\/details><details><summary>Can I update the site myself?<\/summary><p>Yes. Sites are built on WordPress, so adding a photo, changing your hours or editing a service is a few clicks. If you would rather not touch it, a <a href=\"\/services\/website-care-plans\/\">care plan<\/a> covers updates and edits from $39 a month.<\/p><\/details><details><summary>Do you only work with businesses in Texas?<\/summary><p>No. I am based in Dallas, TX and work with businesses anywhere in the US over video calls. Same process and prices.<\/p><\/details><details><summary>Should every service have its own page?<\/summary><p>Yes, for the services you want more of. \"Kitchen remodel\" and \"deck builder\" are different searches, and one general services page rarely ranks for either. Start with your three best earners and add more later.<\/p><\/details><\/div><\/div><\/div><\/section><\/div><section class=\"ddl-ctasec\">\n  <div class=\"ddl-ctasec__in\">\n    <div>\n      <p class=\"ddl-eyebrow\">Get in touch<\/p>\n      <h2>Ready for a website that brings in local customers?<\/h2>\n      <p class=\"ddl-ctasec__note\">Tell me about your business and the areas you serve.<\/p>\n    <\/div>\n    <div class=\"ddl-ctacard\">\n      <h3>Talk about your site<\/h3>\n      <p>No pressure. A short call, a straight answer.<\/p>\n      <a class=\"ddl-btn\" href=\"\/contact\/\">Let\u2019s Talk<\/a>\n    <\/div>\n  <\/div>\n<\/section><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Service\",\"name\":\"Contractor Website Design\",\"serviceType\":\"Website design\",\"provider\":{\"@id\":\"https:\/\/datdesignlab.com\/#organization\"},\"areaServed\":{\"@type\":\"Country\",\"name\":\"United States\"},\"url\":\"https:\/\/datdesignlab.com\/services\/contractor-website-design\/\",\"offers\":{\"@type\":\"Offer\",\"priceSpecification\":{\"@type\":\"PriceSpecification\",\"minPrice\":1200,\"maxPrice\":2500,\"priceCurrency\":\"USD\"}}}<\/script><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"How much does a contractor website cost?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A 5 to 6 page site is $1,200 to $2,500 as one fixed price. Larger sites with a page for every service and city run $2,500 to $4,500. The cost calculator shows the full ranges.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A simple 4 to 6 page site usually takes 3 to 4 weeks. The biggest factor is how quickly your copy, photos and feedback come in. You get a timeline with your quote.\"}},{\"@type\":\"Question\",\"name\":\"Will the site get me into the Google Maps results?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The website helps, but the map results mostly run on your Google Business Profile, your reviews and how close the searcher is. Local SEO setup starts at $600 and covers your profile, service area pages, citations and a review link. See local SEO for service businesses.\"}},{\"@type\":\"Question\",\"name\":\"Can I update the site myself?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Sites are built on WordPress, so adding a photo, changing your hours or editing a service is a few clicks. If you would rather not touch it, a care plan covers updates and edits from $39 a month.\"}},{\"@type\":\"Question\",\"name\":\"Do you only work with businesses in Texas?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No. I am based in Dallas, TX and work with businesses anywhere in the US over video calls. Same process and prices.\"}},{\"@type\":\"Question\",\"name\":\"Should every service have its own page?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, for the services you want more of. \\\"Kitchen remodel\\\" and \\\"deck builder\\\" are different searches, and one general services page rarely ranks for either. Start with your three best earners and add more later.\"}}]}<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":9050,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-11138","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/11138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/comments?post=11138"}],"version-history":[{"count":1,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/11138\/revisions"}],"predecessor-version":[{"id":11149,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/11138\/revisions\/11149"}],"up":[{"embeddable":true,"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/pages\/9050"}],"wp:attachment":[{"href":"https:\/\/datdesignlab.com\/es\/wp-json\/wp\/v2\/media?parent=11138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}