Building a Website that Embraces Every User (And Has Fun Doing It)

DataDrive is a data analytics consultancy offering a variety of technical services to a wide range of organizations. The breadth of their services and the extensive array of organizations that sought them created a problem: they had web users and potential clients with wildly different skill sets and industry knowledge arriving at their website with a large range of needs, and they had no idea how to communicate with them.

When I began at DataDrive we arrived at three core goals: to create a website that speaks to a wide range of users and allows them to use the website according to their skillset and the services they need, to create a website that stood out from our competitors, and to increase our overall traffic and conversions.

Where Do I Fit In?

I represented DataDrive’s marketing, design, and web efforts as the only member of their creative team. I checked in periodically with the company’s director to ensure we were aligned on project goals and deadlines.

Creative Director

Graphic Designer

UX Designer

Copywriter

Why Redesign?

— Low Traffic

— High Bounce Rate

— No Web Submissions

— Hard to Navigate

— No Personality

Project Goals

— Increase Traffic

— Lower Bounce rate

— Increase Web Submissions

— Create a Functional Web Experience

— Define DataDrive’s Brand

Where We Started

DataDrive’s existing website provided a brief summary of DataDrive’s mission and values but failed to comprehensively outline its services. Ultimately, the site failed to attract users, failed to engage the users it did attract, and did not serve as a point of conversion.

 

Our Plan: A Webflow for Every User

After researching DataDrive’s previous traffic patterns it became clear there were two distinct types of users. There were those working in the analytics space interested in researching DataDrive’s service offerings and team, and users with little analytics knowledge who wanted to explore a bit of everything. Though the users explored the site very differently, they had a common goal: to figure out what exactly DataDrive could offer their organization.

The question of DataDrive’s offerings didn’t have a simple answer. Well, in a sense it did: whatever data stuff you need to be done, DataDrive can probably do it. But we needed to anticipate what specific questions users were asking to qualify ourselves in that space. These questions could include our team’s qualifications, what technologies we partnered with, what our service offerings were, and more.

I decided to approach the website in the same way, I’d approach a ‘choose your own adventure’ book. We would have the answer to every question and the outcome to any situation readily available for our users, and allow them to explore the site based on their needs and comfort level with the content.

This took shape in a simple but broad web map, with each page featuring expansive connections to other parts of the site.

 
 

Basic Web Map

 

Web Map with Connections

Choose Your Own Adventure

DataDrive’s tagline is ‘Embrace the Adventure’, and much of their existing brand was already adventure-based. I wanted the user’s experience on our site to feel like an adventure from beginning to end. I decided to create one solid image as the background of DataDrive’s homepage to illustrate a journey. This gives the user the ability to explore not just our site and content, but the environment we created.

Additionally, I created adventure-based brand assets and used adventure-esque language in our CTAs. We wanted to create a unique and exciting web experience in the simple and often tame tech space we occupied to stand out from our competitors.

 

Check out the full DataDrive brand case study here!

Telling A Consistent Story

The journey continues as users begin to explore the site. Each menu section has a theme based on its placement on the home page, and that theme carries through all web pages and landing pages associated with that section.

The team section falls in the ‘basecamp’ portion of the home page. The team webpage features a header and footer that highlights the basecamp art, and each team member's webpage also features a less prominent nod to the theme in its header and footer.

The theme continues in each section, with case studies utilizing the same pattern of a large header in accordance with its section on the homepage, and each individual case study featuring a more subtle header and footer in-theme.

This pattern continues throughout the site.

 
 

A Web Flow for Every User

I used the research I’d done on users’ behavior for our previous site to fashion a few user journeys that informed the way we built the new site.

 
 

John

John is a senior analyst at an enterprise-level consumer packaged goods company. John is looking to hire a team of data visualization experts to support his existing team of analysts. John has advanced knowledge of the analytics industry .

John is researching DataDrive and is looking for two key things- that DataDrive offers data visualization services that align with the tools his existing team uses, and to see if DataDrive’s team members are compatible with his team in skillset and experience (personality doesn’t hurt, either).

When John visits the DataDrive site, he navigates to the ‘data visualization’ services page. Seeing we offer a service compatible with what he’s looking for, he navigates to one of our team member pages. Our team member page highlights where our expert excels, and prompts John to contact DataDrive.

 

Brenda

Brenda is a restaurant owner looking to expand her business, but she’s having trouble keeping analytics reporting consistent and accurate in her existing locations. She wants to hire someone to standardize the way data is collected and reported, but she doesn’t know where to start. Brenda has very little analytics knowledge.

Brenda isn’t visiting DataDrive with a well-defined goal. When navigating to DataDrive’s homepage, she first decides to read the ‘Who We Are’ page to get a sense of what DataDrive does. Curious about what services DataDrive offers, she uses the main navigation to visit the services page and reads an overview of DataDrive’s four services. She believes her business could make use of data visualization, cloud data engineering, and analytics enablement services. She navigates to the analytics enablement page because she understands that a large part of what her business needs is help understanding data reporting. While exploring the landing page, she discovers the ‘pricing strategy’ case study and clicks the link. She can see how the use of cloud engineering and analytics enablement could make a big impact for her restaurant, and decides to contact DataDrive.

 

So, How Did It Do?

It took three months to build out the site. The original site had only six webpages and by the time we were finished with the redesign, we had 54 total pages. The website saw an immediate increase in web traffic from excited users and clients, and continued to see increased traffic due to the SEO optimization we implemented throughout the site. The site was well received by business users and developers alike.

Final Numbers from 2021 to 2022

Web Traffic

From 12k users to 84k users

Homepage Bounce rate

From 93% to 35%

Total Conversions

From 0 to 126