Final Product: ohmproductions.com

Background:

OHM Productions is one of Washington, D.C and Northern Virginia’s premiere full-service production companies. Since 1999, OHM productions has been a partner along side; Live Nation Entertainment, Echostage, WolfTrap and countless others, in building out the D.C metro area’s sound and lighting design infrastructure.

I was enlisted to redesign the website as a Freelancer. My main focus was showcasing OHM productions' groundbreaking body of work and enhancing lead generation as they venture into video production.

/Phase 1: Discover

To gain a better understanding of the direction OHM productions was looking for, I interviewed key stakeholders. 

Key Findings: 

• Need for page to showcase the reel for the new video production department

• Enhanced lead generation

• Give context to past work in differing departments

Old website usability:

The old website was slapped up around 2010 using the website builder Squarespace. In a time where companies, especially those that operate behind the scenes like OHM Productions, could get away with just having something up there.

The old website was essentially a photo gallery, with no context, and the only text on the site was the companies mission statement. (See below.)

//Phase 2: Inspiration & Site Map

Inspiration:

At the end of the stakeholder interviews, I asked that they create a list of their favorite digital products and websites to get a sense for the teams design tastes before beginning the designs.

Site Map:

Before diving into design, I created a site map as a reference point. (See below.)

///Phase 3: Redesign

When it came to actual designs, they progressed in the following order:

Lo-fidelity wireframes —> Hi-fidelity mockups —> Hi-fidelity prototype —>Build in Squarespace

I was able to incorporate a few elements from the old site into the redesign, including:

• Photos

• Black/dark theme

Goals:

My goals for the redesign were to showcase OHM’s portfolio by giving context to the amazing photos on the original site, and to add calls to action for visitors who want to inquire further about the companies services.

Side by side comparisons: Original and Redesign

Landing Page:

Concerts Page:

New Pages:

////Phase 4: Results & Takeaways

Results:

• Bounce rate decreased by over 30+% in the first year.

• Inquiries for services via website tripled in the first year.

Takeaways:

• Context is key: Having photos of Tiger Woods and Calvin Harris on your website mean nothing with no context.

• Working with stakeholders: Learned contract negotiations (rounds of revisions, invoicing, deliverable schedules & price), communicating how design decisions meet business needs and about the business model of a one of Washington D.C.’s best production companies.

Final Product: ohmproductions.com