#dcwebsite

Directive Consulting
Website Redesign

Directive Consulting Website Redesign

Directive Consulting
Website Redesign

During my time at Directive, I recognized that the company was growing up and our identity needed to reflect our maturity while retaining our flexibility in order to adapt. This 4-month long project involved me reworking the entire user experience of our brand and our website. 

dcnewcover

The Problem

What initially first started this project was a branding overhaul that I did for Directive Consulting. The existing website was first built in the early years of Directive. The design and development was handled by another agency that would bill us for every change we requested. After the rebranding project, Directive need a fresh start.

static1.squarespace

The Process

I looked at some of the biggest players in the industry. Some companies’ sites were more creative, while others were more focused on digital marketing. But none seemed to speak directly to the heart of the B2B market. That validated our decision to specialize in a niche.

researchDc

Project Goals 

Through careful interviewing of clients, staff, and our upper management (including working closely with our CEO), I was able to ensure the company’s needs and work with web developers to bring a brand new design, brand code, and UX to life.

 

Rethink the Site Map

Legacy code from the years of edits made the site builder slow and clunky. We cleaned all the dead links from the site. Important content was being hidden deep within the site. We sought to bring those up and front.

Cut Development Cost

With every new edit, the development fees were increasing. As a Marketing Agency, we didnt need to run custom code. We sought to switch to a site builder platform that would let any colleague edit the website easily. 

Showcase Case Studies

With a wide ranging portfolio, we wanted to showcase our successes and results to potential clients. Quickly providing them with small anecdotes of success.

sitemap

The Wireframes 


After 6 different mockup concepts, We collected feedback from the stakeholders at every level. Eventually we made our way to a few final iterations that we thought would speak to our audience the best.

wireframesdc

The Solution

A new sharp & modern website to showcase our product offering and quickly see case studies of our primier clients built on WordPress with the flexibility to change on the fly without advanced development skills being necessary.

Screen Shot 2021-09-15 at 9.57.55 AM
.underline-links a {position: relative; display: inline-block;} .underline-links a::before { content: ''; position: absolute; z-index: 0; left: 0; right: 100%; bottom: 0; background: #000; height: 1px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .underline-links a:hover:before {right: 0 !important;}