Choate construction

AGENCY: BLUE ION

Services: Art Direction, WEB DESIGN

 

Choate Construction is a coast-to-coast establishment known for its exceptional expertise in construction solutions ranging from small to large scale builds. During my Art Director role at Blue Ion, I was tasked with developing a website design that would give Choate the platform they needed to share their construction process to potential clients. To do this, we conceptualized a custom project database that allows users navigate the vast amount of construction projects Choate has been a part of. I worked alongside project managers and programmers as we translated my designs to a fully interactive experience for each user. 

VIEW SITE

DISCOVERY & EXPLORATION

Developing a cohesive web experience for Choate Construction began by trying to solve the problem, how to present the vase about projects in an organized way while using a custom CMS? While working off of the Choate Construction brand guideline, I was able to expand the brand's style into various digital assets that would later be used for digital implementation. Exploring different architectural drawings and plans, I began working on this style of linework throughout the site as a wayfinding element. In addition to the large modern typography that helps develop the hierarchy of the large amounts of copy.

 

PROJECT TYPE

COLLABORATION WITH COPY DIRECTOR, WEB DEVELOPER, AND PROJECT MANAGER

TIMELINE

SEPT - JUN 2019 (16 WEEKS)

 
CHOTE-IMAGE-2.jpg
CHOTE-IMAGE-15.gif

animated HTML headlines

I helped conceptualize with programmers to make sure the experience of the site help translate the leading edge and possibilities that the Choate brand carries. Choate embodied many work values, subtle headline animations made it possible to share each of these values.

CHOTE-IMAGE-5.jpg
CHOTE-IMAGE-14.jpg
CHOTE-IMAGE-6.jpg
CHOTE-IMAGE-13.jpg
CHOTE-IMAGE-3.jpg
CHOTE-IMAGE-12.jpg
CHOTE-IMAGE-5.GIF

MEGA NAVAGATION

A key factor we faced dealt with the navigation of the site and how to effectively showcase large amounts of content with limited space. Adapting this navigation with a neatly design drop-down help establish an appropriate hierarchy for navigating.

CHOTE-IMAGE-11.jpg
CHOTE-IMAGE-10.jpg