10 Great Contact & Comment Form Designs
Comment forms are one of the few ways readers and visitors to a site or blog can interact with those ‘in charge’, so its a little surprising that so many bloggers/designers throw together these forms and leave it at that. Once a user is at the point of commenting/contacting they probably won’t stick around much longer – that form is one of the last things they’ll see on your site. Why not leave them something to remember you by…just don’t get too carried away. Most often you’ll want to strike a balance between creativity and simplicity, forms that are confusing can lead to a drop in your conversion rates.
It’s always nice to see designers who put some thought into their comment or contact forms. Here are 10 of the AgencyTool staff’s favorites:
The comment form on NatalieJost.com is in a different layout than most, and the graphic down the side gives it a nice look.
Sometimes it is best to keep it simple – it may not be the most exciting design element on the page, but it serves a purpose, and this well-designed comment form won’t deter any users from interacted with the site.
The call to action of this comment form from RobGoodlatte.com changes; “Enlighten Me”, “Shout It Into The Forest”, “Sound Off!” and “Out With It!” are examples we took the time to find. It’s ok to have a little fun with your forms…
We love how this one looks. An interesting font choice or experiment with texture can pay off big time…
The post-it look. It can be hard to be creative while still keeping a form super simple, this option pulls it off nicely.
This one isn’t live on his site anymore, but Edward Pistachio’s contact form is one of the most creative we’ve seen (thanks to swiss-miss.com for keeping it up!) While this obviously wouldn’t work for a corporate-type site, it fits in great with his site’s tone.
Simple, to the point and just enough texture in the background to keep it interesting…well done.
The comment form from Tentangrifai.com is bright, colorful and fits in with the rest of their site. It’s becoming more common for designers to throw in little extras commonly seen on forums, like the little smileys…its a trend we like.
This one is from BlogDesignBlog, a pretty standard layout but we like the step-by-step instructions…and it’s always nice to let your visitors know you follow!
Last but not least, JankoAtWarpSpeed has a great tutorial for creating a comment form from images of old postcards…
Tags: comment forms, contact forms, Tutorials, Usability, Web Development, webdesign
April 4th, 2009 at 9:33 am
I agree that an attractive or unusual design will encourage interaction. I get a little frustrated when the designs rely to heavily on scripting though as many people now turn that off for security reasons.
April 7th, 2009 at 2:35 am
These are cute comment box designs. I agree that comment box design somehow encourage visitor to leave a comment but above all it’s the content of the article or the post that interest the reader. Just like this one. You have a simple comment box design and yet I was convinced to leave a comment because your post interest me. So keep those coming;-)
April 15th, 2009 at 8:52 am
Love the post-it note comment form & the post card for that matter, very cool.
May 25th, 2009 at 3:46 pm
WOW. Great designs. makes me hate myself for my non-creativity.
number 4,5,6,8 are just awesome.