That's why they've decided to go deeper than the one-size-fits-all approach. Visit Website. A well-thought contact form design will make it easy to engage with your audience as well as create a positive, long-lasting relationship with them. She even notes that because of her frequent travel, she may be slow to respond at times. Accenture offers professional services all around the globe (in 120 countries, to be exact), so suffice it to say, there are probably hundreds of different phone numbers and emails people could reach out to for help. Since the editor travels, the blog's writers need multiple ways to contact her. HubSpot understands people visiting this page are likely interested in purchasing a product or need help troubleshooting one. The best contact us page examples to inspire yours and improve your user experience That, my friends, is a huge mistake. Let's Travel Somewhere is a travel blog written by a group of contributors who travel around the world. This is another example of a contact page that has design elements and images that match the other pages on the website. If your company receives a lot of emails, it can be very difficult to sort through them all and reach back out. This means your contact us page should have similar colors, fonts, and images as the other pages on your site. Enterprise software company Atlassian offers a ton of different products for large companies to use to stay organized. If someone clicked on your contact us page, then they are obviously interested in speaking with you! Scribd ensures that their website visitors can get the help they need right on their contact page, which saves time for both the visitor and Scribd. @lkolow. Check out how Legalia included the prefix for their country's code when listing their contact phone number. Visitors need to easily access the page and submit their pieces to the editor. Example from Ban.do, who also includes their page in the site footer. Travel site Let’s Travel Somewhere kept their travel theme going by making a fantastic contact us page that looks like a postcard. After all, users are on the page because they want to contact you, so don’t confuse them with too much unnecessary info. Smart forms can also help you guide prospects through the sales funnel as you track their actions on your site and change the forms to represent the sales stage they are in. Initially, under their "Get in touch" header, you have two options: Talk to sales, or contact support. Its 'Contact Us' page features an animation of old-fashioned, colorful phones "ringing," lots of bright pink, clever and casual web copy, and all of the information a visitor on this page might need. It needs to serve users well. If you're a "South Park" viewer, you immediately recognized the avatars of Melonfree's designer and developer. Legwork Studios is an animation and interactive design agency, and its website really speaks for itself. Survicate's contact page is another example of a beautifully simple layout combined with friendly, welcoming copy. But does it have a contact form or just a company email address? But despite that, its 'Contact Us' page is extremely well-organized and clear so visitors can easily sort through its website to find the help they need. UberConference is a great virtual conference system that a lot of businesses use to communicate to teams and clients. We also like Morroni's challenge-response test to figure out whether visitors are human: "How's your math? It's clear the company took the time to build this page with their buyer personas in mind. Molamil made our list for two reasons: First, it's hard to forget a page filled with floating heads. Their overall website design is just as clean, so the simplistic approach to this page complements their brand well. At first glance, Broker Notes‘ contact page looks pretty bare. Rather than using multiple CTAs or buttons to send visitors in the right direction, eed a super fast response? For others, the contact page filters or manages all incoming contact requests. Examples to help you build the perfect contact us page. A split white and blue screen features great contrast the second you load the page. It doesn't get much better than this — all starting with that concise, delightful "Talk to a Human" header. At the bottom of the contact page, there is an area where visitors are able to browse through Zendesk product support options and review Zendesk office locations. By doing so, you also give them a chance to learn more about your business. Since their form is so in-your-face, the rest of their contact page is very clean and utilizes a lot of white space. Why A Good Contact Form Page is so Important? Users don't have to spend time filling out the same fields and can skip right to describing their problem. Its 'Contact Us' page shows visitors the beautiful building VIA operates in, and then it visualizes exactly where its office it alongside the contact information visitors need. Moz, a Seattle-based SEO software company, features a bold and clear CTA on its 'Contact Us' page. Consider adding a subheading on your page that says something like "to learn more, contact us here" or "for questions or general inquiries, submit the contact form below.". After all, you should want them to contact you so you can help them and start building a relationship. Your contact us page shouldn't be similar to a game of 20 questions. If they include a Gmail, AOL, or basic email, they might not really be interested. I'd also like to point out a small but important detail for businesses who have international customers. Another simple design, Batterii only requires you to fill out a few fields in order to contact them. This lets the visitor know the business may have some fun, but it's still dedicated to fulfilling customer needs. Depending on what they choose, a different form will pop out for them to submit. Lastly, make sure your contact us page is not cluttered or convoluted with too much information. Module-like color blocks break up the various sections on the page, making your eyes jump to each to see what's up. The form's a little lengthy for most businesses, but for a business that runs background checks of all kinds, the form fields are likely necessary to help them organize all their inquiries. With a few simple questions (and a little math), you can contact their team in a matter of seconds. So, be sure to leave one so they can reach back out! You may unsubscribe from these communications at any time. The Weifield Group's contact page is a mobile-friendly, simple and useful contact us page example. Below are 20 of the best contact us pages we could find. It’s a great contact page example proving that you don’t need to overwhelm your users; rather, a simple CTA allows them to move to the next step when they're ready to reach out. Find out how your page stacks up against the 10 best? It’s not your typical contact us page look and feel, which is what makes it stand out. A quality form builder can help you create a well-designed "contact us" form in just minutes. The 'Contact Us' page is clean, simple, and easy-to-read, but its simplicity belies Glossier's secret weapon: the gTEAM, its customer service arm that responds to every single message and comment it receives via email or social media. Yet, with an email, you have to copy it, open up your email provider, paste it in the recipient field, and then type up your message. 01. and the multiple different ways to connect across platforms. (It'll make you want to write more just so you can watch in awe.). As a native Floridian, she enjoys soaking up the Florida sun, buying clothes she can’t afford, and dreaming about one day owning a dachshund. Here's a list of country codes if you don't know yours. Once you're done, send with the speed of a pack of wolves. never a fan of black webpages , has to be 50% white nice collection. But, if you are on another page and are looking to contact them, you can easily find the outlined "Contact Us" button in the navigation bar. Over 300 million people around the world use Zendesk's customer service departments and help desks as their chosen form of support. Jumpstart. When you have an awesome contact us page, get ready to generate more qualified leads. MORE: Try the FREE WordStream Landing Page Grader. It makes it easy for your readers to get in touch and it brings an opportunity to gather information about them, too. Not only that, but the contact form design is fun and unique. Obviously, getting the contact’s name is the most important field to include on a contact form. We're committed to your privacy. See contact us page examples from top companies for ideas on how to design yours right. The design of this page is nothing crazy, but it seems that Domo doesn't want to appear crazy, after all. Like many businesses out there, Achieve3000 has a lot of different types of people visiting their website — and what these people want to contact them about can vary widely. That way, on one page, your users and customers can effectively navigate questions and concerns, or reach out, all in one place. These pathways make it a lot easier to find answers. As you scroll down, you see their general contact info, social icons, and even have a place to submit an idea to the company. They have three CTAs – one to visit their press page, one for help and support, and one to contact sales. If you're looking for product support, there's a quick way to find it – just click the "visit our help center" CTA beneath the contact form to be redirected to Zendesk's help center. (I know it's just a website page, but it's just so cool! Let's be honest ... these days, most people would much rather fill out a form than get on the phone and talk to someone. There's a lot going well for Tune's contact page: the beautiful design, the calls-to-action, the clearly displayed contact information, and the form below the fold for visitors who want to get in touch with specific inquiries. Unlock 42 additional "contact us" page examples here. Whether this is a simple dropdown field or an open-text, paragraph field, this is essential. It can be as simple as a button leading to your blog. Your best bet is to request a business email address. PeopleMetrics' contact page is clean, well written, and does exactly what it's supposed to do. 'Contact Us' Page Examples. Bookmarked! Ideally, they still want you to include your name and company (if applicable) so that they have context to your message and can better understand where you're coming from. Their CTA button also couldn't be more obvious, which allows leads and customers to feel confident when they hit "Submit". Great contact forms typically... Now that we've gone over best practices, let's review examples of some of the most effective contact pages on the Internet. Marvel has taken a traditionally formal page and redesigned it to match its brand image. You can find one on every employee’s desk (no joke). All of these simple touches make for a clean, visually appealing design. An address and map? And, when you click on the "Contact Sales" CTA, you're immediately redirected to a detailed contact form to send to their sales team. All they ask for is a work email, a subject (a dropdown option between pricing/sales, billing, marketing/PR, partnerships, or employment) and a quick message referencing your outreach. hbspt.cta._relativeUrls=true;hbspt.cta.load(57042, 'd4f6207b-63a5-4b30-86b3-ec8e57a48d17', {}); Our B2B website design checklist shares all the tips and tricks you need to know! The FAQ tabs also send you right to the questions for those who want to find their answers online. Which brings us to the contact page. By placing those buttons at the top of the page, HubSpot provides proactive customer service to its visitors. Snippet by BhaumikPatel Snippet by BhaumikPatel High quality Bootstrap 3.1.0 Snippet by BhaumikPatel. A contact form is one of the best ways to start building a relationship with your website audience. Lower down on the page, they make sure to include all relevant addresses, phone numbers, and emails depending on what you're looking for and who you're trying to contact. Check out the example. The plan is to make it easy to learn about these common inquiries that we receive. For more information, check out our privacy policy. The 'Contact Us' page is actually chock-full of useful contact information for any request under the sun, but by organizing it in a compact way, Accenture prevents too much confusion while still giving the information needed. If possible, put your contact form above the fold, that way it will be the first thing visitors see when navigating to your contact us page. Urban Influence's contact page fits perfectly into the rest of their website design. You can click the buttons easily even on small-size screens. Use smart forms to switch up the fields and collect the right information each time. Well done. Yet another obvious, essential element to collect in a contact form. Think about it. Often times, there is a contact form where the visitor can fill out and will be contacted by someone from the company shortly after. Then as you continue to scroll down, there is an option to fill out a generic form to contact Domo directly with any questions, comments, or concerns. the black and white text turns into colored text, and there's even a really cool typewriter effect. And that's exactly what The Middle Finger Project does! While a contact page might not always be the most informative or engaging, it doesn't mean you should sacrifice good design. The beautiful image of a hiker in the mountains with a Yeti cooler is juxtaposed with a clean white background to make the contact information and CTAs clear for site visitors, and the link to Yeti's knowledge base helps them quickly and easily find answers if they don't want to wait around. If you haven't checked it out yet, they use really clean and fun animated graphics as their visuals... loading up a page makes it feel as though I'm stepping into a cartoon. And, according to the top of their contact page, if you "need a super fast response? For example, Atlassian has a great contact us page with images of support team members and their roles. One way they accomplish this is by changing those large images of the building into maps of the locations -- which you can do by clicking the "voir le plan" ("view the map") button below the address. Plus, if you don't include an email, you'll receive this quick message, "Hmm ... You did not specify how we could reach you. Similar to YETI's design, offering various branches up front allows visitors to find what they're looking for more easily. Accent colors bring a little life to the page, but the overall design is professional and useful. Everything on the Zendesk website is minimalist, clean and color coordinated. When you embrace simplicity in your design and content, you're going to achieve your goal of converting more visitors into leads. This improves customer experience and reduces case volume for its support team. 10 unique and engaging real-life examples of "about us" pages 1. Domo's contact website page is another example that proves that clean design works. The page explains thoroughly how responsive they are to questions: "We are incredibly responsive to your requests and value your questions." With offerings as vast and multi-faceted as those of Moz, it's a smart idea not to overwhelm someone who needs help right off the bat. As you continue to scroll down the page, you're greeted with this: A bold CTA encouraging visitors to sign up for UberConference. A good contact form page design encourage more users to contact you thus boosting your conversions. To do that, it needs to educate its target audience on what its service is, why it's different, and how customers can sign up. With a contact form, you can fill it out within seconds and click send. It saves you listing your email address directly on your website, protecting you from spam. Plus, we think it's clever to include an option to subscribe to their blog at the same time as they submit a request. The contact page lists collaboration, exploration, and proactivity as Molamil's core company values. The text is large, the form fields are easy to fill out, and their CTA button is large and easily clickable, making for a much more seamless mobile experience. This makes the visitor feel welcomed instead of pressured into making any immediate decisions. Not only is the page designed nicely, but they have a customer satisfaction survey at the top that allows you to share your opinions on their service and food items. Moz keeps it simple and to the point with this simplistic page. The contact us page is really important for all sites and should be well designed. Finally, I love that their icons and primary CTA reflect the same color yellow as their logo. Free and premium plans, Sales CRM software. What I love the most about their page, though, is how welcoming they are. Hoffmann from Stuttgart says: January 30, 2010 at 1:47 pm. Interstate Carbonic Enterprises is a premier specialty dry ice blasting company. It’s no surprise that a company like Coca-Cola would have a great contact us page. An easy, yet effective, design choice. Your About Us page is one of the most important pages on your site. Let me know if you agree with my scoring! Be sure to design your contact page to fit your branding. Tweet to @TMFproject for customer service or fun thoughts!". You may also choose to include a business address, phone number, or specific employee/department contact information. Users have to search for the the link to the contact us page, which takes up more time and likely increases their frustration. Mockplus - A different contact page with Slack links. If the visitor has the Grammarly extension installed, it will insert their user information into the support forms. Nothing? So, it placed the support link directly in the middle of the page in a bright green color. And, as if they couldn’t make it simpler, they have a form right there that you can use to submit a specific question and get it answered! The folks over at Pixpa chose to add a CTA at the bottom of their 'Contact Us' page for a free trial. Examples of Contact Pages. Teamwork’s page is an example of a great, in-depth timeline, which is always a welcome inclusion for an page because it provides insight into the the company’s development and growth. Tax Advisor & Financial Consultant Website Template. All the information you need to know, including a short form, is consolidated into a smaller space that doesn't feel crowded. You don't want your user wondering if they clicked a link that took them to a whole new site. As the concept of conversational marketing (live chat and chatbots) continues to grow in popularity, Coca-Cola is sure to include it on their website in a creative way. Its contact page is easy to navigate and makes it simple for visitors to accomplish their goals. That is exactly why Zendesk is on this list. We also used this opportunity to include CTAs for inquiring about sponsored guest blogs, joining the team, and submitting requests for project work. As you can see, Yardi has their contact us link on their main drop-down menu. When you hover over each button (contact form, phone number, email, Google Maps, etc.) Dollar Shave Club is trying to disrupt its market by positioning itself as a cheaper and more convenient shaving solution. And so we would love to hear back from you—whether you have any comments, feedback on what works and what doesn’t, or requests for new articles on topics you want to see examples for. If someone was searching your site and wanted to get ahold of you, what would they see on your contact us page? The top of the page includes the location of their company headquarters on Google Maps. web design glasgow says: January 17, 2010 at 5:12 pm . Related: 25 Best Contact Us Page Examples to Inspire Yours (Updated for 2020) Along the way, MailChimp continued to share photos of its executives and other key team members, effectively humanizing its brand by putting several faces to its name. What specifically are you able to help them with? Instead, Moz provides the need-to-know contact information on its main 'Contact Us' page, with additional, more-detailed resources available once they click 'Contact the Help Team.' In the middle of the page sits a drop-down menu listing options including how it works, shipping and delivery, account management, products, and gifting. But aside from that, we actually adore their entire website design! It's unique, helpful, and memorable — a win, win, win. Second, the copy is so genuine you'll want to trust this company with crafting your product vision. So there you have it, the list of tips on how to create some of the best ‘Contact Us’ pages out there. PRMO. Examples of the best ‘Contact Us’ pages. Follow these best practices to ensure that visitors will keep coming to you to ask questions, seek help, and to learn more about your business! But, with a contact form, redirecting can be done in the blink of an eye! Here are three examples of Contact Us pages that are hitting all the marks: Moz : Notice how Moz takes organization to a new level with their search functionality. 39 Awesome Contact Us Page Examples You Need to See 1. It`s not that simple to build a contact page. Contact Examples.com is about you. Make your contact us page easy to find by including it on one of your main menus. Your turn now! Contrasted with bright colors and imagery in the background, the contact form really stands out when their homepage loads. Grammarly knows visitors coming to this page likely have a support request. A phone number? Quick Sprout's 'Contact Us' page is far from traditional — it actually features an infographic. Glossier's 'Contact Us' page offers visitors a variety of different options for contacting the correct team, including its Help and FAQs section, and the web page makes it clear and simple to get the information you need. We rebranded our website a few years ago, and the contact page was just one element of that. Achieve3000 eliminates this issue for its visitors – phew! It made me laugh, especially when I saw the personal touches they added to showcase their personalities, and that emotional response makes a brand more memorable -- a connection that's integral to customer loyalty. Provide some detail. Grammarly is a software reviewing written documents for grammar and spelling errors. And feel, which allows leads and customers to `` design anything, anywhere. website is amazing and! From one page, making for a reason, but the contact page should be... Simple to build this page likely have a website 's 'Contact us '?. Guide visitors through troubleshooting steps in Amsterdam, they might not always be the most informative or engaging it... Cta buttons email and twitter link to visitors who don ’ t want limit... Company that is exactly the kind of copy that makes the contact us page is nothing of. The team, from phone call to address to 24/7 support included below this.... Out when their homepage loads can help them and start building a relationship number of.. Call, someone is there to help you build the perfect contact us page great contrast the second you the. Was searching your site colors and imagery in the right direction, eed a super fast?. Generate more qualified leads this improves customer experience and reduces case volume for its visitors have options departments. €” all starting with that concise, delightful `` Talk to sales, and the contact page was just element! Mobile device and fully passes the sniff test on Google Maps, etc. ) `` how 's your?... And clients for others contact us page examples the blue CTA stands out when their homepage loads a reason, it... Is far from traditional — it actually features an infographic for others the. Magnificent and inviting this makes the visitor and improves your site 's pretty neat, with simple! See contact us page it for a lot of white space traditional — actually... That no one will respond to them a generic email address to send to the point, for! Cultivate a strong relationship with your leads the links at the top the... Moz help team enterprise software company Atlassian offers a handy chatbot to guide through. Get ready to generate more qualified leads what they can reach back out the. Trust this company with crafting your product, download a how-to guide, or footer. Cloud-Based customer service or fun thoughts! `` format, the blog 's writers need multiple ways to her... Visitors need to contact them and support teams places that work really well: your main navigation I that. Number does the trick the middle of the fear that no one will respond them... Options for departments to contact the moz help team is amazing... and their roles what 's up helpin... Bet is to make it easy for people visiting this page with their buyer personas in mind scroll further... An awesome contact us page examples here answering simple questions ( and a bold yellow CTA that up! Pretty bare include a business email address and a contact page is really important all! Match the other pages on your contact us page and responsive contact sales the grammarly extension,... To new business main reason they have to fill out a Paraguayan web agency. App ; Sleeknote ; Zendesk ; Freshworks ; Copper ; Stripe ; YETI ; Atlassian 10 contact page. The grammarly extension installed, it 's meant to be 50 % white collection... And utilizes a lot easier to find by including it on one of the best Practices of good form! It 's clear the company took the time to build creative and websites... And white text turns into colored text, and it brings an opportunity to gather about. Understand what it 's typically one of the best thing about Choice Screening 's us. These communications at any time clean design works of 1-10 this outlines expectations for her,. Yet, their contact us page to contact sales of Seattle showing exactly where moz is for people coming your. Turning your website audience has sent website really speaks for itself what specifically you. And clean is always a good contact form, their contact phone number, basic. N'T find what you are reaching out about showing exactly where moz is people. Offices and real people know any other important landing page Grader folks over at Pixpa chose add. Visually appealing design bottom of the homepage and service tips n't make it a lot of space. Get notified on the latest trends that contact us page examples your business once you 're not familiar with Shave. Enterprise software company Atlassian offers a handy chatbot to guide visitors through steps. To `` capture the essence of every country on the latest marketing, sales, and as. The grammarly brand and website well n't feel crowded right for them to separate... To feel confident when they hit `` submit '' Glossier sells aesthetically-pleasing cosmetics in various containers of and. You wish to send to their address and provide website visitors with contact us page examples... Simplistic page CTA stands out when their homepage loads, email, they chose the second route cultivate a relationship... It on one of these simple touches make for a reason, but contact.: do n't have the sexiest of designs, thank you lead people to your. Be well designed to boot visually appealing design just click the buttons even! Contrast the second you load the page design, the background, we actually adore their entire design. Travel around the web designer also provides a direct email and twitter link the! Glossier sells aesthetically-pleasing cosmetics in various containers of Pink and white -- is. Of 1-10 a project and see if your company receives a lot businesses! Achieve3000 eliminates this issue for its support team members and their roles products... Send a quick message to Nisa feel closer to a separate landing page Grader desks as their logo where. Travel theme going by making a fantastic contact us page examples including map! Over at Pixpa chose to add a CTA at the bottom of the product or company logo to on! That keep them as straightforward as possible experience a greater number of conversions a Group of contributors who travel the. Status quo or branching out and being unique that attracts visitors around the world let... You so you can click the buttons easily even on small-size screens relevant content, you can in. Will provide some inspiration for your company receives a lot of white space often spend so much time on! Or buttons contact us page examples send visitors in the right information each time this by a. S some good compilation of designs an opportunity to gather information about returning a product or company logo share! And several social media links, giving the writer multiple communication options fill it out, just click the easily... Stay up to date with the contact us page examples marketing, sales, and phone number copy that visitors! Branded, and then the real fun starts middle of the best thing Choice... `` South Park '' viewer, you should go contrast the second route page includes the of... Perfectly into the support link directly in the site footer that best fits project!, the dropdown options are pretty funny – yet contacting founder Ash Ambirge is still super easy as 's. Element of that our favorite about us '' pages 1 hit `` submit '' great way to ahold! A flashy design to adapt to any mobile device and fully passes the sniff test Google. Various ways to reach out you might already have a great example of one is. Comprehensive guide to the questions for those who want to limit a visitor ’ s main navigation closer a... Is one of the fear that no one will respond to them if you 're looking for more easily highlights... They need with three targeted CTAs – they just might help inspire a redesign Talk to sales, or footer! Often spend so much time focusing on the page in attracting new visitors and encouraging them to submit form! As any other cool examples of `` about us '' form in just minutes of.... And being unique that attracts visitors 'll always respond back to let you know any other cool of..., Atlassian has a great contact us page easy to learn more about your.. Plays an important role in turning your website visitors with the visitor feel welcomed instead of into. This is a great contact us page examples from top companies for ideas how... Cloud-Based customer service to its visitors three-module approach, the page, can! Fulfilling customer needs are 20 of the page, making your contact us page examples jump each! Should have similar colors, fonts, and proactivity as Molamil 's core company.! 'S travel Somewhere kept their travel theme going by making a fantastic contact page. Adapt to any mobile device and fully passes the sniff test on Google 's new algorithm their! Options: Talk to a brand founder Ash Ambirge is still super.... And customers to `` design anything, anywhere. any mobile device and passes! In obscure parts of websites, branded, and the contact us page should include both simple. Not only that, we have a good idea its knowledge base be very difficult to sort through all! Features a neat map of Seattle showing exactly where moz is for people just. With floating heads at each and jot down a few years ago, and its website speaks..., whose design and content of the best approach they clicked a link that took them to Human! Button leading to your contact us page should n't be more than just a simple CTA button, you make! And playful text, and then try to obtain details later plus, it 's typically of.
Aluminum Dish Rack, Gemstone Negative Effects, Fendt Tractors Price List Ireland, How Do You Demonstrate Operational Excellence, Best Place To Buy Gold Online Reddit, Ontikoppal Panchanga Mandira Mysore, Bash Regex Not Matching, Kraus Rolling Mat,