There are two main website footer design aspects we will explore: the content and the aesthetics.
What Goes Into A Footer
A variety of different pieces of information that can go into a footer. Put yourself in your users’ shoes, what are they looking for when they visit your website? If you’re a blog, maybe they’re here to see the latest news. If you’re a store, maybe they’re looking to buy your product. If you’re a charity, maybe they’re looking to donate. Delve deep into their problem or goal, and provide the solution, yes, in the footer.
Here’s an overview of the 5 most common solutions utilized in the footer:
1. Contact Information or Contact Form
Many users visit your website just to contact you. You can provide them with:
Address or link to map
We often see navigation in the footer on business websites that offer multiple services or products. This not only helps visualize in a condensed form the content of the entire website but also allows users to quickly skip between desired resources. We typically see either or both:
Now more than ever, with consumers investing in the “why”, it’s become important for companies to establish a strong brand wherever it may be. On average it take six to eight touchpoints for a potential user or customer to remember and start to consider your company for their needs. To reaffirm your brand, we can use:
Logo, icon, or any other identity mark
Mission or value statement (which are also great for your site’s SEO)
Associations, memberships, awards, or achievements
A brief about section
For brands, companies, or blogs, that are built on user interaction, engagement is key. The most common types of engagement efforts we now see are inbound marketing (think of free e-book giveaway, blog, newsletter subscriptions) and social media. We can expect to see a lot of:
Social media links
Email newsletter sign ups
Latest articles/blog posts/press releases
Call to action for the businesses’ offerings
Log in if it’s a user facilitated web app
Last but not least, to ensure we comply with regulations and provide a safe and responsible experience for all users, we include:
Footer Design Basics
To start, we decide on the type of footer we will have. There are two options:
Regular Footer – Always at the bottom of any page when you scroll all the way down.
Sticky Footer – Always at the bottom of your screen no matter what point of the page you’re on, at the top, middle, or very bottom.