30 awesome contact us pages

30 Awesome Contact Us Pages to Inspire You: Part 1

June 9, 2014 - Article posted on: Contact Us Pages

Your contact forms are the bridges users cross to become leads and customers.  Getting them right is essential. But focusing on your forms exclusively isn’t enough. The highest-converting forms are integrated seamlessly within the broader context of an effective contact us page.

Want to know the best way to get the information you need without scaring users away? Want more users to get in touch instead of changing their minds at the last second?

What better way than to turn to some of the best contact us pages online for guidance?

Here are 10 awesome contact us pages to inspire you in creating the perfect contact us page for your own business:

1. Markitekt

You’d expect an awesome contact page from a conversion expert like Peep Laja, and the page for his CRO company, Markitekt, delivers.

The bold color scheme grabs your attention without being difficult to read. It strikes a balance of asking a few crucial questions – traffic levels and budget – without overwhelming users with too many form fields.

The language assures users that it’s all about them. Instead of asking you to “contact” them, Markitekt urges users to “tell us about your business goals.” Everything is framed in terms of what the user needs and expects from the services. The page also sets a clear expectation what will happen after a user submits the form. All in all, an awesome contact page!

2. Fueled

This page from Fueled, a New York City-based mobile app developer, is great because while it asks for a lot of information, it spreads out the form fields so they don’t overwhelm users.

The page separates form fields into contact information (“General Stuff”) and information about the potential project (“Your Project”), which captures a lot of information and keeps the form from being generic. The divider in the middle gives users a mental break while they fill out form fields; it becomes a short two-step process instead of a longer one-step one.

Finally, the Fueled page uses dropdown menus in the “Your Project” section to save users time and make form completion as easy as possible. The result? A beautiful form that captures the information Fueled needs and still gets filled out.

3. Quicksprout

This page, from Neil Patel’s company Quicksprout, does a good job of connecting with users in a memorable way. If you go to the Quicksprout contact page, you have to scroll all the way to the bottom – past a detailed infographic explaining how much time Patel spends on email – before you even get the chance to submit your info and submit it.

The “Okay Okay Just Email Me” phrasing, along with the lengthy infographic and Patel’s request to keep your message short, adds an element of exclusivity that makes this page memorable.

The form is simple and doesn’t scare away users; it uses just three form fields and a bright call to action button to make contact painless and efficient.

4. Hubspot

This innovative contact page from Hubspot does several things that make it effective. One of the most memorable things about this page is how it combines landing page design elements (the copy and slider in the middle of the page) with traditional contact us page elements (the online form, callout tab, and phone number).

Hubspot doesn’t just assume users who land on the page are sold on making contact; it points out benefits and highlights key features of its marketing software in order to motivate more users to request a demo.

This contact page also does a great job of giving users multiple options to get in touch. They can submit a contact form online, speak with someone over the phone, or click the “Sales Inquiries” tab to begin live chat with someone from the Hubspot team. A creative and extremely usable form overall.

5. Proper Cloth

This page from Proper Cloth, a custom dress shirt supplier in New York City, is beautiful and effective.

The keys to this contact page lie in its simplicity and ease of use. Users are presented with multiple paths to connect with Proper Cloth. They can submit an online form, stop by the store in person with the help of the map, or they can call Proper Cloth (this option appears below the embedded map.)

This contact page eliminates all the guesswork. It’s easy for users to navigate, choose a contact channel that makes the most sense to them, and reach out.

6. Shiner

Shiner doesn’t just make great beer; their website features a beautiful, effective contact page.

This page uses a clean design to get valuable information into users’ hands quickly. One half features a map showing the physical location of the brewery, popular for its tours. The second half gives users an easy choice to make contact by telephone or submitting an online form.

Sticking to a few form fields reduces friction and encourages more users to contact the brewery. A prominent call to action button ties everything together. Great page.

7. Men with Pens

You’d expect Men with Pens, a web design agency, to have a killer contact page. Their page doesn’t disappoint. It does great job injecting the Men with Pens personality without taking away from the page’s main purpose. Users see cookies and coffee, but there’s also a highly functional form to fill out and submit.

This page also uses a strategic customer testimonial on the right side. Contact pages are important conversion points, and making a testimonial available helps “on the fence” follow through and connect with Men with Pens.

8. 99designs

Here’s a great page from 99designs, a graphic design marketplace. This contact page is probably simplest of the ones featured in this list, but it’s also incredibly effective.

The page only uses a few form fields and makes them easy to fill out. It also uses placeholder text to walk users through each step. Everything is easy and smooth, right up until users see (and click) the bold submit button.

This page also offers information about 99design’s mailing addresses. But it does so discreetly: displaying them on the right side of the page. It’s easy for users interested in the mailing addresses to find them, but it’s also easy for everyone else to ignore them and focus on the rest of the page.

9. Top Golf

Here’s another great contact page from Top Golf. The contact form requests plenty of information. But it makes the process less intimidating by 1) stacking the form fields into two columns so users don’t have to scroll down the page, and 2) using dropdown menus when appropriate to make fields easier to fill out.

Top Golf also makes it submit button a bright blue color so it pops from the rest of the page. After they fill out their form fields, it’s easy for users to see what to do next.

10. Rafal Tomal

The final page featured, from web designer and developer Rafal Tomal, is economical and effective.

When you click the “contact me” button on Tomal’s website, a section with the form fields appears on the right side of the screen. It doesn’t take up the entire page because it doesn’t have to. There are only a few form fields, these fields have placeholder text to instruct users through each step, and the submit button stands out in a pleasing way.

For users interested in working with Tomal, filling out and submitting this form couldn’t be much easier.

Stay Tuned for More Awesome Contact Us Pages

I hoped you enjoyed the breakdown of these 10 contact us pages. This posts marks part 1 in a three-part series showcasing some of the best contact us pages online. So stay tuned for more contact us page design inspiration!

Which of the 10 pages was your favorite? Why? Leave us a comment below and let us know.