Webb & Lashbrook

Year:
2021
Industry:
Home Renovation
Frontend Development
CMS Integration
SEO

The right tools support your exact vision.

The right tools support your exact vision.

Challenge

This renovation company wanted to show its craftsmanship and quality to potential customers. It was essential that their website match their aesthetic and support high-resolution images.

Concept

This client used their own website designer to design the site. We provided the backend to bring the design they envisioned to life.

Solution

We used Sanity and server-side rendering to make this website lightning-fast and easy to update. We structured the website as a single page with additional project pages. 99% of the website can be updated simply, making it easy for the client to update with new projects or photography.

When a website works well, the spotlight’s on you.

What we have used

<svg viewBox="0 0 106 28" class="logoSVG"><g><path d="M62.9 12H65.6999V22H62.9V20.7C61.9 22.2 60.5999 22.3 59.7999 22.3C56.6999 22.3 54.7 19.9 54.7 17C54.7 14 56.6999 11.7 59.5999 11.7C60.3999 11.7 61.8999 11.8 62.7999 13.3V12H62.9ZM57.7 17C57.7 18.6 58.8 19.8 60.5 19.8C62.1 19.8 63.2999 18.6 63.2999 17C63.2999 15.4 62.2 14.2 60.5 14.2C58.9 14.2 57.7 15.4 57.7 17Z" fill="black"></path><path d="M71.2 14.4V22H68.4V14.4H67.3V12H68.4V8.59998H71.2V12H73.1V14.4H71.2Z" fill="black"></path><path d="M79.7001 14.4C79.0001 13.8 78.4001 13.7 78.1001 13.7C77.4001 13.7 77.0001 14 77.0001 14.5C77.0001 14.8 77.1001 15.1 77.9001 15.4L78.6001 15.6C79.4001 15.9 80.6001 16.2 81.1001 17C81.4001 17.4 81.6001 18 81.6001 18.7C81.6001 19.6 81.3001 20.5 80.5001 21.2C79.7001 21.9 78.7001 22.3 77.5001 22.3C75.4001 22.3 74.3001 21.3 73.6001 20.6L75.1001 18.9C75.7001 19.5 76.5001 20.1 77.3001 20.1C78.1001 20.1 78.7001 19.7 78.7001 19C78.7001 18.4 78.2001 18.1 77.8001 18L77.2001 17.8C76.5001 17.5 75.7001 17.2 75.1001 16.6C74.6001 16.1 74.3001 15.5 74.3001 14.7C74.3001 13.7 74.8001 12.9 75.3001 12.4C76.1001 11.8 77.1001 11.7 77.9001 11.7C78.6001 11.7 79.8001 11.8 81.1001 12.8L79.7001 14.4Z" fill="black"></path><path d="M85.8 13.3C86.8 11.9 88.2 11.7 89 11.7C91.9 11.7 93.9 14 93.9 17C93.9 20 91.9 22.2999 88.9 22.2999C88.3 22.2999 86.8 22.2 85.7 20.7V22H83V5.19995H85.8V13.3ZM85.5 17C85.5 18.6 86.6 19.8 88.3 19.8C89.9 19.8 91.1 18.6 91.1 17C91.1 15.4 90 14.2 88.3 14.2C86.6 14.2 85.5 15.4 85.5 17Z" fill="black"></path><path d="M98.5 20.5L93.7 12H97L100.1 17.7L102.9 12H106.1L98.1 27.3H94.9L98.5 20.5Z" fill="black"></path><path d="M54 13.6999H51.2H47V16.4999H50.7C50.1 18.3999 48.7 19.6999 46.1 19.6999C43.2 19.6999 41.1 17.2999 41.1 14.3999C41.1 11.4999 43.1 8.99993 46 8.99993C47.6 8.99993 49.2 9.79993 50.2 11.0999L52.5 9.59993C51 7.49993 48.6 6.29993 46 6.29993C41.6 6.29993 38 9.89993 38 14.3999C38 18.8999 41.4 22.4999 46 22.4999C50.6 22.4999 54 18.8999 54 14.3999C54.1 14.0999 54 13.8999 54 13.6999Z" fill="black"></path><path d="M25 14H18V16H22.8C22.1 19 19.9 21.5 17 22.5L5.50005 11C6.70005 7.5 10.1 5 14 5C17 5 19.7 6.5 21.4 8.8L22.9 7.5C20.9 4.8 17.7 3 14 3C8.80005 3 4.40005 6.7 3.30005 11.6L16.5 24.8C21.3 23.6 25 19.2 25 14Z" fill="white"></path><path d="M3 14.1C3 16.9 4.1 19.6 6.2 21.7C8.3 23.8 11.1 24.9 13.8 24.9L3 14.1Z" fill="white"></path><path d="M14 0C6.3 0 0 6.3 0 14C0 21.7 6.3 28 14 28C21.7 28 28 21.7 28 14C28 6.3 21.7 0 14 0ZM6.2 21.8C4.1 19.7 3 16.9 3 14.2L13.9 25C11.1 24.9 8.3 23.9 6.2 21.8ZM16.4 24.7L3.3 11.6C4.4 6.7 8.8 3 14 3C17.7 3 20.9 4.8 22.9 7.5L21.4 8.8C19.7 6.5 17 5 14 5C10.1 5 6.8 7.5 5.5 11L17 22.5C19.9 21.5 22.1 19 22.8 16H18V14H25C25 19.2 21.3 23.6 16.4 24.7Z" fill="#663399"></path></g></svg>

