CMEEC needed a site refresh, that would accomplish two primary objectives.
The existing CMEEC website had served the company well for a number of years, but over time had suffered from some growing pains. Some of the issues came from an information architecture that was devised for a larger expected amount of content that was never generated, making the site feel empty, and in some cases broken when it was in fact working properly, and other issues were symptomatic of feature implementation without design support. The design itself while excellent when delivered had begun to show its age a bit and needed a slight brush up.
To improve the information architecture we simply consolidated the content by means of a 'roll up' and added landing pages for the categorical pages that were originally left blank and used as mere taxonomical nodes in the page structure. To refresh the design, we simply leveraged new photography, and simplified the typography, and put some design language around the interaction points throughout.
To better maximize the space, the branding and navigation were moved off to the edges of the header, and the slider was removed in favor of more straight forward brand messaging in the hero. Great attention was also made to all of the additional content of the page, and deeper navigational items were migrated from the header navigation to the footer.View Example
To improve the information architecture, we decided to add landing pages for each of the primary navigational pages, to in turn provide further navigation to component parts of the content. We ultimately included a round-robin section navigation and breadcrumbs to improve the user comprehension of context.View Example
The original homepage serves as a good indicator as to what some of the concerns were for the design. There's a mixmash of default styled plugins represented, and less than ideal use of space.View Example
A Sitemap of the original CMEEC website. This demonstrated a strong need for an IA restructuring to make the hierarchy more comprehensive.View Example