In the entire World Wide Web, most sites, be it large or small, contain a Contact Us page. The purpose of the Contact Us page is to get your clients or customers to talk to you or inquire more about your services. Ultimately, it is to generate potential business for your company. A site contact page may seem insignificant, but it’s the only gateway for your visitors to get in touch with you.
More often than not, the Contact Us page takes up a small fraction of the web site, it usually contains a simple form, or in some cases, a hyper linked email and contact number. No matter how simple this page seems, great care and attention should be given to where this link is to be placed, what content it should contain or the style of copy writing for that page. Subconsciously, these things tend to be overlooked.
Now, who says the ‘Contact Us’ page is just a plain form and maps? This post illustrates the best practices for a Contact Us page, practices that you can adopt and how you can further enhance it. Also check out our showcase of Contact Us pages. One of them may inspire you for your next web project!
Be Objective, include only necessary information in your forms
Including important information on your form would determine the kind of information you will get from your client. Know the objectives of your form, and what you aim to find out from them. This is so that you can include them in the forms without having to bounce emails to and fro. This definitely helps save time for both parties. You could be a freelancer or running a design agency, but it’s always good to provide your clients with options like budget and time like the examples above.
Place your contact at the Top and Bottom of the page
If your page is too long, you may want to consider putting your contact information at the top as well as at the bottom of the page. This is so that your users do not have to scroll to the top to look for your contact.
Use Effective Copy Writing
Good copy writing tells client about your personality and brand. Second and Park and 45 Royale Inc are examples of websites with refreshing content in the Contact section.
Offer More Ways of Contacting
This is a neat and great way of grouping all contact information together. Always include additional contact information. This gives users more options of contacting the organization if the telephone is engaged or if the email bounced.
Use Call to Action Buttons
Display your Contact button in a prominent position such as the top section of the page. Use a bright or bold colour for the button with adequate amount of white space. This allows the button to stand out from the page. It also helps to draw the attention of the user, allowing more hits on the Contact button.
Fred Maya’s portfolio page does not contain a separate page for contact details. All information is put into 1 page; as such link hierarchy is important here. The ‘Contact’ link is located right at the top of the page in red, where it contains a roll down contact form. This style of contact link gives easy access and convenience for clients.
22 Showcase Of Contact Us Pages
The contact page of this site is a pop up box that includes a form. It uses a combination of simple and pleasant graphics and typography.
This contact page is styled in a bright cheerful orange, with retro graphics to compliment the site.
The play of typography and use of photography makes this playful Contact page very interesting.
Juan Diego Velaso
Having a Contact form placed beside a short introduction of the author allows users to read and contact the author without any hesitation.
Music City Unsigned
A casual looking Contact form styled to match the look and feel of the site.
The use of textures in the text field makes this form visually interesting.
This Contact page consists of a simple form within a wavy border. The page also informs customers if the agency is available to take in new projects.
The form in this Contact page is a good combination of white space, text field, and pastel colours.
The brightly coloured Contact page catches the attention of the user. With headers to group its content, it helps users to notice information quickly.
This Contact page uses the design of a notebook paper as a background. It gives a clean, simple and neat look.
This site’s contact page is rather unconventional. The contact is revealed with a pop up of a square speech bubble beside the whale.
This contact form is designed on a landscaping which is a creative way of displaying the form.
The combination of illustrations, shapes, interesting characters, and textures, have made this form quite a striking one.
This Contact page would remind you of a name card. It uses a good amount of white space and icons to further enhance its contact information.
A simple white form could be made interesting like this one. This form is unique because it uses a format of a letter to communicate with you.
Images of your work place can tell the culture or personality of your company. This Contact page has done just that.
This Contact page appears as a pop up. It is styled as a scroll which matches the look and feel of the site.
Blue Door Baby
Having a centralised form and a good use of white space makes this form easy and comfortable to use.
Unlike usual forms, this attractive Contact page has displayed its information neatly using warm colours, fonts and illustrations.
This form is simple with minimal graphics. If you are going for a minimalistic look and feel and want less distraction, this is a good way to build your form.
This Contact page consists of striking colours and an adorable mascot. The great colour scheme also appeals to its users.
A captivating and well organised contact page could increase your revenue and establish you as a prominent presence on the web, so don’t underestimate this simple page as it may be the most crucial page of your entire site.
An organised contact page allows your visitors to communicate with you more easily and efficiently. All the information should be laid out clearly and notably. Sometimes adding a twist to your page, a humorous greeting line, and nice graphical designs could increase the frequency of your visitors clicking on your contact form.
In order for a contact form to look and work creatively, it needs a solid visual structure, a thoughtful hierarchy of form elements and excellent functionality to amalgamate the form perfectly with your contact page.
Seen any other creative Contact Page? Share it with us!