25 Examples of Well Designed Contact Pages

A Contact Page is a very important part of a website, having the big role of facilitating the relationship of the website with the user. A well-designed page with a clean form and a drop of creativity will certainly bring a positive feel to those who want to contact you.

I`m showcasing a collection of examples of well-designed contact pages which I hope will inspire you and make you want to change your contact page design!

Huge, Inc

contact pages by Huge, Inc

Huge, Inc. is a premier digital agency with multiple offices around the world. Their contact page covers email communication, phone numbers, and office locations.

 

Ouiwill

ouiwill contact page

Ouwill, another digital agency used a single, minimalistic message for the above-the-fold content. Once you scroll down, you’ll notice the remaining elements. The use of a minimal menu adds to the simplicity.

 

Size Agency

The first thing I like about the digital agency is the use of a new-generation domain name. Their simplistic contact page tells us that they’re primarily available by phone or email. Besides, the Stalk us header is way too cool.

 

LegWork

Another digital agency that makes use of beautiful illustrations that play a vital role in brand communication. Take note of the contrast the CTA (in black) and the background (purple) plays.

 

Dppi Images

DPPI Images is one of the longest-established sporting photographic agency. Think supercars. Traveling at 250+ miles per hour. Anyway, their contact page makes use of bold typography to get two points across.

 

Typeform

Typeform is a league of its own. I love the fact how as a responder I can quickly send in the information without having to lift my palm off the keyboard.

Typeform’s USP lies in the fact that it allows me to define the order of questions for my responder.

Simple, clean and to-the-point.

 

Intercom

Intercom is one of the most well-known brands when it comes to customer engagement tactics. Honestly, I find their contact page to be one of the best in the SaaS industry. Also, their use of character illustrations plays a powerful role in the brand communication.

 

Atlassian

Atlassian uses a two-in-one approach to the contact page. The first bit is for direct support for customer and prospects. Once you scroll down, you’ll notice their office locations – which adds to the brand’s perceived image.

 

Snask

Another digital agency that uses a combination of stark contrast (black and pink), bold typography and a whole lot of pink. Like any other agency, their contact page contains multiple elements, which I think was represented brilliantly.

 

Zoom

Zoom is a conferencing software for online meetings. Its contact page is a mix of sales and support queries. Other players in similar markets can take inspiration from Zoom.

 

Slack

Oh, Slack! A dead-simple contact page for one of the most-used collaboration software on earth. Simplicity trumps almost everything.

 

OptinMonster

Given that OptinMonster is there to improve your optimization, their contact page cuts right to the chase with the proper questions.

 

Unbounce

Similar to OptionMonster, Unbounce also has a couple of other elements in their contact page.

 

MailChimp

MailChimp uses a user-directed flow for their contact page. It is more of a support page (I’m guessing MailChimp does get a lot of queries all the time) than a contact page. However, they’ve managed to get almost everything in there without making it look too cluttered.

 

Panike

A brilliant contact page with bold typography and captivating visuals.

 

Mario Petrone

A contact page from the online portfolio of a visual designer. Loved the way the page is designed.

 

Canva

To digital marketers across the globe, Canva needs no introduction. Their contact page is a true source of inspiration.

Marc Thomas

A brilliant one-pager that manages to fit everything in one screen. Perfect for online portfolios. PS: When you click on the Get In Touch button, your email client opens up with a pre-filled “to:” field.

 

Seth Godin

To marketers, Mr. Godin needs no introduction. Lovely approach to sharing the email.

 

Mark Jaworski Studios

Mark has done a great job showcasing his contact form. Kudos on the visual impact.

 

Martina Sperl

Just like Mark, Martina also does a brilliant job at showcasing her portfolio.

 

KFC (India)

Ever thought that fast-food joints would put in their contact page? Well, now you know.

 

Sean Halpin

I could not resist putting Sean’s entire page on the line. Brilliant overall design with a touch of grace.

 

Shopify

Shopify’s contact page focuses on solving a customer’s problem, followed by showcasing their office locations.

 

Wix

Wix has a powerful above-the-fold message followed by a grid-style layout of the contact points.

 

BigCommerce

BigCommerce makes good use of whitespace in the above-the-fold display. In the next scroll, people are able to get sales, support and social pages information.

 

Zendesk

ZendDesk makes use of the traditional form following by product support and office locations. All of this is topped by colorfully minimal illustrations.

 

HootSuite

HootSuite uses the two-fold layout (support or sales) followed by other support queries.

 

Marketo

Marketo makes uses of a detailed contact form which is typical of agencies of their stature.

 

SendGrid

SendGrid focuses on customer support queries by grouping questions in various blocks, followed by their office locations.  The minimal design and the extensive use of whitespace plays a major role.

 

Ideamatic

Ideamatic’s contact page uses character illustrations that carry a brilliant brand impact.

These are just a few awesome examples of contact pages built the right way. If you think that these pages belong mainly to big websites/agencies, with super-focused and design or user oriented people, then you understand why they look so solid. It`s not that simple to build a contact page. It needs to serve users well. Your turn now! Do you know any other cool examples of contact pages? Make sure to share them with us in the comments below!

Click to rate this post!
[Total: 0 Average: 0]

Madalin Tudose

A web developer with a crush on SEO. Having my skin in the game of website development and digital marketing for more than 10 years already, you might consider me an expert. At least this is what people call me. Honestly, I HATE that term. I prefer to describe myself as a person who takes action and risks. I test every hypothesis, document every step of the process, and implement what works.