Contact Us Page Best Practices with 22 Fabulous Showcases
In the entire world wide web, most sites, be it large or small, contain the Contact Us page. The purpose of the Contact Us page is to get your clients or customers to talk to you or enquire more about your services, ultimately it is to generate potential businesses for your company. A site contact page may seems 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 little this page is, great care and attention should be given as 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 at.
Now, who says the 'Contact Us' page is just your plain form and maps? This post illustrates the best practices for a Contact Us page that you can adopt and how you can further enhance it. Also check out the 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 so that you can include them in the forms without having to bounce emails to and fro. This definitely helps to save time on both parties. You could be a freelancer or running a design agency, 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 gets too long, you may want to consider having your contact information at the top and repeating it at the bottom of the page, so your users do not have to scroll all the way to look for your contact.
Use Effective copy writing
Good copy writing tells client about your personality and brand. Secondandpark and 45 Royale Inc are examples of refreshing content in the Contact section.
Offer more ways of contacting
Museum of Science and Industry of Chicago
This is a neat and a great way of grouping all contact information together. Always included additional ways of contact information, this gives users more options of contacting the organization if the telephone is engaged or the email is 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 a bold color for the button with adequate amount of white space, allows the button to stand out from the page. This 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. All information is concise into 1 page and thus 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 typogrpahy and photo makes this playful Contact page very interesting.
Having a Contact form placed beside a short introduction of the author, allows users to read and contact the author without any hesitations.
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 union of white space, text field, and pastel colors.
Brightly colored Contact page catches the attention of the user. With headers to group its content, it helps users to look for information quickly.
This Contact page uses of a notebook paper as a back ground. It gives a clean, simple and neat look.
This site's Contact page is rather unconventional. The contact is revealed through a pop up of a squared speech bubble beside the whale.
This contact form is designed on a landscaping. A creative way of displaying a 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 converse 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.
Having a form centralized, and a good use of white space makes this form easy and comfortable to use
Unlike your usual form, this attractive Contact page has displayed it's information neatly using warm colors, fonts and illustrations.
This form is simple with minimal graphics. If you are going to minimalistic look and feel and want less distraction, this is a good way to build your form.
This Contact page consist of striking colors and an adorable mascot. Great color scheme to appeal to its users.
The combination of pastel colors with line art illustrations, and typography made this Contact page pleasing to the eye.
Conclusion
A captivating and well organized contact page could increase your revenues and make you established an prominent presence on the web, so don't underestimate this simple page as it may be the most crucial page of your entire site.
Organized contact page make your visitors communicate with you easier and more efficiently. All the information should be layout clearly and notably, sometimes with a twist of humor greeting line with some nice graphical designs could just 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!
Cool ones buddy!
i'm designing my contact page as well, this comes pretty handy, thanks!
A great article, thanks for taking the time to compile this. I will use the tips in my next project
Interesting post! I've never really thought about the usability of contact forms.
Good point, and great examples! I like those forms that include additional fields for budgets, timeframes and the like, and that one with the radio buttons so you can differentiate 'just saying hi' people from 'let's talk business' people. Some are striking, others highly engaging, and some look like they're just begging to be filled out. Cool post!
Great collection! Visitors will definitely be motivated to contact you with these lovely Contact Us pages. They all look beautiful, it's hard to pick my favorite!
This article has been shared on favSHARE.net. Go and vote it!
This is an interesting post about contact pages. Thanks for sharing it with us.
Content is a very important part of any page of a site. So, if you optimize a page for search engines, it can become a landing page by itself.
I would pesoanlly mention my services at contact pages to make sure people know why they are going to contact me, who they contact, etc.
That's cool. All of them are already in my bookmark :D
I always include detailed contact information such as a physical mailing address, email address, fax, telephone number and a Google Map showing my client's location on the map.
Excellent Tips to guide the beginers. I liked very the idea of sharing how to build a particular page with the screen shots of the popular website depicting the same. Hats off to this author.
Regards,
Praveen
Inspirational list indeed !
what do you think of my contact form:
http://z-indexmedia.com/contact-us.html