/// Mackenzie

MACKENZIE ARCHITECTURE WEBSITE

Project Overview

Mackenzie is a design and architecture firm for the built environment. Throughout their 60+ year legacy, Mackenzie’s services have evolved, and the firm now offers a range of disciplines, including architecture, interior design, structural, civil and traffic engineering, land use and transportation planning, and landscape architecture. So, when Mackenzie approached Incubate to redesign and update their web presence, we were excited for the chance to work with such like-minded collaborative individuals.

We started the project with a joint discovery process, where we collectively evaluated and discussed the website’s content, navigation and user experience needs for each section of the site. We then created a cohesive sitemap, detailed wireframes, and then began exploring design concepts. Our goal with the website’s design was to create clear and consistent navigational pathways to both their portfolio of stunning work and to the additional information on the site. We worked to add in animated content wherever possible to help highlight the details of their design solutions, and we created a flexible content platform that would allow Mackenzie to show and tell details of a design’s process and construction. Additionally, we developed a cohesive branded look throughout the site, all while delivering a structure that the client would eventually be able to self-manage.

Along with our design and development roles, we also helped manage the content preparation and deployment to the website. We built and delivered a series of spreadsheets that could be used throughout the company to collect the necessary content needed to populate the approximately 120 pages of the website. The new website was developed on a Strapi/React headless CMS backend with an HTML5/CSS front-end. The content on Mackenzie.inc is fully responsive, ADA compliant and built for future feature additions and growth.

View Website

Services

Content Strategy
Creative Direction
UX / UI Design
Art Direction
Illustration
Website Development
Content Migration
Content Production

WEBSITE DESIGN

PROJECT FILTER PAGE

PROJECT PAGE

STAFF PAGE

WEBSITE WALKTHROUGH