Hagerty.com Site Redesign
While the main goal of the hagerty.com redesign project was to make the website responsive, the entire website and online brand was given a facelift including a new logo, new navigation structure, optimized page content and meta data, and redesigned page layouts, header graphics and supporting graphics throughout the site. These redesigned assets were also applied to the Hagerty UK and Hagerty Canada sites, though featured here is the Hagerty US project.
Year: 2012-2013
Roles: UX / UI / IxD, Visual Design, Information Architecture
Tools: Axure, Photoshop
Who I Worked With: Stakeholders, Creative Director, Project Manager, Developers, Graphic Designer, SEO Team, Copywriter
Discovery Phase
The discovery process included an analysis of the existing website and collaboration with business unit stakeholders and product owners throughout the company in order to determine priority goals and desired messaging changes for inclusion in the new site. I also led a large redirect cleanup effort for this project.
OLD WEBSITE
Wireframes & Prototype
I created and maintained an Axure prototype that served as the go-to resource for my team and business unit stakeholders to reference throughout the project - designers referenced page layouts and content, business units reviewed content, and developers had a single source for copying and pasting updated content into Sitecore.
Applying Visual Design
Once the updated site UI and architecture was defined in the wireframes, we moved onto the design phase. Each of the 3 designers on the team - myself included - took a stab at creating the new style. The Brand team ultimately chose to move forward with the design concept from my colleague, but below is a sampling of what I came up with:
PROPOSED HOMEPAGE
PROPOSED ARTICLE PAGE
Supporting Graphics
The new site design required a hero shot in the header area of every page. Most of the vehicle photos chosen required heavy manipulation to convey motion or to add background to fit the space, and this task was shared among the designers.
