Sometimes, the simplest approach is the best approach. PeopleMetrics' contact page is clean, well written, and does exactly what it's supposed to do. It knows that most people who land on the contact page are scanning for the easiest and best way to get in touch, so it didn't let any heavy design get in the way.
To make people's lives even easier, PeopleMetrics lets you use your Facebook or Google Apps login, shortening the conversion path even further. Plus, we think it's clever to include an option for visitors to subscribe to their blog simultaneously as they submit a request.
Here's another contact page with a clean, functional design. All the information you need to know, including a short form, is consolidated into a smaller space that doesn't feel crowded.
I'd also like to point out a small but important detail for businesses who have international customers. Check out how Sleeknote included the prefix for its country's code when listing its contact phone number. Many people overlook this if they aren't used to dialing international prefixes themselves, but it's beneficial for your international clients to have it right there.
Here's a list of country codes if you don't know yours. With the continuing rise of mobile web browsing and Google heavily favoring mobile-friendly websites on its search engine results pages, all pages on your website — including your Contact Us page — must be mobile-friendly.
Being mobile-friendly involves simplifying your navigation, keeping forms short, including clickable CTA buttons and large form fields that make it easy for folks to fill it out on their mobile devices instead of having to pinch and zoom.
The Weifield Group's contact page is an excellent example of one that is mobile-friendly and responsive. Check out the desktop version of its contact page first, followed by its contact page on mobile — and note how it has optimized every part of the page for mobile. 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.
Survicate's contact page is another example of a beautifully simple layout combined with friendly and welcoming copy. I love the subheader below the fold and just above the form, which reads: "Let's talk about your project.
The form itself is simple, with large form fields and CTA buttons — making it very mobile-friendly. Below that, they've laid out all the typical contact information — office address, phone number, email, hours of operation, etc. Finally, I love that their icons and primary CTA reflect the same color yellow as their logo. All of these simple touches make for a clean, visually appealing design.
Yeti sells coolers and drinkware built for the great outdoors, and its Contact Us page maintains the cool, outdoorsy brand. I especially like the clever tagline encouraging visitors to reach out "While we're good with smoke signals, there are simpler ways for us to get in touch and answer your questions.
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.
Skincare and makeup brand Glossier sells aesthetically pleasing cosmetics in various containers of pink and white — which is reflected on the website, too. 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 responds to every single message and comment the team receives via email or social media.
Glossier's Contact Us page offers visitors various options for contacting the correct team, including its Help and FAQs section. The web page makes it clear and straightforward to get the information you need. This leads visitors to a more detailed 'Help Hub,' where visitors can click around to find the help they need for specific software or services Moz offers.
With offerings as vast and multi-faceted as those of Moz, it's a brilliant idea not to overwhelm someone who needs help right off the bat. 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. Zendesk is a cloud-based customer service software that focuses on engagement. Over million people worldwide use Zendesk's customer service departments and help desks as its chosen form of support.
Everything on the Zendesk website is minimalist, clean, and color-coordinated. The aesthetic carries over to its simplistic and effective contact page. When it comes to web forms , businesses that keep them as straightforward as possible experience higher conversions , and that is the reason Zendesk is on our list. At the bottom of the contact page, there is an area where visitors can browse through Zendesk product support options and review Zendesk office locations.
It's clear the company took the time to build this page with its buyer personas in mind. It considered what users might be looking for on the contact page and added those items as additional resources. Accenture offers professional services all around the globe in 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.
Luckily, this multinational corporation has figured out how to present a lot of information compactly on its Contact Us page — with expandable sections visitors can click into to get the information they need. The Contact Us page is actually chock-full of helpful contact information for any request under the sun, but by organizing it compactly, Accenture prevents too much confusion while still giving the information needed.
Happy Cork is a New-York-based company that delivers beer, wine, and spirits to local neighborhoods in the city. While New York may never sleep, Happy Cork certainly does as it lists its hours of operation clearly on its contact page. Its schedule is split into two tables, Store Hours and Delivery Hours, which informs customers when and how they can purchase from Happy Cork.
At the top of the page, there's an interactive map that shows visitors where Happy Cork delivers to. You can filter by each neighborhood and easily decifer whether or not your location is within the company's delivery range. This saves customers from putting together an order online only to have to cancel because Happy Cork can't deliver to them. Scribd is a fully-fledged digital library that allows readers to enjoy a plethora of books, audiobooks, news articles, magazines, and more right from their browser.
Similar to the rest of Scribd's website, its contact page is engaging and unique. The top of the page includes the location of its company headquarters on Google Maps. It also clearly states its address and provides website visitors with links to its social media profiles. Below this is an interactive and engaging map of organized buttons where users can select the resource they need, chat with customer service, or send an email address to customer service based on their issue.
Scribd ensures that its website visitors can get the help they need right on the contact page, saving time for both visitors and Scribd. Not only that, but the contact form design is fun and unique. The VIA Agency, based in Portland, Maine, uses its website to showcase its slick interactive web work for various big-name clients. So it's no surprise that its Contact Us page features similarly high-tech web features, including parallax scrolling and generally appealing imagery.
It's gorgeous, clear, and provides visitors with the names and contact information of people they can reach out to directly as a bonus. Enterprise software company Atlassian offers a ton of different products for large companies to use to stay organized.
But despite that, its Contact Us page is exceptionally well-organized and clear, so visitors can quickly sort through its website to find the help they need. I particularly like the headshots showcasing the friendly-looking real people who are available to help, as well as the opportunity to submit feedback to Atlassian's founders front-and-center on the page. It shows a commitment to transparency and an openness to criticism that's refreshing — in addition to sharing a wide variety of help documents, FAQs, and ways to contact the company.
The page design is simple and on par with the rest of the website. Most companies ask visitors only for their names, email, and message.
But Foundation Inc Co. 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.
From one page, you can get in touch with ban. It's important for every page of your website — including the Contact Us page — to reflect the brand, and this page does a great job of keeping things fun while helping ban. Burger King understands its customers might want to contact them for different reasons. And that is why its contact page seeks to address various complaints. Visitors have the option to type in a topic or submit a request — or, if they keep scrolling, they'll find Medium's helpfully curated list of knowledge base articles and forums to peruse.
Like many businesses out there, Achieve has many different types of people visiting its website — and what these people want to contact them about can vary widely. That's why it decided to go deeper than the one-size-fits-all approach. After the fold and a few words explaining what visitors will get when they contact them, you'll find three options: You can reach out to a sales rep, visit the help center, or get in touch with customer support.
The help center leads to another landing page, while the sales information and customer support options show a form visitors can fill. Here's the contact form for customer support inquiries :. It's a clever idea to combine your contact page with your knowledge base. That way, on one page, your users and customers can effectively navigate questions and concerns or reach out, all in one place.
Marvel is a design software helping users build and produce digital products. The company embraces creativity and encourages customers to "design anything, anywhere.
Marvel has taken a traditionally formal page and redesigned it to match its brand image. Not only is this approach fun and eye-catching, but it's also used as a marketing tool. In the middle of the page, there's a free downloadable offer. Visitors can download images of the product or company logo to share on their personal and professional channels. If you're not familiar with Dollar Shave Club, it's a razor subscription service that delivers quality razors at competitive prices.
Dollar Shave Club is trying to disrupt its market by positioning itself as a cheaper and more convenient shaving solution. Maybe folks will think twice before spamming people like Neil after checking out this infographic! This contact page is educational and functional. This contact us page from Harpoon Brewery has a lot of information packed in, but it does a nice job of setting up an information hierarchy.
At the top you have the address and phone number, along with directions and parking instructions. This is probably the information most people will be seeking out on a brewery contact page. Alongside this high-value info are alerts about special events or hour changes from the brewery, and below is more information on hours for the brewery hall. Lots of information here that Harpoon Brewery visitors might require for their visit.
Come on Apple, we know you can do better. What gives? Score: 3. Not the kind of design we would expect from the creators of the iPhone. The giant, unattractive, ridiculously out of place looking banner image is just one more way Ticketmaster is doing you no favors. Dropbox provides another example of a truly quality contact page.
I also appreciate how Dropbox puts your name in the copy assuming you are signed in to add personalization. Reassuring and friendly-feeling, this contact us page is one worth storing away. This contact page from Grover Web Design is friendly, inviting, and offers a variety of ways to contact the company whether through email, telephone, a contact form, social media, or even in-person.
Coca-Cola does something pretty ingenious with their contact page — they put a virtual chat agent window right front and center.
In our online era, many users prefer chatting online with a help agent rather than calling in person. Coca-Cola knows their demographic and provides a quick and easy way to get help. Right below the chat window is an FAQ and other means of contact, giving users their contact method of choice.
It seems pretty pointless and out of place, but there could be a method to the madness, as seeing an adorable photo of a Golden Retriever would certainly reduce any immediate consumer fury I might be looking to dish out. Look at him…so cute! Moon Pie has one of my favorite brand Twitter accounts seriously, check it out , so I was going to go check out their contact page for this list.
Sadly, there was none of the tongue in cheek charm to be found on their contact page, but it is incredibly well laid out.
Like MoonPies, Taco Bell keeps it direct but casual on their contact page. Focus Lab created this awesome interactive contact form that allows users to share their name, needs, and budget which is critical for client work. And if the form feels like too much, you can scroll down just a bit further to find their email, location, and social accounts.
Contact pages often end up as a catch-all box — which can be time-consuming to sort through. If your support times are way down, it might be worth looking for ways to segment your contact form into separate inboxes. Freshbooks use their contact page to drive home one of their selling points — great customer support.
In a world of chatbots and email forms, this is pretty refreshing! They also highlight what they offer and invite users to learn more about everything their software has to offer.
And if you expect a lot of non-customers will end up on your contact page, this is a good strategy. As you hover over the navigation at the top, this drop-down appears on every page of the website, making it easy for users to ask questions wherever they are on the site. Zendesk is giving us Matrix-style vibes with their choice to choose between speaking with a sales member or browsing the help center. As companies reduce overhead or work with minimum employees, they are forcing you to find the answer yourself within the help center.
Kinsta , a premium WordPress hosting company, is one of my personal favorite WordPress hosting companies. Swab the World is becoming one of my favorite websites, mostly for its quirky copy.
Plus, I love the shout out to snail mail. Does anyone still love getting snail mail? Shopify serves up a friendly contact us page with a warm welcoming smile in the visuals. Similar to Shopify, Trello calls out their Trello Community to help users gain support.
However, if you are still unable to find a solution, PayPal shares additional links to help its users find their answers quickly.
0コメント