Navigation

20 excellent contact pages

By Kendra Gaines | Web Design | Mar 27, 2013

The purpose of any website is to get people from your target audience interested in what you’re offering. Whether it be a product or service, 9 times out of 10, someone is going to want to communicate with you further. Because of this, in almost any industry, you’re going to want to create a contact page.

For some, this is that last page on the site map where you just throw a bunch of information. You can leave it up to the person to decide how they want to contact you and what they want to contact you about. For others, this is the last attempt to get your potential customer to give you their business.

The contact page is much more important than many give it credit. Many basic websites just throw some numbers and e-mails up and move along. But in most cases, this is the page your customer sees before they decide they want you on their project. Or before they decide they want to visit you to purchase your product.

It’s extremely important to make sure your contact page delivers in the best way possible. It can be a tricky thing to handle, so today, we’ve gathered 20 sites with great contact pages and forms to give you a bit of a creative boost.

 

Welikesmall

As we continue down this list, you’ll notice a growing trend of designers and developers utilizing maps to show locations. It’s really a fair trick, but what I like about Welikesmall is their usage of an actual sky shot of their location. On top of that, they have used a really creative way to display all the necessary contact information.

 

Noearaujo

At times, there’s not really a lot of information necessary to put on a contact page. Some businesses are web-based and don’t have a bricks and mortar or a telephone number to call. It can get real boring, real quick, but Noeraujo pulled off the ability to make a content-light contact page just as beautiful as the rest of them.

 

Combadi

It’s extremely important to make sure your brand is consistent throughout your website. Again, it’s really easy not to pay much attention to the contact page, but Combadi does a good job of making a consistent looking page. You can also see the attention to detail used in creating the page and the contact form. 

 

Denise Chandler

Freelancers should pay attention to this contact form. What Denise Chandler is doing with this contact form is not just asking people to contact her, but it’s getting people prepared to think about their project. When the contact form gets to her, she’s not making just a decision about if she wants to respond, but if she wants to take on a project. 

 

Hello Creative Media

Hello Creative focuses their services much like a boutique offers services; they like to focus on quality more than quantity and seem to thrive off creating relationships. It’s important that whatever is said and presented on the contact page represents such a brand. With the clean, detailed oriented approach, you have the idea that Hello Creative is looking to connect before they sell. 

 

Fior di Latte

It’s the 21st century and businesses want Twitter followers and Facebook fans just as much as (if not more than) they want website visitors. Fior di Latte uses their contact page as a social media campaign of sorts. It’s most important to them that you contribute to their online presence before you think about e-mailing or ringing them.

 

Built by Buffalo

For some companies, there are many ways to contact them and creating a contact page can actually be a pain. Buffalo does a good job of creating balance and having zero clutter on a contact page that has many facets. 

 

Grain and Mortar

One of the first rules of design is visual hierarchy. While many contact pages enjoy showing off the maps and the pictures of the office, Grain and Mortar shows what’s most important first. They really want to hear from you so they’ve got the form shown first and everything else seems to fall in place behind it. 

 

Fhoke

I believe it’s extremely important and beneficial to utilize contact forms on your website. Everyone doesn’t do it, but Fhoke has decided not to use just one form, but two. Why? Because they understand some people want to just say hi and other people want to jumpstart projects. This is a great way of understanding your audience and catering to them.

 

Sweet Basil

Sweet Basil is a nice little restaurant in Colorado that likes to prepare creative dishes for their patrons. What I like about this entire site is that their contact information is prominently displayed at the end of all pages. The contact page is a simple idea that meshes a map (great for the location) and a contact form.

 

Social Design House

Social Design is a full-scale, super creative design agency. Though the contact page is extremely simple, the setup and design have great aesthetic qualities.

 

Let’s Travel Somewhere

This is a nice little project that attempts to capture different cultures and countries through photography. Of course, there’s a theme of travel here so what better way to present your contact information than putting it on a postcard? It makes sense and plays into the theme of this wonderful website.

 

Ghost Games

