{"id":15992,"date":"2012-03-12T10:14:02","date_gmt":"2012-03-12T14:14:02","guid":{"rendered":"https:\/\/audreymarcotte.ca\/uncategorized\/the-footer-a-puzzle\/"},"modified":"2025-09-17T12:29:38","modified_gmt":"2025-09-17T16:29:38","slug":"the-footer-a-puzzle","status":"publish","type":"post","link":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/","title":{"rendered":"The footer, a puzzle?"},"content":{"rendered":"

I was asked by a client to revitalize the footer space of their website. Banal? On the contrary… So many possibilities! Often overlooked, the footer (commonly called footer<\/em> ) constitutes an area to be exploited both in terms of content and visual. In order to attract the attention of the visitor and meet their expectations, What are the major footer design trends for a business website?<\/strong><\/p>\n

What content should be preferred in a footer?<\/h2>\n

Certain items are often found there by default: coordinates (sometimes associated with a geographical map), copyright, production credits as well as social media. But there is more…<\/p>\n

Trend # 1: The footer menu<\/h3>\n

In the past, almost all sites had a site map page to view all of the pages on the site at a glance. The goal? Help visitors and search engines find information. Nowadays, this kind of page tends to disappear, while the footer is used for this purpose.<\/p>\n

The footer menu can be complex<\/strong> , that is to say, present the entire tree structure of the site. To be done only if space permits and if the chunking<\/em> (grouping and simplification of menu labels) was done efficiently.<\/p>\n

\"\"
Trident Theater footer<\/figcaption><\/figure>\n

It can also be a footer menu simplified<\/strong> , showing only the first level of the tree structure.<\/p>\n

\"\"
Multi Month Footer<\/figcaption><\/figure>\n

It’s good to know…<\/h4>\n

Always follow the basic order of the main menu. Also be aware that, visually, a complex menu can make your site appear larger than it really is, which may or may not be interesting depending on the case.<\/p>\n

Trend # 2: The blog<\/h3>\n

More and more companies are daring to create a blog in order to interact with their customers and be in business differently. For blog design, the footer can become a reminder<\/strong> categories, authors, dates, recent posts … In short, everything that constitutes a blog!<\/p>\n

\"\"
Urbania blog footer<\/figcaption><\/figure>\n

Trend # 3: Advanced functions<\/h3>\n

What is that? These are forms, email registration, social media, tag cloud,<\/em> the tags<\/em> popular, etc.<\/p>\n

\"\"
Brad Candullo Footer<\/figcaption><\/figure>\n

It’s good to know…<\/h4>\n

Often off the screen, avoid turning the footer into a single path for an action. For example, if the newsletter subscription is found in the footer (and only there), you risk losing a lot of subscriptions! Same thing for the search box. By convention, it is better to put it at the top of the site.<\/p>\n

My tendency: Make it useful!<\/h3>\n

Knowing that it is preferable to insert content already present in the site, why not make the footer useful, and even better, dynamic? Divide it and assign a specific topic to each section, taking care to recall important information. Or energize it, like Le Grenier in the news<\/a> which offers a tab system. Don’t be afraid to highlight the most important pages or links.<\/p>\n

\"\"
Attic news footer<\/figcaption><\/figure>\n

Okay, and what should he look like?<\/strong><\/h2>\n

Remember … We originally wanted the footer to disappear and be tiny on our page. Today, it is assumed, thoughtful and takes up space.<\/p>\n

Trend # 1: Color<\/h3>\n

Separating content with a bold color, whether it’s bright or dark, is a great way to give footer impact.<\/p>\n

\"\"
Quebec City footer<\/figcaption><\/figure>\n
\"\"
Kronos Technologies footer<\/figcaption><\/figure>\n

Trend # 2: The illustration<\/h3>\n

The illustration can be used to attract the eye. It can be completely exploded, or more subtle and metaphorical.<\/p>\n

\"\"
Webdesigner Depot Footer<\/figcaption><\/figure>\n
\"\"
Hebatec Footer<\/figcaption><\/figure>\n

Trend # 3: The ground and the basement<\/h3>\n

Sub-category of illustration, this influence is increasingly present. Treating the footer like the floor or basement of your site is a really fun way to make your site look attractive.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

\"\"
Bristol Archive Records Footer<\/figcaption><\/figure>\n

In short, successfully leveraging the footer will increase the usability of your website. Remember that a visitor doesn’t read everything, their eyes scroll and scan the page quickly. Pay special attention to the last place their gaze will be before leaving your site.<\/p>\n","protected":false},"excerpt":{"rendered":"

I was asked by a client to revitalize the footer space of their website. Banal? On the contrary… So many possibilities! Often overlooked, the footer (commonly called footer ) constitutes an area to be exploited both in terms of content and visual. In order to attract the attention of the visitor and meet their expectations, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_exactmetrics_skip_tracking":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"content-sidebar","footnotes":""},"categories":[438],"tags":[561,440],"class_list":["post-15992","post","type-post","status-publish","format-standard","category-user-experience-ux","tag-interface-design-ui","tag-ux-design","entry"],"yoast_head":"\nThe footer, a puzzle?<\/title>\n<meta name=\"description\" content=\"Often neglected, the footer (commonly called "footer") constitutes an area to be exploited both in terms of content and visual.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The footer, a puzzle?\" \/>\n<meta property=\"og:description\" content=\"Often neglected, the footer (commonly called "footer") constitutes an area to be exploited both in terms of content and visual.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/\" \/>\n<meta property=\"og:site_name\" content=\"Audrey Marcotte, M.A., UXC\" \/>\n<meta property=\"article:published_time\" content=\"2012-03-12T14:14:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T16:29:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2012\/03\/theatre_trident2-1024x368.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"368\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Audrey Marcotte\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Audrey Marcotte\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The footer, a puzzle?","description":"Often neglected, the footer (commonly called \"footer\") constitutes an area to be exploited both in terms of content and visual.","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:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/","og_locale":"en_US","og_type":"article","og_title":"The footer, a puzzle?","og_description":"Often neglected, the footer (commonly called \"footer\") constitutes an area to be exploited both in terms of content and visual.","og_url":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/","og_site_name":"Audrey Marcotte, M.A., UXC","article_published_time":"2012-03-12T14:14:02+00:00","article_modified_time":"2025-09-17T16:29:38+00:00","og_image":[{"width":1024,"height":368,"url":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2012\/03\/theatre_trident2-1024x368.png","type":"image\/png"}],"author":"Audrey Marcotte","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Audrey Marcotte","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/#article","isPartOf":{"@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/"},"author":{"name":"Audrey Marcotte","@id":"https:\/\/audreymarcotte.ca\/en\/#\/schema\/person\/cecb0caea458d531762afc053770bcf2"},"headline":"The footer, a puzzle?","datePublished":"2012-03-12T14:14:02+00:00","dateModified":"2025-09-17T16:29:38+00:00","mainEntityOfPage":{"@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/"},"wordCount":704,"commentCount":0,"publisher":{"@id":"https:\/\/audreymarcotte.ca\/en\/#\/schema\/person\/3ac39e569c6d4a1f7422116319c9155e"},"image":{"@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/#primaryimage"},"thumbnailUrl":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2012\/03\/theatre_trident2-1024x368.png","keywords":["Interface Design (UI)","UX Design"],"articleSection":["User Experience (UX)"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/","url":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/","name":"The footer, a puzzle?","isPartOf":{"@id":"https:\/\/audreymarcotte.ca\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/#primaryimage"},"image":{"@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/#primaryimage"},"thumbnailUrl":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2012\/03\/theatre_trident2-1024x368.png","datePublished":"2012-03-12T14:14:02+00:00","dateModified":"2025-09-17T16:29:38+00:00","description":"Often neglected, the footer (commonly called \"footer\") constitutes an area to be exploited both in terms of content and visual.","breadcrumb":{"@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/#primaryimage","url":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2012\/03\/theatre_trident2-1024x368.png","contentUrl":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2012\/03\/theatre_trident2-1024x368.png"},{"@type":"BreadcrumbList","@id":"https:\/\/audreymarcotte.ca\/en\/the-footer-a-puzzle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/audreymarcotte.ca\/en\/"},{"@type":"ListItem","position":2,"name":"The footer, a puzzle?"}]},{"@type":"WebSite","@id":"https:\/\/audreymarcotte.ca\/en\/#website","url":"https:\/\/audreymarcotte.ca\/en\/","name":"Audrey Marcotte, M.A., UXC","description":"Exp\u00e9rience client (CX et UX)","publisher":{"@id":"https:\/\/audreymarcotte.ca\/en\/#\/schema\/person\/3ac39e569c6d4a1f7422116319c9155e"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/audreymarcotte.ca\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/audreymarcotte.ca\/en\/#\/schema\/person\/3ac39e569c6d4a1f7422116319c9155e","name":"Audrey","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2025\/01\/Audrey_Marcotte_PinkBG.jpg","url":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2025\/01\/Audrey_Marcotte_PinkBG.jpg","contentUrl":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2025\/01\/Audrey_Marcotte_PinkBG.jpg","width":912,"height":910,"caption":"Audrey"},"logo":{"@id":"https:\/\/audreymarcotte.ca\/wp-content\/uploads\/2025\/01\/Audrey_Marcotte_PinkBG.jpg"}},{"@type":"Person","@id":"https:\/\/audreymarcotte.ca\/en\/#\/schema\/person\/cecb0caea458d531762afc053770bcf2","name":"Audrey Marcotte","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/de35e5568373b6d201a3f59a684a757f952830c3b8046040c201736cdee44ae3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/de35e5568373b6d201a3f59a684a757f952830c3b8046040c201736cdee44ae3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/de35e5568373b6d201a3f59a684a757f952830c3b8046040c201736cdee44ae3?s=96&d=mm&r=g","caption":"Audrey Marcotte"},"description":"Audrey Marcotte est conseill\u00e8re strat\u00e9gique en exp\u00e9rience client (CX et UX). Travaillant dans le domaine du Web depuis plus de 15 ans, elle poss\u00e8de une forte exp\u00e9rience en exp\u00e9rience utilisateur, en ergonomie, en design d\u2019interface, ainsi qu\u2019en accessibilit\u00e9 Web (Standard SGQRI-008 notamment).","sameAs":["http:\/\/audreymarcotte.ca","https:\/\/www.linkedin.com\/in\/audreymarcotte\/"]}]}},"_links":{"self":[{"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/posts\/15992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/comments?post=15992"}],"version-history":[{"count":2,"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/posts\/15992\/revisions"}],"predecessor-version":[{"id":16972,"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/posts\/15992\/revisions\/16972"}],"wp:attachment":[{"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/media?parent=15992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/categories?post=15992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/audreymarcotte.ca\/en\/wp-json\/wp\/v2\/tags?post=15992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}