WebMechanix

Digital Marketing Agency

WebMechanix's rebrand and website redesign project
WebMechanix's homepage

Introduction

WebMechanix (WMX) is a growing, full-stack digital marketing agency that helps clients with SEO, paid advertising, and conversion rate optimization, among many other marketing-related services. After being in business for 10 years (six of which I was a part of), I kickstarted the initiative to rebrand the company for the next decade and beyond.

I led the project discovery at the start to ensure the new brand aligns with the company direction and helped users see why they should partner with WMX. I did this by consulting with various stakeholders and customers to extract out information on how they perceive the company, including the culture, voice, and offerings. It resulted in a brand that’s energetic, flexible, and cohesive. Its industrial characteristics are a slight play on the company name and the amount of work that employees do behind-the-scenes.

Team

Bart Heird

Creative Director

Justin Kalaskey

Abbey Schuyler

Dennis Zechman

Associate Director, UX

Sr Digital Designer

Sr Digital Designer

Mike Kroptavich

Jess Lovett

Elina Rapoport

Walt Irby

Digital Designer

UX Designer

UX Designer

Development

Quick stats

  • 3 years from brand discovery to launch
  • 2 iterations of the website launched during this timeframe
  • 1 very happy team to finally launch a new website

My role

Team Lead

Design

Branding

Research

Wireframes

Interviews

Discovery & research

When this project began, we knew we had problems with the website, especially with it being several years old and built without intention. What we didn’t realize is just how many problems we were faced with until we started speaking to internal stakeholders (C-suite, sales, and marketing), current customers, and sales prospects.

In addition to interviews, I led internal workshops to build personas, organizational goals, and identify how we can improve the WebMechanix brand. I also worked with our internal marketing team to review our Google Analytics and Hotjar data to see what users were actually doing on the website.

Insight 1

Decision-makers had difficulty seeing the benefit of working with WMX

WMX’s website was its top sales tool in helping to convince CMOs and Directors of Marketing that we should be considered as an agency partner. But with jargon-filled content that didn’t say anything, these users were getting confused and usually ended up leaving.

Insight 2

Users didn’t trust an agency that gated case studies behind a form

One of the biggest findings was the frustration that users faced when confronted with a form, especially as they’re trying to vet WMX’s experience. While collecting emails was important to WMX, users saw it as a hindrance, preventing them from seeing the successes WMX had with other clients.

Insight 3

The WMX brand was inflexible and stuck in the past

The overall WMX brand hadn’t experienced a solid redesign in nearly a decade and it showed. The brand was ruled by dark, masculine colors, poor iconography, and trends that had died out years prior.

Sorting Stakeholder & User Data

Affinity map of stakeholder and user responses for WebMechanix website

Appealing to CMOs & Directors

There are two primary audiences coming to the WebMechanix website: Decision-makers looking to hire WMX and Career Seekers. For this iteration of the refresh and the upcoming larger redesign, we focused on the former audience, made up of CMOs and/or their second-in-commands.

I spoke with eight recent clients and prospects to gain a better understanding of their research process and impressions of the website. This information, combined with expert knowledge from internal stakeholders, helped us to create archetypes and paved the way for a better website experience.

Archetypes > Personas.
Ask me why.

Paige, the Influencer archetype sheetPat, the Decision Maker archetype sheet
Case study page design
Work page design
Examples of ads created by WebMechanix

Flexible and trustworthy branding

One of the internal stakeholder workshops I led was a session to gain a better understanding of the WMX brand and what it should represent. Using the insights we uncovered, I sent out a survey to all employees to see how their views matched up. The results were fairly well aligned with our findings, helping to solidify our branding direction.

Over the course of several months, myself and the entire creative team collaborated to elaborate on our colors, typography, iconography, and writing voice.

The outcome was a brand evolution that still retained some of the WMX feeling while promoting trust through brighter colors, personable typography, and a custom illustrative style that felt uniquely us.

WebMechanix's logo overlaying solid colors that change behind it

Typography

Industry (Headings)

Industry is a bold squared geometric sans with a high x-height for clear legibility. Its square features feel mechanical and ready tackle the toughest jobs.

Proxima Nova (Body)

Proxima Nova is a contemporary sans serif with lightly geometric features. This allows it retain a high legibility at smaller sizes and balances well against Industry.

Results

+2

new design-only client retainers

+43%

increase in conversions

23

pages rewritten for clarity and brevity

So what's next?

Go to RNL's website redesign project

RNL

Website Redesign

[ View ]
Previous
Go to the Tufts Medicine project

Tufts Medicine

Healthcare

[ View ]
Next

These wouldn't be picked last for kickball