Art Direction / BrandING / web design
Hattaway:
Brand Refresh
Hattaway Communications saw a need for a brand refresh and an update on the visual identity. Hattaway’s creative team started the extensive rebranding process by redefining the brand personalities based on internal survey results. Newly defined brand personalities lead to a moodboard exercise, visual research and visual audit, and eventually, a clarified visual standard and re-defined the style guide.
The rebranding process transitioned into the current website examination, identifying what’s working and what’s not, and creating a strategic plan to improve the overall UI / UX of the site. With a clear workplan and roles for each designers, the team created the initial wireframes and mockups to reflect the new web design in Adobe XD. The design was then executed in a fully-redesigned website in Webflow.
Creative Direction: Tim Lewis, Marnay Meyer
ART DIRECTION: ANGEL KIM
BRAND DESIGN Support: Catrell Thomas
Web Design: Joe Grosskreutz
FRONT-END DESIGN: ANGEL KIM
ICONOGRAPHY DESIGN: ANGEL KIM
ILLUSTRATION: ANGEL KIM
HATTAWAY COMMUNICATIONS, INC. © 2020 ALL RIGHTS RESERVED.
Brand Templates
Presentation deck template
Vertical Proposal / Memo Template
Project Application
The templates created in the First Phase of the refresh became a standard and were used across the firm. These templates are now used in client projects, and they allow flexible customization using the client’s color palette, logo, and fonts.
presentation deck application
Report Template Application
Quote Poster Series - Quotes by Joan Didion and Krista Tippet
Illustration by Angel Kim
Iconography / Illustration
To support any ongoing design need, the iconography system and existing frameworks were also refined. This icon design style show up across our brand formulas, and social media graphics.
Hattaway Icon Asset
Illustration by Angel Kim
Website Redesign
The web layout created in Adobe XD was used as a guide to design the front-end of the site. Additional thoughts on the interactive visual elements and their motion, including animations, hovers and transitions, and responsive features were considered during the production phase. A mobile-friendly version was also created to support the overall redesign project.
