Contact Us Page Best Practices with 22 Fabulous Showcases

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.

Contact Us Best Practices


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

Digital Mash
Digital Mash

Camp Creative Group
Camp Creative Group

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

Bronson Vitamins
Bronson Vitamins

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

Second and Park
Second and Park

Mother Earth
Mother Earth

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

Museum of Science and Industry of Chicago
Museum of Science and Industry of Chicago

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

Digital Convulsions
Dconvulsions

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
Fred Maya Folio

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

Alexey Abramov
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.

Alex Arts

Carsonified
This contact page is styled in a bright cheerful orange, with retro graphics to compliment the site.

Carsonified

Creative People
The play of typography and use of photography makes this playful Contact page very interesting.

Creative People

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.

Juan Diego Velasco

Music City Unsigned
A casual looking Contact form styled to match the look and feel of the site.

Music City Unsigned

Story Pixel
The use of textures in the text field makes this form visually interesting.

Story Pixel

Design Disease
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.

Design Disease

Owltastic
The form in this Contact page is a good combination of white space, text field, and pastel colours.

Owltastic

Odopod
The brightly coloured Contact page catches the attention of the user. With headers to group its content, it helps users to notice information quickly.

Odopod

Fernando Landi
This Contact page uses the design of a notebook paper as a background. It gives a clean, simple and neat look.

Fernando Landi

Squared Eye
This site's contact page is rather unconventional. The contact is revealed with a pop up of a square speech bubble beside the whale.

Squared Eye

Yodaa
This contact form is designed on a landscaping which is a creative way of displaying the form.

Yodaa

Artcore
The combination of illustrations, shapes, interesting characters, and textures, have made this form quite a striking one.

Artcore

Baikal Web
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.

Baikal Web

Rustin
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.

Rustin

Crush Lovely
Images of your work place can tell the culture or personality of your company. This Contact page has done just that.

Crush Lovely

Sprocket House
This Contact page appears as a pop up. It is styled as a scroll which matches the look and feel of the site.

Sprockethouse

Blue Door Baby
Having a centralised form and a good use of white space makes this form easy and comfortable to use.

Blue Door Baby

Fishing Catus
Unlike usual forms, this attractive Contact page has displayed its information neatly using warm colours, fonts and illustrations.

Fishing Catus

V lourenco
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.

Vlourenco

Multiways
This Contact page consists of striking colours and an adorable mascot. The great colour scheme also appeals to its users.

Multiways

Conclusion

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!