The people over at Ghost Games are passionate about creating great and imaginative video games. Right now, their main goal is to add some people to the team and get people interested in what they’re doing. They have a pretty basic approach to a contact page and form that fits in well with their overall scheme.

 

Cobble Hill

Everything on this contact page fits in extremely well with the design direction of this entire website. You’ve got the map that looks handmade and illustrated and a contact form and icons that draw you in as well. 

 

Brown’s Court Bakery

This bakery’s contact page is consistent and concise, just as it should be. The vintage feel is felt throughout and the most important information is visible.

 

Evoke

As far as the design of this page, there’s a lot going on. And while there’s much to look at, it draws you in and allows you to take interest into every piece of information presented. The overall design here is brilliant!

 

Evolve Artistic

As previously noted, it’s extremely important to know why visitors may be contacting you. Evolve Artistic is aware that people will want to inquire about projects and such, so they’ve included some pointers in contacting them. This ensures no surprises when potential clients are contacted and makes sure everyone is 100% serious. 

 

Bang & Olufsen

Some businesses, like Bang and Olufsen, have various points of contact. As someone who believes in contact forms, I think it’s extremely effective that they’ve offered contact forms for every contact avenue. Everything is well spelled-out and clear enough for visitors to know how to maneuver their requests.

 

Production Locations

Much like Bang & Olufsen, Production Locations has many different reasons why clients may contact them. They’re a pretty full service agency with lots of services to offer. So, this is another spin on offering multiple contact forms that works and makes sense.

 

AFOBI

Afobi has a nice, creative spin on the contact page. The contact from is highlighted, suggesting that the best way to contact them is by utilizing this, rather than some of the other ways on the side.

 

Whether you decide to add links to social networks or use forms for contact, the best idea is to go all out. The contact page can reinforce positivity or negativity in the thought process of your audience. Make sure that you’re extremely thorough and understand what it is your market is looking for. A great contact page not only allows you to communicate with your potentials, but it can help you seal the deal before an e-mail is sent!

What elements do you consider vital on a contact page? Are there any sites with great contact pages you’ve worked on lately? Let us know in the comments.

Share this post
Comments (no login required)
  • http://twitter.com/AWKWARDMEDIAINC AWKWARD MEDIA

    great stuff! But have to admit that a few of them didn’t belong on this list :)

  • orange county web designer

    Good point and great examples. Visitors will definitely be motivated to contact you with these lovely Contact pages. Thanks for sharing.

  • Javier Rivero

    I think this one is pretty

    http://www.santomostacho.com/contacto/

  • jaystrab
    • http://themultiblogoriginal.webs.com/ Sajo

      Are you kidding! This site is soooo stuffed!

  • Eliyas Okeke

    what about for mobile is there any examples or considerations to think about

  • StoyanMit

    Great Examples!

  • http://themultiblogoriginal.webs.com/ Sajo

    Nah, I don’t think its nice.

  • Amar

    love you <3
    Kendra Gaines

  • Jan

    Thanks for sharing, awesome inspiration right there I built a little gimmick for the contact page of my company – The employees heads follow the users cursor position.
    http://www.cloudtec.ch/blog/web/change-image-with-jquery-mouse-position.html

  • InfinPixels

    Nice examples! Welikesmall is really nice as I love huge images.. Can I share our site too ? http://www.infinpixels.com/ I think we have a pretty nice contact page :)

  • JP

    Thanks Kendra Great Article

  • Johny Deepest

    Really? that’s your list? gosh, this got to be to less inspirational contact list I’ve ever seen!!

  • Mike

    The contact pages which should have NEVER made this list are the ones which don’t show the company’s contact information. The “Contact” page is where the company name, full address (including country, we are talking about a website which is located on the world wide web, aren’t we?), phone, fax, emails, etc.

  • http://thehung.net/ The Hung

    Very nice collection. Thank you so much.

  • [email protected]

    Kendra, thanks a lot for those examples ! very inspirating ! So me too, i created a form contact – easy to use – with a lot of features : see it here : http://www.mobili.club/contactez/
    Give me your feedback !