Website Redesign Project & Client Details
- Client: Goyette & Associates, Inc.
- Date: May 2020
- Website: Goyette & Associates, Inc.
- Compatible Browsers:
Defining the Goals of the Website Redesign
The law offices of Goyette & Associates were in search of a web design agency to update their website to reflect the professionalism of their firm. They made the decision to work with our award-winning web design team based on our previous law firm website experience and client testimonials. Once the partnership was formed, a client kick-off meeting was scheduled to establish the project timeline and goals.
During our meeting with the client, Goyette & Associates, the lead project account manager created a detailed list of the current issues with the UI / UX of their website. From this list we mapped out the key areas in need of improvement during the website redesign process. Most notable was the quality of images used and the placement of content with no defined container, creating an awkward flow throughout the website. The menu structure also lacked the level of organization needed for users to quickly find services pages within the menu. Aside from the visual aspects that we knew we would improve; we asked the client a series of questions to define any other goals for the project.
Our initial client on-boarding process closed with an assessment of the client’s design preferences to help accurately map out how to hit all the their requirements to elevate the design of the website.
Summary of Website Improvements
- New modern design with improved images
- Create clear content sections and logical page hierarchy
- Completely new mega menu design to organize all pages
- Responsive design improvement for a consistent UI / UX
Creating a Web Page Layout Incorporating Unique Content Types
Early on in the project we understood creating a well-structured page layout to better highlight the legal expertise and experience of our client would be a critical to the overall success of the project. Before development began the lead web designer and account manager created a basic wireframe that incorporated multiple unique content types into a single page design for the client to review.
Once the client approved of the wireframe, our web design team began developing the website starting with the homepage and their first service page. Our initial wireframe served as a content road map making it significantly easier for our client to gather and write their content.
Developing a Fully Responsive Modern Website with an Intuitive User Experience
As we began designing the pages of the website, our web design team wanted to make the most of the images provided for each page.
When redesigning the homepage, we upsized the images compared to their previous website, starting with a larger banner image. Moving down the page we incorporated image tiles that displayed content and a “learn more” button when hovered over. Behind the image tiles the lead web designer created a background image from the client’s logo that uses a parallax style animation, adding movement as the user scrolls. Increasing the quality and size of the images used and incorporating modern design techniques like hover animation on the “learn more” buttons made for a visually stunning homepage.
While the visual upgrades were a significant piece of the project, ensuring our design maximized our client’s content and highlighted their expertise was equally as important. The service page design we developed for the website incorporated a multitude of content and design elements.
From the top of the service page we utilized a paragraph with an adjacent image as the primary body of content. Following the introduction paragraph section, we implemented an accordion design helping organize key topics and questions surrounding legal services such as wage law. Rounding out the page is a conclusion paragraph summarizing the legal topic of the page and a large contact form at the bottom.
Rounding out the website our team managed to incorporate a set of completely unique designs for specialty pages like the client’s video gallery, case study page and reviews page.
Website Usability Testing Prior to Launch
The final days of the project were dedicated to various testing for mobile and desktop usability as well as checking different web browsers to ensure the site is fully optimized. Once any final adjustments were made and all the visual inspections were completed (including a third-party review) the new website was scheduled to go-live. After the site went live, our web design team again inspected the website and performed a technical audit using SEM rush for quality to ensure overall website health. The overall project was a success, with more than 40 web pages redesigned and the migration of over 200 blog posts.