{"id":56586,"date":"2017-12-29T22:04:23","date_gmt":"2017-12-29T22:04:23","guid":{"rendered":"https:\/\/blog.glaciermediadigital.ca\/?p=56586"},"modified":"2019-05-14T16:01:20","modified_gmt":"2019-05-14T16:01:20","slug":"2017-in-review-breaking-barriers-in-web-design","status":"publish","type":"post","link":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/","title":{"rendered":"2017 in Review: Breaking Barriers in Web Design"},"content":{"rendered":"<p class=\"p5\" style=\"font-size: 1.8em; line-height: 1.5em; margin: 30px 0; color: #2d96d2;\"><b><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-56649\" src=\"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/Example.jpg\" alt=\"\" width=\"1255\" height=\"530\" \/><\/b><\/p>\n<p class=\"p5\" style=\"font-size: 1.8em; line-height: 1.5em; margin: 30px 0; color: #2d96d2;\"><b>&#8220;Websites are just a bunch of boxes&#8221;<\/b><\/p>\n<div><\/div>\n<div>\n<p>I hear that at least once a month, and it&#8217;s true! As brands work towards the race to creating new and immersive user experiences, we&#8217;ve seen the emergence of broken layouts. The trend of seamlessness and asymmetrical balance in web design has made its way into designer&#8217;s hearts. Gone are the days of being boxed up within containers, opening up new possibilities for designers to create free-form content layouts to emphasize art direction. This new trend has also urged me to challenge the principles of &#8220;making the grid&#8221; in favor of breaking it. While designers aren&#8217;t ditching the grid altogether, we can now loosely follow it instead, dismantling the standard structure of hard lines and static alignments to create visual impact.<\/p>\n<\/div>\n<div><\/div>\n<div>\n<p>Now this goes without saying that static web design layouts will always have its place within web design, in fact, often times it is the most fitting depending on the brand. A formal corporate brand for example, would probably want a boxier design, as symmetry has its associations with order and class. A retail brand like\u00a0<a href=\"https:\/\/www.rona.ca\/en\" target=\"_blank\" rel=\"noopener noreferrer\" data-saferedirecturl=\"https:\/\/www.google.com\/url?hl=en-GB&amp;q=https:\/\/www.rona.ca\/en&amp;source=gmail&amp;ust=1514669965284000&amp;usg=AFQjCNE5g4DvLRVo07_Nb8c2OJZ9yiNjHw\">Rona<\/a>\u00a0would want to design in a grid like structure to enhance ease of navigation. Then take this\u00a0<a href=\"http:\/\/promo.nomidesigns.ca\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-saferedirecturl=\"https:\/\/www.google.com\/url?hl=en-GB&amp;q=http:\/\/promo.nomidesigns.ca\/&amp;source=gmail&amp;ust=1514669965284000&amp;usg=AFQjCNGdShH95Mgu_5c0YANDR9iWtvIGlA\">NominoU<\/a>\u00a0landing page we made for example, where we created a sense of dynamic energy through the overlapping juxtaposition of elements.<\/p>\n<\/div>\n<div><\/div>\n<div>\n<p>Just as the boundaries of web design are starting to expand, transforming design is as much unlearning our old ways as it is learning.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>As brands work towards the race to creating new and immersive user experiences, we&#8217;ve seen the emergence of broken layouts.<\/p>\n","protected":false},"author":13,"featured_media":56588,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[68,156],"tags":[98,99,100],"class_list":["post-56586","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-branding","category-websites","tag-tips","tag-video-content","tag-holiday-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>2017 in Review: Breaking Barriers in Web Design -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2017 in Review: Breaking Barriers in Web Design -\" \/>\n<meta property=\"og:description\" content=\"As brands work towards the race to creating new and immersive user experiences, we&#039;ve seen the emergence of broken layouts.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-29T22:04:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-14T16:01:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2121\" \/>\n\t<meta property=\"og:image:height\" content=\"1414\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Glacier Media\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Glacier Media\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/\"},\"author\":{\"name\":\"Glacier Media\",\"@id\":\"https:\/\/blog.lodestardigital.ca\/#\/schema\/person\/cf060f34beff5b459e02e7e731cc80e7\"},\"headline\":\"2017 in Review: Breaking Barriers in Web Design\",\"datePublished\":\"2017-12-29T22:04:23+00:00\",\"dateModified\":\"2019-05-14T16:01:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/\"},\"wordCount\":254,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg\",\"keywords\":[\"Tips\",\"video content\",\"holiday marketing\"],\"articleSection\":[\"Design &amp; Branding\",\"websites\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/\",\"url\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/\",\"name\":\"2017 in Review: Breaking Barriers in Web Design -\",\"isPartOf\":{\"@id\":\"https:\/\/blog.lodestardigital.ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg\",\"datePublished\":\"2017-12-29T22:04:23+00:00\",\"dateModified\":\"2019-05-14T16:01:20+00:00\",\"author\":{\"@id\":\"https:\/\/blog.lodestardigital.ca\/#\/schema\/person\/cf060f34beff5b459e02e7e731cc80e7\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#primaryimage\",\"url\":\"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg\",\"contentUrl\":\"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg\",\"width\":2121,\"height\":1414,\"caption\":\"Mobile responsive website development with UI\/UX front end designer previewing wireframe sketch layout design mockup on smartphone screen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.lodestardigital.ca\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"2017 in Review: Breaking Barriers in Web Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.lodestardigital.ca\/#website\",\"url\":\"https:\/\/blog.lodestardigital.ca\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.lodestardigital.ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.lodestardigital.ca\/#\/schema\/person\/cf060f34beff5b459e02e7e731cc80e7\",\"name\":\"Glacier Media\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.lodestardigital.ca\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/71173b2fa56c2efb47938ab1a2c8bfa0c2670da463b7677d2d79a5753dcc45ca?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/71173b2fa56c2efb47938ab1a2c8bfa0c2670da463b7677d2d79a5753dcc45ca?s=96&d=mm&r=g\",\"caption\":\"Glacier Media\"},\"url\":\"https:\/\/blog.lodestardigital.ca\/index.php\/author\/glacier-media-digital\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"2017 in Review: Breaking Barriers in Web Design -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/","og_locale":"en_US","og_type":"article","og_title":"2017 in Review: Breaking Barriers in Web Design -","og_description":"As brands work towards the race to creating new and immersive user experiences, we've seen the emergence of broken layouts.","og_url":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/","article_published_time":"2017-12-29T22:04:23+00:00","article_modified_time":"2019-05-14T16:01:20+00:00","og_image":[{"width":2121,"height":1414,"url":"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg","type":"image\/jpeg"}],"author":"Glacier Media","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Glacier Media","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#article","isPartOf":{"@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/"},"author":{"name":"Glacier Media","@id":"https:\/\/blog.lodestardigital.ca\/#\/schema\/person\/cf060f34beff5b459e02e7e731cc80e7"},"headline":"2017 in Review: Breaking Barriers in Web Design","datePublished":"2017-12-29T22:04:23+00:00","dateModified":"2019-05-14T16:01:20+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/"},"wordCount":254,"commentCount":0,"image":{"@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg","keywords":["Tips","video content","holiday marketing"],"articleSection":["Design &amp; Branding","websites"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/","url":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/","name":"2017 in Review: Breaking Barriers in Web Design -","isPartOf":{"@id":"https:\/\/blog.lodestardigital.ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#primaryimage"},"image":{"@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg","datePublished":"2017-12-29T22:04:23+00:00","dateModified":"2019-05-14T16:01:20+00:00","author":{"@id":"https:\/\/blog.lodestardigital.ca\/#\/schema\/person\/cf060f34beff5b459e02e7e731cc80e7"},"breadcrumb":{"@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#primaryimage","url":"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg","contentUrl":"https:\/\/blog.lodestardigital.ca\/wp-content\/uploads\/2017\/12\/iStock-844419966.jpg","width":2121,"height":1414,"caption":"Mobile responsive website development with UI\/UX front end designer previewing wireframe sketch layout design mockup on smartphone screen"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.lodestardigital.ca\/index.php\/2017\/12\/29\/2017-in-review-breaking-barriers-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.lodestardigital.ca\/"},{"@type":"ListItem","position":2,"name":"2017 in Review: Breaking Barriers in Web Design"}]},{"@type":"WebSite","@id":"https:\/\/blog.lodestardigital.ca\/#website","url":"https:\/\/blog.lodestardigital.ca\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.lodestardigital.ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.lodestardigital.ca\/#\/schema\/person\/cf060f34beff5b459e02e7e731cc80e7","name":"Glacier Media","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.lodestardigital.ca\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/71173b2fa56c2efb47938ab1a2c8bfa0c2670da463b7677d2d79a5753dcc45ca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/71173b2fa56c2efb47938ab1a2c8bfa0c2670da463b7677d2d79a5753dcc45ca?s=96&d=mm&r=g","caption":"Glacier Media"},"url":"https:\/\/blog.lodestardigital.ca\/index.php\/author\/glacier-media-digital\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/posts\/56586","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/comments?post=56586"}],"version-history":[{"count":0,"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/posts\/56586\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/media\/56588"}],"wp:attachment":[{"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/media?parent=56586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/categories?post=56586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.lodestardigital.ca\/index.php\/wp-json\/wp\/v2\/tags?post=56586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}