Meng Yang
Graphic Designer
MY_fulton-market-kitchen.png

Blog

The Process - Analytics8 Site

a8-site.jpg
 
 

a structured process

One of the seldom things that gets lost in the design narrative is the process. At the end of the day, the end result is what both client and agency are aiming for. The client gets a new tool that better helps their company’s services and offerings. And, the agency gets a shiny portfolio piece and a check.

Beyond the glitzy portfolio pics though, what’s missing are the numerous back-and-forth client emails, phone calls with various vendors, scheduled client meetings, multiple folders housing rounds of revised PDF’s. Essentially, the backbone and the guts of what makes a project successful usually goes unnoticed.

 
 
a8-wireframe-1.jpg
 
 

One such successful project I was involved in was Analytics8’s website redesign while I was working at UnitOneNine as Art Director. Working with the ACD, from the get-go of the project, we both established a trustful relationship with the client point-of-contact, the VP of Marketing. After combing through the creative brief and outlining projects goals, we built basic wireframe and architecture documents to walk through with the client.

 
 
a8-wireframe-2.jpg
a8-wireframe-3.jpg
 
 

The documents were bare-bones enough to highlight talking-points on headers, menu/sections, footer, products, services; essentially a content hierarchy for each page. These documents also allowed for client input, for them to visualize what other crucial items should be considered like adding Upcoming Events, New Products & Services,  Announcements, etc.

We also made mobile-version wireframes to show how content would truncate. This let the client understand how to reduce heavy copy areas to matter-of-fact statements and to get their copywriter aware of the limitations. Also, it allowed us to communicate with the client on implementing essential mobile-only parameters to reduce page-loading time and show mobile-relevant content.

 
 
a8-ia-1.jpg
 
 

An IA was also an essential document that we used to communicate with the client; it’s an overall schematic of how pages and sections would be housed. Aside from that, this document worked two-fold:

  • For the client, it identified random pages & blocks of content and potential missing sections
  • For our development team, it narrowed down repeating patterns, styles, as well as raise technical concerns/thoughts that correlated with budget & timing.

 

 
a8-ia-2.jpg
 
 

Overall, these documents aren’t the most glamorous aspects of a project since they’re merely a bunch of gray boxes and plain type. But, they were essential documentation that bridged the gap between client and agency and made the Analytics8 website a successful project for both parties.

View the live project here below:

 
Meng Yang