Category: Website Management

  • Totem Mats Website Redesign & Build

    Totem Mats Website Redesign & Build

    Totem Mats is a leading access mat supplier in the United States, with over 85 production and inventory locations throughout the U.S. They came to Structure because they felt like their website wasn’t competing in the marketplace. They wanted to create an excellent first impression and drive more leads and sales.

    Totem Mats Website Design & Development

    Challenge

    When Totem Mats contacted Structure, their website was broken, outdated, and underperforming. They needed to be redesigned and rebuilt with a fresh look and additional features without losing traction in Organic search. Furthermore, they needed the leads they generated on the website to feed to Salesforce, their ERP/CRM.

    Solution

    Totem Mats got a facelift from the ground up. We enhanced their overall look and feel with a refined color palette and texture pack, culminating in an updated visual design. Our UX design team restructured the product pages to showcase their products better, and our development team ensured the site was built lean to perform well in low-data environments.

    Results

    The updated Totem Mats WordPress website launched without a hitch, including no noticeable traffic losses. SEO traffic increased by 69%. Lead generation efforts improved and the website automated many business processes that were previously manual, saving time and money. Lastly, the website looks strong and helped the Totem Mats team feel more confident.

    Since the launch of the new website, we have successfully forged ahead with no discernable traffic losses whatsoever. Credit to Simon (Structure) and his meticulousness in executing this project so well. I have personally been involved directly or peripherally in many website redesign projects, and on many occasions, there is a significant drop in SEO traffic after a redesign. We got things right.

    Kyle, totem mats SEO Advisor

    Website Design & Development

    There’s a rule in website design, and that is this: keep what works. In this project, our WordPress website design team aimed to keep what was working for Totem Mats while improving in the underperforming areas.

    For Totem Mats, that was the first impression in their website hero, the navigation, the product pages, and the contact form.

    Transforming the hero

    There’s another rule in web design: if someone isn’t interested in the first five seconds after landing on your website, they will leave.

    So we traded the old Totem Mats hero with something more interesting: a big, tall, and tan Oswald font over a highly designed background image of a tanker truck driving on their access mats.

    There’s nothing like showing the product in action!

    A home page hero should show the transformation or result that your product or service provides. For Totem Mats, that’s access to inaccessible areas.

    Totem Mats website before redesign
    totemmats.com before
    Totem Mats website after redesign
    totemmats.com after

    Their continued efforts on everything we threw and their abilities to overcome challenging problems were incredible.

    Trevor, ceo

    Improving the website navigation

    The old Totem Mats website had a navigation menu in the code. Because it was outdated, the menus had broken, leaving no way for customers to find product pages or contact the company. Yikes!

    We prioritized the navigation with a contact menu at the very top, and a primary pages menu below it—including a Get a Quote call-to-action button.

    Enhancing the product pages

    It’s common for some of the most popular pages on a website to be its products or services pages. Typically, those pages are the front door to many website visitors. The same was valid for Totem Mats.

    The only caveat, however, is that many of Totem Mats’ customers would buy multiple products in the same order. Therefore, it was essential to making it easy to navigate between products to compare and contrast. And the Products tab in the navigation menu wasn’t cut it.

    We devised a resource-style category navigation menu so customers could easily navigate through it.

    Driving Leads with a Quote Request Form

    What was previously a simple, boring contact form became a lead generation machine after we added a Quote Request form. 

    Totem Mats Quote Form Lead Generation Web Design & Development

    Connecting Gravity Forms to Salesforce

    We mapped specific form fields directly to the Totem Mats Salesforce account so team members could manage every request using the CRM Perks Gravity Forms Salesforce Plugin.

    Getting contact data to map perfectly to Salesforce (or any CRM for that matter) can be a difficult task—as was the case with the Totem Mats quote request Salesforce integration. One challenging field was the Company Name field, as customers from the same company would spell or case the company name differently. The result was Salesforce developed multiple accounts for the same company. This was confusing to the sales team and needed to be remedied.

    We implemented a custom Gravity Forms ZoomInfo integration to create predictions so that quote requesters could quickly add their company name consistently every time. The experience is much like Google autocomplete predictions. The data from the form field is cross-checked with ZoomInfo’s database and sent directly to Salesforce.

    Gravity Forms Split Testing

    The Totem Mats Request a Quote form is lengthy. While it provides an abundance of information for their sales team, they feared it would detract from the number of leads who would fill out the form.

    We answered that question by running an A/B testing campaign using a Gravity Wiz split testing snippet to determine which fields were vital. In this test, we showed three quote form variants to users at an equal ratio and determined which version was filled out the most.

    WordPress Website Management

    Managing a custom WordPress website can be complex, especially when you’re running paid advertising campaigns, relying on it to generate qualified leads, and want to put the best foot forward in the market like Totem Mats.

    They had never paid for professional WordPress website management before. They were hesitant to do so, but after remembering the trouble with their last website and the desire to keep their team focused on other things instead of website management, they decided to hire Structure to help after the launch.

    The most valuable aspect of our Essential WordPress Website Management package to Totem Mats was the ability to have a dedicated Account Manager they could message directly about marketing or website questions—and get a thoughtful, detailed response within 24 hours most of the time.

    In addition, they appreciate having a well-oiled website machine that’s up-to-date, secure, and working for them without having to think much about it regularly.

  • Shasta Power Website Redesign

    Shasta Power Website Redesign

    Shasta Power came to us with an outdated, confusing website that didn’t represent their offering well. So we helped them revise their visual identity and message—culminating in an impactful website redesign.

    Shasta Power Website Redesign Hero
    shasta power hero

    Challenge

    Shasta Power built its first website on a budget. It was time to invest in a professional website, but the other website design and development firms Shasta Power spoke to wanted to throw them into a box. They didn’t listen or care about the business or user’s needs.

    Solution

    We took Shasta Power through our Website Process, starting with understanding the website goals. We then did a brand refresh and designed a custom, responsive website. The website development was on WordPress and integrated its business systems with the website

    Results

    Awareness metrics have risen across the board, including new followers and site visitors, up over 600% and 200%, respectively. We worked quickly against a short timeline while maintaining an impressive quality standard for the brand.

    Shasta Power Website Redesign Before
    shastapower.com before
    Shasta Power Website Redesign After
    shastapower.com after

    If I had to boil it down to one thing, I would say their integrity is their best quality. I get a sense of honesty and quality from them; they take their work seriously and do it in a professional manner.

    max roe, partner
    Shasta Power Website Redesign Product Page
    summit power fund product page

    Logo Design

    When Shasta Power came to us, they didn’t have an official logo. So the first thing we did was explore logo options for their new website design. We delivered a handful of comps, ideas, and styles for them to review. After a few iterations, we landed on a logo that was strong, confident and represented Mount Shasta—the symbol behind the brand.

    Similarly, Shasta Power didn’t have any colors representing its product or mission. As a company as a solar investment firm, we developed a pallet that represented the earthy nature of their work. We lead with a solid orange and yellow gradient, with supporting blue, green, and clay colors representing the environments they develop in.

    Website Design

    As with all website design, you can’t have a great beautiful site that makes no sense. So we invested heavily in information architecture, wireframing, and content development. This strategic process helped ensure the site helped users progress through the content and was simple and easy to understand—all the while representing Shasta Power in its best light. Once we had the blueprint down, we applied the brand, and it turned out beautifully.

    Shasta Power wanted to use its website to generate leads, so we built a custom webinar registration flow. This included a landing page template they could use and replicate for any webinars they host for marketing or customer engagement. Additionally, it had a registration form and a webinar video page where they could embed their live content for users to engage with.

    Website Development

    Shasta power was familiar with WordPress CMS, which we love to build with. So we built their new site in a very similar way to their old site using a custom theme and Advanced Custom Fields content editing fields. This kept the entire experience familiar and allows them to swap out photos and make copy changes when they want to without worrying they’re going to break anything.

    On the front end, Shasta Power added an Animation Package so that the content fades smoothly as a user scrolls down the site. This small addition makes a massive difference for the user and helps them stay focused on the contact right in front of them while guiding them through the site.

    Website Management

    Shasta Power took advantage of our Startup Website Management Package, so they didn’t have to worry about regularly updating WordPress core, theme, or plug-ins. They also appreciated being able to reach out to us here and there to update content on the site or ask questions without starting a new project.

    Moreover, Shasta power has trusted us as an ongoing partner to help them grow their website through additional digital marketing initiatives.