23 Inspiring Examples of Contact Pages

By / Apr 23, 2012 / Inspiration

When designing a website we need to think about every aspect, from header to footer, from landing page to about us page, and even the contact page. It’s important to make sure the design is great all the way through. So today we decided to gather a few examples of how websites are displaying their contact page. Some dedicate a complete page to make the user get in contact. Others use a section inside the about page, while some have the contact information on the sidebar or footer. Whatever way you decide to display your contact space, make sure to take good care of this specific section because it can get the user’s attention or scare them away (and this could cause you to loose your next client/user).

Planoform

Inspiring Contact Pages

Studio8169

Inspiring Contact Pages

Academy

Inspiring Contact Pages

Denise Chandler

Inspiring Contact Pages

Oliver Spencer

Inspiring Contact Pages

Studio Chirpy

Inspiring Contact Pages

fffunction

Inspiring Contact Pages

Bobadilium

Inspiring Contact Pages

caseybritt.com

Inspiring Contact Pages

Campbell Harrison

Inspiring Contact Pages

Whiteboard

Inspiring Contact Pages

Ineo Designlab

Inspiring Contact Pages

Level

Inspiring Contact Pages

The Barrelhouse Flat

Inspiring Contact Pages

Rosie Lee

Inspiring Contact Pages

FO

Inspiring Contact Pages

TokioLab

Inspiring Contact Pages

Haus

Inspiring Contact Pages

Second Story

Inspiring Contact Pages

Ache

Inspiring Contact Pages

Modo Luce

Inspiring Contact Pages

roundrobin studios

Inspiring Contact Pages

Stephan Rizon

Inspiring Contact Pages

Awwwards
CSS Design Awards
The Best Designs

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

  • http://www.webdesigncomgw.co.uk Damian Smith

    Some really nice examples here, thanks for sharing!

    Getting the contact page right can be so important to finalise that conversion. I saw a massive difference on my web design site after I updated my contact form.

  • http://www.estudioclick.com.br Leonardo

    Hi Guys, look at my contact page too: http://estudioclick.com.br/contato/

    Thanks!!

  • http://www.medialoot.com Jenn Staz

    These are great examples; I love the diversity of types of contact pages you show. Thanks for sharing!

  • http://www.onqmarketing.com.au/blog/ Quentin Aisbett

    Thanks for sharing these Gisele. For some reason I really love the Furniture site’s contact page with the chair, not so much because it is a furniture company but the message it sends. About to go through your post on About pages. Cheers.

  • http://beetleweb.com/ Jeremy McDonald

    Loved the post, makes me feel bad about how normal ours is. I’d be interested to see the CTR/Conversion rates from some of them.

  • http://www.pragmaticdesign.co.uk Web Design Wolverhampton and Birmingham

    We’ve found that it’s more effective to keep contact pages clean and simple- don’t distract the visitor from what you want them to do.

  • http://TOVOdesign.com Tovo

    Great selection of contact pages. I especially like the one with the photos/email addresses. Great to put a face to the name.

  • http://www.varindia.com Varindia

    Innovative collection of contact pages. I think the contact page need to be with a form, text address and map if necessary for direction for business organization websites.

  • http://www.navigatormm.com Navigator Multimedia

    Casey Britt’s is so clever and engaging. Great example of user flow. Best of all, it’s clear what the user is meant to do.
    Cheers,
    Sarah Bauer
    Navigator Multimedia

  • http://taglinegroup.com Christina Cruz

    These are some great examples. Thank you for sharing.

  • http://nnmportfolio.com Natasha McEachron

    Great examples. I like that they’re creative and interesting but still simple. I’m designing a website for a new idea that I have and these should help to get the design brain juices flowing. Thanks for sharing.

  • http://www.dreamdezigns.com/ saravanan ps

    It’s sad to note that only very few people really care about this most crucial part of any website.. Nice collection guys

  • http://www.aquaster.nl Aquaster webdesign

    Contactforms in you webdesign are almost the most important part of your website. A website without gives a visitor an excuse to leave without giving there details.

    Think of how much easier your visitros will leave there info with less input fields. Asking to much info leaves room for error…

  • MattWest

    This is great stuff. A tool for enhancing your contact page is http://www.sendola.com/. It lets visitors send your contact details straight to their phone via sms. easy to use, and completely free.

  • http://www.webydo.com Yam Regev

    Another great one Gisele,

    Do you have any figures of how different Contact us pages are performing as far as it concern to conversions & conversions optimization?

    @Leonardo
    You page wont load to me.

    @MattWest
    Great tip. Thanks for sharing it!

    Yam Regev

  • http://www.varindia.com Varindia

    Such a wonderful posting of content pages . it’s really helpful to everyone .