A generation of American homeowners glued to HGTV and pinning & repinning house photos were increasingly seeing their homes as an extension of their personalities and not merely a place to hang your hat.<\/p>\n\n\n\n
\n
\n
\n
\n
agency<\/h5>\n\n\n\n
Mirum<\/p>\n<\/div>\n\n\n\n
\n
Client<\/h5>\n\n\n\n
Andersen Windows<\/p>\n<\/div>\n\n\n\n
\n
Product<\/h5>\n\n\n\n
Site Redesign + Strategic Realignment<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n
Research and Process<\/h2>\n\n\n\n
Andersen is one of the giants of American window manufacturing and I had the very good fortune of being within an hour’s drive of their headquarters, showroom, and manufacturing facility. This gave me an opportunity to interact with everyone from the C-suite to the craftsmen on the production line.<\/p>\n\n\n\n
<\/figure><\/div>
<\/figure><\/figure><\/div>
<\/figure><\/div><\/div><\/div><\/div>\n\n\n\n
Conceptual Framework<\/h2>\n\n\n\n
Andersen’s web site was wildly out-of-date and required a generational shift in approach to both the structure and design of modern digital platforms. Honestly I think their previous site was hand-coded html without even any CSS: let alone contemporary asset, content, and social management.<\/p>\n\n\n\n
\n
\n<\/figure>\n<\/div>\n\n\n\n
\n<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
Navigation<\/h2>\n\n\n\n
\n
\n
Mobile<\/h2>\n\n\n\n
Tiered mobile navigation can prove challenging. We often lose context of the hierarchy of multiple levels of subnavigation. By using iconography and allowing for a variety of touch interactions we could provide context to the visitor’s current location in the experience without sacrificing the choreography as we weave through sections of the experience.<\/p>\n<\/div>\n\n\n\n
On the desktop screen (more common for our user-base) we had the luxury of more real estate to allow for several states of navigation. <\/p>\n\n\n\n
We used this space to provide movement through the site; to educate; and act as muse to inspire homeowners to follow their own creativity in their project.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
Customization breeds Iteration<\/h2>\n\n\n\n
Even though there are standard sizes and materials, each and every window ordered from Andersen is made-to-order. Unless you’re buying from the shelves at your local Home Depot, you are ordering a truly custom product direct from a manufacturer. With dozens of finishes, glass types, and hardware options and virtually infinite variations of sizes a robust customization experience was mandatory. With the sheer variety of possibilities, I looked well outside of the industry and ended up with a customization experience that shared much more with automotive and computer specificity than it did with construction materials. There were a lot of iterations for this thing.<\/p>\n\n\n\n
\n
\n<\/figure>\n<\/div>\n\n\n\n
\n<\/figure>\n\n\n\n<\/figure>\n<\/div>\n\n\n\n
\n<\/figure>\n<\/div>\n<\/div>\n\n\n\n
Administration<\/h2>\n\n\n\n
Ultimately Andersen Windows’ site would be administered by non-technical staff. That meant building a robust content-management system and predicting the types of content that might be created long after the site was launched (and our updates and maintenance budget would run out!<\/em>). So a variety of customizable layout modules was created so that years later the site would still feel “designed” and intentional regardless of how new content was added.<\/p>\n\n\n\n
A generation of American homeowners glued to HGTV and pinning & repinning house photos were increasingly seeing their homes as an extension of their personalities and not merely a place to hang your hat. agency Mirum Client Andersen Windows Product Site Redesign + Strategic Realignment Research and Process Andersen is one of the giants of […]<\/p>\n","protected":false},"author":1,"featured_media":185,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-179","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/andersenBanner-e1658201585901.jpg?fit=701%2C700&ssl=1","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/posts\/179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/comments?post=179"}],"version-history":[{"count":5,"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/posts\/179\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/posts\/179\/revisions\/216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/media\/185"}],"wp:attachment":[{"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/media?parent=179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/categories?post=179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/harlo.net\/Portfolio\/wp-json\/wp\/v2\/tags?post=179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/i1.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Andersen-category.jpg?ssl=1\")
<\/figure><\/div>![\"\"](\"https:\/\/i1.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/IMG_0914-1024x768.jpg?ssl=1\")
<\/figure>![\"\"](\"https:\/\/i2.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.36.04-PM-1024x595.png?ssl=1\")
<\/figure><\/div>![\"\"](\"https:\/\/i1.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Andersen-Product.jpg?ssl=1\")
<\/figure><\/div><\/div><\/div><\/div>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.37.32-PM.png?resize=580%2C785&ssl=1\")
<\/figure>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.39.02-PM.png?resize=580%2C792&ssl=1\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/mobilenav1.png?resize=375%2C794&ssl=1\")
<\/figure>\n<\/div>\n\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/mobilenav2.png?resize=376%2C794&ssl=1\")
<\/figure>\n<\/div>\n\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/mobilenav3.png?resize=375%2C794&ssl=1\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.50.02-PM.png?resize=580%2C333&ssl=1\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.50.43-PM.png?resize=580%2C308&ssl=1\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.51.05-PM.png?resize=580%2C296&ssl=1\")
<\/figure>\n<\/div>\n\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.57.54-PM.png?resize=379%2C1024&ssl=1\")
<\/figure>\n<\/div>\n\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.59.37-PM.png?resize=533%2C1024&ssl=1\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-18-at-11.59.57-PM.png?resize=580%2C867&ssl=1\")
<\/figure>\n<\/div>\n\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-19-at-12.00.27-AM.png?resize=580%2C899&ssl=1\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-19-at-12.09.24-AM.png?resize=515%2C765&ssl=1\")
<\/figure>\n<\/div>\n\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-19-at-12.09.09-AM.png?resize=515%2C753&ssl=1\")
<\/figure>\n<\/div>\n\n\n\n\n![\"\"](\"https:\/\/i0.wp.com\/harlo.net\/Portfolio\/wp-content\/uploads\/2022\/07\/Screen-Shot-2022-07-19-at-12.09.31-AM.png?resize=499%2C1024&ssl=1\")
<\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"