My Role
UX, UI, 3D Animator, Branding, Illustration, Art Direction
Project Type
Agency Setting
Tools Used
Sketch, Illustrator, After Effects, Cinema 4D
Collaborated with
Designers, Creative Director, Copywriter, Developers, Project Manager
Overview
As a website design for a large law firm, the challenge and goal was to design an engaging homepage, along with lawyer bios that communicated their newly established positioning statement “Shaping the playing field”.
The client’s existing website had an established site structure which remained in the new website designs with the intent on keeping interior page designs the same. With this in mind, the homepage serves to communicate brand messaging, stats, as well as encourage interaction and link to the website’s other pages and variety of content pertaining to the law firm.
Site Architecture
The scope of this project mainly involved homepage and bio designs — the interior pages remained as they were.
Wireframing
There scope of this project did not involve a wireframe stage.
Initial Designs
Below are examples of nixed alternate variations on the design direction. They ranged from isometric 3D shapes to flat line drawings.
Early Alternative Iteration (Click for full view)
Early Alternative Iteration (Click for full view)
Final Designs
Before (Click for full view)
After (Click for full view)
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.
