Request Assessment
December 7, 2022

13 UX-Driven Contact Us Page Examples

Your website serves multiple purposes for your business but, likely, the most important function it serves is enabling end users to get in touch with you. Users are hungry for this information, as 51% of people think “thorough contact information” is the most important element missing from many company websites. 

Users should find it easy to contact your business based on their needs, for example:

  • Prospect: Interest in learning more about your product or services
  • Customer: Question on how to leverage your product or services
  • Job Applicant: Searching for a role that fits their skillset

Your Contact Us page should not be the only destination for a user to get in touch, but it should be the most comprehensive option for a user to reach out if they didn’t successfully navigate to a more specific landing page such as a BOFU content offer or support center.

What Makes a Great Contact Us Page?

If a user navigates to your Contact Us page, their goal is to get in touch with a member of your company that can help them solve a problem or answer a question. 

Don’t overcomplicate it. If your page is serving any other purpose than getting a user in touch with the right person at your company, you’ve gone too far.

Provide multiple routes for contacting based on user type. The options you provide should be based on common inquiry paths such as sales, customer support, news inquiries, etc.

Include a variety of options for contacting your business. Users have different preferences based on their needs. Include a contact form, phone number, chatbot, and email address so folks can self-select the communication style that works best. 

Leverage internal linking. Users default to the Contact Us page if they’re unable to navigate to the page that they’re looking for. Include common pages such as an FAQ, careers, demo, support, links to social channels, and product overview pages to help users select the best next step. 

Include social proof. Consider what external validation will be the most useful for a user to see when they’ve navigated to the contact page.

  • If they’ve self-selected to contact sales, consider displaying customer logos or statistics that bolster your position in the market

  • If they’ve self-selected to contact support, consider displaying statistics that validate your support infrastructure to build trust before they reach out

Download your website redesign guide



13 Contact Us Page Examples

Dropbox

Dropbox’s Contact Us information architecture makes it incredibly easy for users to find the contact page and they take it one step further by giving users the option to reach out to sales or support directly in the navigation dropdown.

 

Once a user lands on the Contact Sales page, they are once again offered multiple options (phone number, find a partner near you, visit help center) on how they’d like to proceed depending on their need. 

 

Mailchimp

Mailchimp’s Contact Us page masters the art of simplicity. The page gives the user the option to select a topic that routes them to the right page or follow-up questions to support them. 

 

 

The page provides a succinct summary of Mailchimp, its mailing address, and quick links based on commonly-requested content from users. Mailchimp also includes a brief section outlining its acquisition by Intuit and key links for the parent company (website and corporate contact page). 

 

Typeform

People spend 1.4x more time on pages with video than without. Typeform took that statistic to heart when building their contact page. Typeform’s modern approach to the contact page includes a 7-second video that encourages users to select the next step that’s most applicable to them. 

 

 

All of the options redirect a user to a destination page with more information on the topic selected. Most of the subsequent pages leverage Typeform's stylish forms, which is a clever way to showcase the product in the website user’s experience.

The downside to this modern approach is that it’s difficult to navigate back to the parent contact page and there is no option to select “other” if your inquiry doesn’t apply to the list provided. 

ZenDesk

ZenDesk does an awesome job of threading its brand identity into the Contact Us page without cluttering the content so users can still quickly find what they’re looking for. It takes users about 0.05 seconds (yes, you read that right) for users to form an opinion about your website that determines whether they like it or not and first impressions are 94% design-related

 

 

Although the Contact Us page is not typically a user’s first stop on your website, they venture to that page during a critical moment in their journey with your company (interest in becoming a customer, partner, employee, etc.) It’s worth it the time to align this key page with the rest of your company’s brand identity. 

From planning to launch day, learn how to make your next redesign project a  success with our Website Redesign Guide.

1-800 Contacts

1-800 Contacts are known for their award-winning customer experience — their contact info is in the company name after all! They offer multiple ways for users to get in touch with the business (by phone, live chat, email, and form). 

 

They take their contact page one step further by including a “frequently asked questions” section that uses a witty tone as if you were texting your friend. “Holy astigmatism! I just realized I’m out of contacts!” is our favorite. The only thing missing from this page is a contact (lens) pun. 

 

Beyond Meat

Beyond Meat’s Contact Us page does a wonderful job of laying out multiple contact options based on inquiry type. Once an option is selected, it’s effortless for a user to navigate back to the Contact Us overview page if they made the wrong selection. 

 

 

The layout of the page aligns nicely with the branding across the rest of the website but they’ve kept this page simple by eliminating design elements like images, videos, and layouts that break the grid to allow users to access this information quickly. 

Calendly