Gatsby

<svg viewBox="0 0 512 104" version="1.1" preserveAspectRatio="xMidYMid" class="logoSVG"><g><polygon fill="#F37368" points="381.461756 36.9858357 381.461756 101.81983 360.575637 101.81983 360.575637 26.8328612"></polygon><path d="M85.8651558,89.7813031 L101.529745,103.415297 L167.524079,69.0402266 L160.707082,52.6504249 L85.8651558,89.7813031 Z M360.575637,48.0090652 L413.66119,20.4509915 L404.668555,4.93144476 L360.575637,26.8328612 L360.575637,48.0090652 Z" fill="#F7A199"></path><path d="M211.18187,31.9093484 L211.18187,101.81983 L191.166006,101.81983 L191.166006,2.17563739 L211.18187,31.9093484 Z M85.8651558,89.7813031 L101.529745,103.415297 L131.698584,27.9932011 L121.980737,2.17563739 L85.8651558,89.7813031 Z" fill="#F37368"></path><path d="M121.980737,2.17563739 L142.576771,2.17563739 L180.722946,101.81983 L159.546742,101.81983 L121.980737,2.17563739 Z M214.227762,2.17563739 L258.175637,70.2005666 L258.175637,101.81983 L191.166006,2.17563739 L214.227762,2.17563739 Z M295.886686,2.17563739 L316.627762,2.17563739 L316.627762,101.81983 L295.886686,101.81983 L295.886686,2.17563739 Z M360.575637,20.4509915 L328.666289,20.4509915 L328.666289,2.17563739 L403.073088,2.17563739 L413.66119,20.4509915 L381.461756,20.4509915 L360.575637,20.4509915 Z" fill="#F04939"></path><polyline fill="#F7A199" points="475.014164 63.9637394 475.014164 101.81983 454.41813 101.81983 454.41813 63.9637394"></polyline><polygon fill="#F04939" points="489.228329 2.17563739 454.41813 63.9637394 475.014164 63.9637394 511.129745 2.17563739"></polygon><polygon fill="#F37368" points="454.41813 63.9637394 418.447592 2.17563739 441.074221 2.17563739 465.296317 44.5280453"></polygon><path d="M8.55750708,13.7790368 C8.55750708,27.5580737 17.1150142,35.8254958 34.2300283,40.1767705 L52.3603399,44.3830028 C68.6050992,48.1541076 78.4679887,57.4368272 78.4679887,72.5212465 C78.6130312,79.0481586 76.4373938,85.4300283 72.5212465,90.6515581 C72.5212465,75.5671388 64.6889518,67.4447592 45.9784703,62.5133144 L28.1382436,58.4521246 C13.7790368,55.2611898 2.75580737,47.5739377 2.75580737,31.184136 C2.75580737,24.9473088 4.78640227,18.7104816 8.55750708,13.7790368" fill="#F04939"></path><polygon fill="#F37368" points="258.175637 65.1240793 258.175637 2.17563739 278.191501 2.17563739 278.191501 101.81983 258.175637 101.81983"></polygon><path d="M61.3529745,68.7501416 C69.0402266,73.6815864 72.5212465,80.6436261 72.5212465,90.6515581 C65.9943343,98.9189802 54.8260623,103.415297 41.6271955,103.415297 C19.4356941,103.415297 3.62606232,92.392068 0.290084986,73.3915014 L21.6113314,73.3915014 C24.3671388,82.094051 31.6192635,86.1552408 41.482153,86.1552408 C53.2305949,86.3002833 61.207932,79.9184136 61.3529745,68.7501416 M8.55750708,13.6339943 C14.7943343,5.51161473 25.5274788,0.580169972 38.5813031,0.580169972 C61.3529745,0.580169972 74.4067989,12.6186969 77.7427762,29.4436261 L57.1467422,29.4436261 C54.8260623,22.7716714 49.1694051,17.5501416 38.8713881,17.5501416 C27.7031161,17.6951841 20.1609065,24.0770538 19.725779,34.2300283 C12.2517705,30.1081799 8.2674221,22.0464589 8.55750708,13.6339943 Z" fill="#F37368"></path></g></svg>

