Role
UI, Branding, Icon Development, Animation, Art Direction

Project Type
Agency Setting

Tools Used
Sketch, Illustrator, After Effects

Collaborators
Designers, Creative Director, Copywriter, Developers, Project Manager


Overview

Design an engaging homepage, along with lawyer bios that communicated their newly established messaging “Change you can measure”.

Site Architecture

The scope of this project mainly involved homepage and bio designs — the interior pages remained as they were.

Wireframing

The scope of this project did not involve a wireframe stage.

Iconography

The iconography reflects the styling of the established logo. Since elements of the logo such as the gradient has already been established, and the copy “change you can measure” had been established, so it seemed that color could be used to refer to temperature and measuring change, as a thermometer would. This layout was designed on an 8px grid, so the design of the icons were created with that in mind.

cochran icons_24 x 24 copy 10.png
cochran icons_24 x 24 copy 8.png
cochran icons_24 x 24 copy 12.png
cochran icons_24 x 24 copy 11.png
cochran icons_24 x 24 copy 9.png
 
cicon.jpg

Takeaways

This project was great for learning how to create and integrate branding elements as animated videos within web designs. It was also a chance to work within limitations of established branding guidelines like color palette, while being able to generate and expand aspects of a brand.