31 Powerful and Usable Web Applications to Improve Your Workflow
47 Gorgeous & Fresh Free Fonts
20 Beautiful Digital Portraits of WomenHave every post delivered to your inbox and get access to hundreds of useful design freebies.
PSDFan Extra
Contact pages are often overlooked during the design process of a site. It’s all too easy just to slap on a standard contact form and leave it at that. However, some designers go the extra mile, and it really pays off. Contact pages are often one of the most important on a website, particularly for freelancers where they can make or break a potential clients decision to get in touch.
I hope that you enjoy these great designs, and that they inspire you to take another look at your own contact page.
PS: Before anyone mentions it, yes… I’ll be redesigning my own contact/about pages very soon, it’s most definitely on my list of things to do!
About the Author:
Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.
78 Comments:
Related Posts
Your Design Work, But More Awesome:
Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.
Haha..I just finished my contact page and now I want to start over…these are so sweet..
Haha, I know how you feel
. I actually really like your contact page though! Nice job.
Nice contact pages gonna re do mine sometime this week great post & gave me some great ideas!
These are great!
What do you think about the one in the footer on my site? (click my name!)
Nice contact form but i dont realy like the second.
@Carson Shold yours is nice too
Great Post, many contact page layouts are very similar, however having visible email addresses on the contact page can cause spam, a captcha is great to place on contact forms.
Awesome. I like the personal ones that have a picture of who you are connecting with.
Small businesses and pro freelancers (or anyone for that matter) can also take advantage of aim & google chat widgets on their contact pages to give the user an option of a ‘live contact’.
Example: http://dreamsuccessmanagement.com/blog/contact/aim-widget/
I like most joby.in contact page most, so simple and nice illustration
I am going to create a new contact page something like any of the above one.
Thanks for posting my web site.
there is excellent contact page ideas for my future needs. thanks
Great article, thanks!
I am relaunching my website soon and am almost ready to move onto the contact page. Very useful references.
i like contact forms with Google map like osmond contact page
Another great contact form is the one on the clear left website. I love how it slides in!
The 1st design above “osmond” of a contact page is my preferred one. it has the contact form, the map and the full address and also the phone number. Every website should adopt the contact page in such style.
Superbe article
I mainly use simple contact forms, but after I studied these examples I got new ideas for my new contact pages. Thanks
Great article. Getting a user to fill out a contact form is usually the ‘most wanted response’ from a website, so it is one of the most imoportant pages.
excellent designed “contact us” pages for design inspirations.
[...] 15 Examples of Well Designed Contact Pages [...]
The contact pages are wonderful. The contact us page is really important for all sites and should be well designed.
never a fan of black webpages , has to be 50% white nice collection
Bookmarked! That’s some good compilation of designs, thank you!
These designs are really cool.
Maps are always great, visual help is always better than pure text in my opinion.
If you’re serious about getting people to contact you then I think maps are certainly a prerequisite as well as all the usual stuff
awesome article i need to improve my contact page so this is just perfect
Liked two designs very much one 6th from bottom a very jazzy look this kinda form will rock in some funky designs..
Thanks Folk!!
Some great forms to look at here. I agree with Rich B Google maps integration is a must for a contact page.
People must never forget the importance of having an attractive looking, but simple contact form.
Some great examples here. I’m in the middle of constructing a new site so I’m glad I found you.
Liked two designs very much one 6th from bottom a very jazzy look this kinda form will rock in some funky designs..
new contact page something like any of the above one.
Its amazing how interesting it is for me to visit you very often. Thanks for sharing.
yum yum.. thanks for posting the designed.. I think I will try this one when I have nothing to do..
All the templates are really nice. I like the fourth template in blue color, it looks stylish.thanks
Hmm, might have to have another look at my contact form, thought it was nice and simple, feels a bit boring now, time to fire up illustrator i guess!
thanks for sharing.
What do you think about a contact us page I designed once. Please click on my name to see it.
Great post! I would also recommend the book E-myth, every entrepreneur should give it a read.
Hi,
Thanks for sharing such a nice contact design.
Really a inspirational one!
Cool and helpful, i especially like the 3rd one.
thanks for sharing
People must never forget the importance of having an attractive looking, but simple contact form.
Nice contact us samples.Thanks for sharing…
A very nice selection.
Thanks for the inspiration.
Designed contact pages/forms are always a pain because styling forms is slightly different to html. These forms are really good and we will certainly check the CSS for a few tips!
I like them
they are really good examples ^^
for me the contact page is just as important as the homepage – 15 great examples
Great collection here. As a designer I always seem to be drawn to contact pages to see how they have been styled.
Nice work
Some nice examples and definitely an important page on any site
I gave a search to google and found your great advice on contact forms. I would love to have a plugin to use on my wordpress site? Can you down load like contact form 7?
The first one is really awesome.
I like Ole Frederik’s contact page the best out of these, but the best contact page for me is the one set over the top of the fantastic aerial photo at alexarts.ru
Wow, beautiful collection. it’s looking so much inspirational. i really thank you for your great post
you guy make somethings easy for me in my office.thank’s so much. more power to your elbow.
The designs are really awesome
Non of these examples show how to display a captcha image.
Some really nice layouts I liked the ideas of using social media links with the contact form
Thank you for those inspiration, I really love the first one !
Beautiful selection of Contact Pages. As a web designer it is imperative that this page is the most engaging. This is the most important call to action and therefore consideration is a must.
Thanks for the compilation of examples – inspiring indeed.
I love this collection of contact us page, here you done very hard work to collect those contact us page, thanks for your hard work.
Thanks! I always have issues with contact pages for some reason. Presently revamping our contact page, this should help with some ideas.
It’s refreshing to see that designers are not overlooking pages that others feel are not important when it comes to its look and feel.
That being said it is important to ensure that it is practical and useable!
Great collection though!
It’s amazing how often contact pages are overlooked.
Nice Contact page examples. Contact page invite call for action to send message. Good design is definitely help bring in sales and show professionalism in your line of service.
Nice Work,
Some more Excellent Examples are Here
http://webdesignledger.com/inspiration/20-excellent-examples-of-forms-in-web-design/
http://www.ourtuts.com/25-examples-of-well-designed-contact-pages/
Nice! Thanks for sharing these Scott.
I think my page BEATS all of the above. I just finished it, it is a HUUUGE Infographic and all the data is layed out in a fun way
Check it out boys and girls, and update the article if you like it:)
http://askkarine.com/contact-karine/
Great Post! I am actually designing an E-Mail form at work for our annual Holiday E-Card and came across this link! Very helpful for inspiration
Heh thanks Eric. I love coming across our articles on Google
. Let me know how that E-card turns out man!
gracias !
Thanks information
Nice posting
Thanks for sharing .Its Great Article for New Blogs
Hello Tom, I want to thank you for sharing those beautiful designs of contact forms. I’d would like to know your opinion with a question I want to ask you, I’m using a contact form already designed from ContactUs.com (http://www.contactus.com/contact-forms/) on a vlog of mime (http://videos.homelinux.net). So my question is, do you think would be worthy to use a contact form already designed from ContactUs or do you think is more worthy to create my own design for a contact form??
I hope to hear from you soon. Thanks.
Thanks for the sample of pages contact. Very useful your article. I will make one similar to the ninth. It seems to me the most simple and pleasing to the eye. Thanks!
Thanks for sharing.
I will update my contact page.