It’s no surprise that Calendly’s contact page makes it easy to get in touch with their company since they’re a scheduling automation platform focused on simplifying scheduling. Their Contact Us page routes users to five primary pathways depending on their needs and they prioritize customer-first paths (sales, support, and media) over partner-first paths (join our team and become a partner). 

 

 

Their Talk to Sales landing page follows landing page best practices with a clear headline, form above the fold, and external validation. One opportunity for improvement is routing users to a more useful Thank You page once they’ve converted which includes additional opportunities to explore their product. 

 

 

Therabody

Therabody’s Contact Us page starts off with the basics of allowing users to get in touch based in the way that makes the most sense for them (email, phone, live chat) and they provide clarity on online hours and expected response times. 

 

 

What makes Therabody’s Contact Us page unique is the way they thread FAQs based on product categories. The company is creating a new segment in the health and wellness market with its line of at-home massage and recovery products. The FAQ cards on the Contact Us page are dual purpose: they provide helpful information about commonly-asked questions AND they shed light on the entire product suite the company offers which increases awareness for visitors who might only be familiar with one of their products. 

 

 

Databricks

Databrick’s desktop website includes an uncommon right-fixed navigation which is also featured on the Contact Us page. Databricks allows users to get in touch in multiple ways. The chatbot’s inviting copy to “skip the line and schedule a meeting” is a great way to encourage folks to use that functionality in lieu of a form fill.

 

 

The quick links on the right side of the page offer clear next steps for users who are looking for documentation, community, training, support, locations, and knowledge base. Once a user submits a form, they’re routed to a succinct Thank You page. In order to improve this experience, we recommend adding a few next steps links so a user can keep exploring. 

 

 

Drift

It’s no surprise that Drift’s Contact Us hero section prominently features a chat CTA as this company defined the conversational marketing category we know and love today. All links on the contact page prompt a chatbot with specific questions based on the option selected. 

 

 

In addition to the chatbot, they feature office locations with an address and images of each space which brings a personalized touch to the company’s in-office experience. 

 



Marginedge

Marginedge’s Contact Us page takes a minimalistic approach compared to the rest of the website but it’s unique in that it features the contact button in the utility navigation so it’s always accessible and it leverages tabbed functionality for a user to self-select their interest (get a demo, working here, other). 

 

Supermetrics

Supermetrics does a super job of laying out its Contact Us page. Users can select the contact card that’s most applicable (sales, customer services, job opportunities, etc.) and they’re routed to the form or website page most applicable to their inquiry.

Supermetrics doesn’t stop there. They also give their users the option to submit a form if they didn’t find what they were looking for and provide office address, email, and billing information. The use of color and background shapes keeps the page interesting without cluttering the content.

 

Sharetru

After undergoing a top-to-bottom rebrand, Sharetru, an enterprise file transfer software, took a vibrant and sleek approach to UX across the new website. Their Contact Us page mirrors the same user-friendly interface, offering multiple options for contacting sales, billing, and support teams.



The page also offers pathways for current and new customers, allowing users to get to the right representative according to their status and specific need for contact. By segmenting the contact page accordingly, Sharetru saves users wait times and endless call transfers. 

As a complement to the Contact Us page, Sharetru also includes a Support page with knowledge-base-style articles, plus a search bar, for easy technical resolution. There’s also an FAQ page and plenty of segmented resources as self-service options. 

 

 

Sharetru implemented a “sticky search bar,” allowing users to navigate to any new section without needing to scroll back up on the page. The fade-away design and stark color contrast offer an ADA-compliant, engaging experience across the website.

How to Build the Best Contact Us Page for Your Business

A Contact Us page should be one of the many ways a user can get in touch with your business. While these pages should enable any user to get in touch, we recommend encouraging primary user groups such as prospects and job seekers to get to the contact pages that are MOST relevant for them instead of the generic page. 

Make it easy to find. We recommend featuring your primary BOFU call-to-action in the main navigation (for example, “request a demo”) and housing your contact page in the footer. 

Use historical data to inform content strategy. Are you seeing the same repeat questions or inquiries come through your contact page that a website page or FAQ can solve? If so, use that to your advantage and create additional pages to solve a consistent user query that doesn’t require a form fill. 

Be intentional about your form strategy. Asking the right questions empowers your internal stakeholders to have all the information they need to support the user who reached out. Tailor your forms based on the information internal stakeholders need to know.

Set up automation to ensure a timely response to inquiries. According to Forbes, only 27%  of leads ever get contacted. Your Contact Us page content strategy, design, and placement are all irrelevant unless you’ve set up your CRM to notify team members when a contact inquiry has come through. 

To learn more about increasing lead response and engagement time, check out our must-have guide on lead routing in HubSpot below! 

New call-to-action

Kelly Molloy

Kelly is the Product Marketing Manager at New Breed.

cta-pat

Ready to jumpstart your acquisition, retention and expansion efforts?

Request Assessment