RESPONSIVE 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.
My Roles: UI, IxD, Graphic Design, IA, Stakeholder Relations
Tools Used: Axure, Photoshop
Client: Hagerty Client Experience & Brand
Who I Worked With: Stakeholders, Creative Director, Project Manager, Developers, Graphic Designer, SEO, Content Team
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 desired content changes and messaging for inclusion in the new site. I also led a large redirect cleanup effort for this project.
I created and maintained an Axure prototype that served as the go-to resource for teammates and 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.
Once the UI and IA was defined, we moved onto the design phase. Each of the 3 designers, myself included, took a stab at creating the new design. 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 ARTICLE PAGE
The new 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.