Did you know that with B2B websites, 44% of respondents said they would leave a website if it lacks contact information?

Contact pages are, in my professional opinion, one of the most underrated pages on a website. This page is just as important as your home page, services page, or case studies page. This is where people go from visitors to customer or clients. As one of the most visited pages on your website, you need to put considerable thought into the functionality, and the design.

 

Elements of a Contact Page

A well-thought-out contact page enhances user experience and helps build a stronger relationship with your potential customers. You want it to be easy for people to reach out to you, and while every business is different, well-crafted contact pages are always a good idea. There are a handful of elements that are always important regardless of business or purpose of the site. Good content, a well-designed form, and additional contact methods are all good pieces to include for a wonderful user experience. Let’s take a closer look at each piece.

Example of a well designed contact page.
Uncode’s example of a landing page, including well-written copy, a form, and alternative contact methods

 

Content

Have compelling call-to-action copy. Including more than just the generic ‘contact us’ helps conversion rates. Have a headline that insights action, like “Let’s Start a Conversation” or “Ready to Increase Your Productivity?” Tell them how you can help them reach their goals; friendly, action-driven language is key to envoke action.

 

Form

The form itself is the most important element here. It should be intuitive and easy to fill out. And there are some best practices to consider when generating fields for the form. Make sure with every form, you’re able to collect the user’s name, email, and a message or reason for why they’re contacting you. Other fields to consider include a telephone number, and if you offer multiple services, have checkboxes or a selection menu to give the option to select what they’re interested in. And when it comes to required fields, clearly list what is a required field to allow for successful form completion.

When designing your form, have each field clearly labeled, and remember, whitespace is your friend. Fields can either have a border, or the field can be a different color to separate it from the page background. Form labels can be right above the field, or you can have placeholder text in the fields.

Contact form design
Fields are clearly labeled and required ones are identified.

 

Additional Contact Methods

Sometimes forms break, it’s important to also list out your contact information. In a sidebar next to the form, or above it, list your preferred communication methods. Email, fax, phone, this information needs to be readily available for visitors. Email and phone numbers can be listed as links, so it’s easy for people to use them on mobile.

If you have a storefront or headquarters, list your address as well. A lot of companies will also include a Google Map on their page for visitor reference. Along with a map, if you have specific business hours, list them here as well so visitors will know when you’re available.


In the same area you have this additional contact info, include your social media links as well. This does two things for your business: gives people another way to connect with you, and it also established a sense of authority knowing you’re active on social media. The main three to include would Facebook, Instagram, and Twitter, but feel free to include other channels if it makes sense. If a lot of your content is video, include YouTube or Vimeo, or if your company is active on LinkedIn, include that as well. Use the channel’s icons instead of typing out each channel. Check out this website I helped design for a good example of all these elements in action.

If you’re interested in learning more about the web design process or other services I offer, let’s get in touch!