Sanity.io

<svg viewBox="26 -29 120 60" class="logoSVG"><linearGradient gradientUnits="userSpaceOnUse" x1="173.867" y1="-72.65" x2="216.749" y2="-72.65"><stop offset="0" stop-color="#e96f0b"></stop><stop offset="1" stop-color="#f37901"></stop></linearGradient><g fill="#757575"><path d="M74.093 7.228l2.388 6.27h-4.627l2.24-6.27zm-.896-2.1l-5.224 13.73h1.94l1.343-3.73h5.82l1.343 3.73h1.94l-5.224-13.73h-1.94zm28.2 13.742h1.8V5.138h-1.8v13.73zm-18.35-8.07c.597-.896 1.8-1.642 2.985-1.642 2.388 0 3.582 1.642 3.582 4.03v5.82h-1.8v-5.522c0-1.94-1.045-2.687-2.388-2.687-1.493 0-2.537 1.493-2.537 2.836v5.224h-1.8V9.32h1.8l.15 1.493zm8.06 5.234c0-2.1 1.94-3.284 4.18-3.284 1.343 0 2.24.3 2.537.597v-.3c0-1.493-1.194-2.24-2.388-2.24-1.045 0-1.94.448-2.24 1.343l-1.642-.746c.3-.896 1.493-2.24 3.88-2.24 2.24 0 4.18 1.343 4.18 4.03v5.672h-1.642v-1.343h-.15c-.448.746-1.493 1.642-3.134 1.642-1.94 0-3.582-1.194-3.582-3.134m6.716-1.194s-.746-.597-2.24-.597c-1.8 0-2.537 1.045-2.537 1.8 0 1.045 1.045 1.493 1.94 1.493 1.343 0 2.836-1.194 2.836-2.687"></path><path d="M105.735 23.05l2.1-4.925-3.73-8.657h1.8l2.836 6.567 2.836-6.567h1.8l-5.82 13.582h-1.8zm26.27-10.45c-.448-1.194-1.493-1.94-2.537-1.94-1.493 0-2.836 1.343-2.836 3.284s1.343 3.284 2.836 3.284c1.045 0 2.1-.746 2.537-1.8l1.493.896c-.746 1.642-2.24 2.687-4.03 2.687-2.537 0-4.627-2.24-4.627-5.075 0-2.985 2.1-5.075 4.627-5.075 1.8 0 3.284 1.045 4.03 2.687l-1.493 1.045z" fill-rule="evenodd"></path><path d="M138.422 19.168c2.388 0 3.582-1.343 3.582-2.985 0-3.582-5.224-2.24-5.224-4.328 0-.746.597-1.194 1.642-1.194s2.1.448 2.537 1.194l1.045-1.045c-.597-.746-2.24-1.8-3.73-1.8-2.24 0-3.433 1.343-3.433 2.985 0 3.433 5.373 2.24 5.373 4.03 0 .896-.597 1.493-1.8 1.493s-1.8-.746-2.388-1.493L134.7 17.08c.896.896 2.24 2.1 3.73 2.1zm-17.015-.298h1.8V9.318h-1.8v9.552z"></path><path d="M122.153 4.7c.746 0 1.194.597 1.194 1.194 0 .746-.597 1.194-1.194 1.194s-1.194-.597-1.194-1.194.597-1.194 1.194-1.194zm-2.537 12.687l.3 1.343h-1.8c-1.642 0-2.388-1.194-2.388-2.985V11.1h-1.8V9.3h1.8V6.482h1.8v2.836h2.1v1.8h-2.1v4.925c0 1.343 1.045 1.343 2.1 1.343z" fill-rule="evenodd"></path><path d="M77.048-10.042v2.24h5.224c-.15 1.194-.597 2.1-1.194 2.687-.746.746-1.94 1.642-4.03 1.642-3.134 0-5.672-2.537-5.672-5.82 0-3.134 2.537-5.82 5.672-5.82 1.8 0 2.985.746 3.88 1.493l1.493-1.493c-1.343-1.194-2.985-2.24-5.373-2.24-4.328 0-8.06 3.582-8.06 7.9s3.73 7.9 8.06 7.9c2.388 0 4.18-.746 5.522-2.24 1.493-1.493 1.94-3.433 1.94-5.075 0-.448 0-1.045-.15-1.343h-7.313zm13.282-1.8c-2.836 0-5.075 2.1-5.075 5.075s2.24 5.075 5.075 5.075a5.03 5.03 0 0 0 5.075-5.075c0-2.985-2.24-5.075-5.075-5.075zm0 8.2c-1.493 0-2.836-1.343-2.836-3.134S88.837-9.9 90.33-9.9s2.837 1.2 2.837 3.13-1.343 3.134-2.836 3.134zm24.47-7.156c-.597-.597-1.493-1.194-2.836-1.194-2.537 0-4.776 2.24-4.776 5.075s2.24 5.075 4.776 5.075c1.194 0 2.24-.597 2.687-1.194h.15v.746c0 1.94-1.045 2.985-2.687 2.985-1.343 0-2.24-1.045-2.537-1.8l-1.94.746c.597 1.343 2.1 2.985 4.478 2.985 2.687 0 4.925-1.493 4.925-5.373V-12h-2.1v1.194zm-2.537 7.164c-1.493 0-2.687-1.343-2.687-3.134s1.194-3.134 2.687-3.134 2.687 1.343 2.687 3.134-1.194 3.134-2.687 3.134zm-10.897-8.2c-2.836 0-5.075 2.1-5.075 5.075s2.24 5.075 5.075 5.075a5.03 5.03 0 0 0 5.075-5.075c.15-2.985-2.24-5.075-5.075-5.075zm0 8.2c-1.493 0-2.836-1.343-2.836-3.134s1.343-3.134 2.836-3.134 2.836 1.194 2.836 3.134-1.343 3.134-2.836 3.134zM118.7-17.206h2.24v15.522h-2.24v-15.522zm8.358 13.582c-1.194 0-1.94-.597-2.537-1.493l6.866-2.836-.3-.597c-.448-1.194-1.8-3.284-4.328-3.284-2.687 0-4.776 2.1-4.776 5.075a5.03 5.03 0 0 0 5.075 5.075c2.388 0 3.73-1.493 4.328-2.24l-1.8-1.194c-.597.896-1.343 1.493-2.537 1.493zm-.15-6.27c.896 0 1.642.448 1.94 1.194l-4.627 1.94c0-2.24 1.493-3.134 2.687-3.134z"></path></g><g transform="matrix(.198617 0 0 .198616 29.128442 -18.08775)"><path d="M130 29v132c0 14.77 10.2 23 21 23 10 0 21-7 21-23V30c0-13.54-10-22-21-22s-21 9.33-21 21z" fill="#f9ab00"></path><g fill="#e37400"><path d="M75 96v65c0 14.77 10.2 23 21 23 10 0 21-7 21-23V97c0-13.54-10-22-21-22s-21 9.33-21 21z"></path><circle r="21" cy="163" cx="41"></circle></g></g></svg>

Google Analytics