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!

[Total: 0    Average: 0/5]

Madalin Tudose

I`m a web developer. I build HTML Templates and WordPress Themes which are eventually released on ThemeForest under the DeliciousThemes brand.

Join the discussion

  1. Hian Battiston on June 23, 2010 at 5:49 pm Reply

    Not just examples of contact pages but some amazing websites.

    Thanks for sharing!

  2. […] 25 Examples of Well Designed Contact Pages | DeliciousThemes.com […]

  3. […] 25 Examples of Well Designed Contact Pages | DeliciousThemes.comdeliciousthemes.com […]

  4. Jenna Molby on June 24, 2010 at 9:15 am Reply

    Great post! Just redesigning my website so this comes in handy 😉

  5. e11world on June 24, 2010 at 2:06 pm Reply

    You’re right Hian. Very amazing examples here!

  6. alpaproductions on June 24, 2010 at 2:07 pm Reply

    Love the AW Industries mail envelope yet! Very great list.

  7. tom on June 24, 2010 at 11:45 pm Reply

    good job

  8. […] İletişim sayfası web sitesinin en önemli parçalarından biridir. Temiz bir form ve bir damla yaratıcılık ile kesinlikle olumlu sonuçlar alacağınızı düşünüyorum. İyi tasarlanmış 25 örnek iletişim sayfasıyla güzel bi koleksiyon oluşturabilirsin. Tasarımları görmek için ; https://www.deliciousthemes.com […]

  9. nikos laineris on June 26, 2010 at 10:22 am Reply

    amaizing!just amaizing!!

  10. […] 25 Examples of Well Designed Contact Pages | DeliciousThemes.com. […]

  11. Praveen on July 4, 2010 at 6:51 pm Reply

    I got some creative ideas to modify my existing contact page…. 🙂

  12. […] argomento trattiate, grazie al lavoro di Madalin Tudose, potrete semplificarvi la vita e riprogettare graficamente, il layout della vostra pagina contatti, […]

  13. Matt Johnston on July 12, 2010 at 11:40 am Reply

    Thanks for the link – you guys are great!

  14. Aidan on July 14, 2010 at 11:52 pm Reply

    Wow, some are really nice. Thank for sharing. It will be even better if you can talk about why you select each of them and pointed out the field that they did well.

    Cheers!

  15. Shevaa|WebDesignersBlog on July 15, 2010 at 9:13 pm Reply

    Hmm Cool Really Well Designed Contact Pages.. Awesome… Nice Post.. Thanks for sharing…

  16. devicehandler on September 9, 2010 at 12:42 pm Reply

    Nice!

  17. Spencer Zanni on February 27, 2011 at 11:28 am Reply

    I think this is among the most significant info for me. And i’m glad reading your article. But should remark on some general things, The web site style is perfect, the articles is really nice : D. Good job, cheers

  18. […] size kaliyor. Kaynakları arakladığımız sitenin linkini vermeden geçemiyoruz her zamanki gibi buraya tıklamanız […]

  19. Gregas on May 14, 2011 at 12:53 am Reply

    Nice collection!

    For more inspiration check out Inspiraaz

  20. Vin Carrillo on May 23, 2011 at 10:06 pm Reply

    Your Web page got hacked – check the SPAM links under the last example, “Mighty Dream.”

  21. Muhammed AK on June 4, 2011 at 12:24 am Reply
    1. Tim on August 14, 2011 at 4:08 pm Reply

      Your contact page does not fit your site design. Your site design does not fit your logo. Your logo should be the foundation for your brand, design and message.

  22. Reynolds Web Design on June 20, 2011 at 9:28 am Reply

    These are great, I use wufoo forms for my contact forms together with a css files to create some pretty good looking and reliable forms. Like the international envelope design.

  23. Mike on August 20, 2011 at 3:45 pm Reply

    Hi,
    Great to see some contact page inspiration and well resourced and great collection.

    1. Karine on November 24, 2012 at 3:48 pm Reply

      I think my contact page beats all of the above:) It’s a HUGE Infographic that gives a lot of data in a fun way.
      http://askkarine.com/contact-karine/

      1. Dr. Dave on November 30, 2012 at 8:34 am Reply

        I’m a little confused – you offer SEO services but your contact page is composed of a huge (and clickable???) image containing quite a few typos your visitors have to scroll past before getting to a rather simple form???

        1. Karine on November 30, 2012 at 4:38 pm Reply

          Sure Dave,
          I offer SEO (this sounds like I sell fruits), and yes my Contact Page is a huge Infographic because I want it to be like this. One of the best known SEO experts Neil Patel (I guess you know about him) did the similar thing here http://www.quicksprout.com/contact/ . Of course his Infographic is much better…. Anyway nobody’s gonna tell him:”Hey Neil, you probably suck in SEO since you did this with your contact page”.
          What I’m trying to say is that this is my blog and I finally don’t have a boring client to teach me SEO. You probably have the similar thing going on with your clients (trying to teach you design).One poorly optimized page won’t hurt the site, please believe me. Thanks for your tips regarding typos, I will change that a.s.a.p.
          All the best
          Karine

  24. murtaza on March 28, 2013 at 4:52 am Reply

    These were very good contact page designs , thanks for share

    1. Madalin Tudose on March 28, 2013 at 6:01 am Reply

      Thank you too for your visit. They look nice, indeed!

  25. haqiqi on November 8, 2015 at 3:11 am Reply

    some of the links are gone

Leave a Comment

Your email address will not be published. Marked fields are required.