Total Followers 132,503
This article showcases modern and interesting contact/web form solutions found around the Internet. I also collected interesting ways how people decide to call their contact forms – get in touch, contact info, say hello, talk to me, say hey, connect, say “hi”, mail us and of course – contact us. My own personal opinion is, you should use Contact or Contact Us in your navigation, but supplement it with creative relate photos and styled text. There you could use more creative – say hi, get in touch or friendly – say hello.
Article is separated in 4 sections:
I hope you’ll enjoy this article and get necessary inspiration and understanding how contact sections and forms can be created in appealing, clean and creative way.
I love that paper in bottle contact form idea.
Reall interesting dropdown contact form!
Color usage and contact detail formation is very balanced, I bet this site is completely created on grid. I only don’t like that standard Submit button.
Harmonic and trendy contact page, look really professional.
Very compact and light minimalistic approach – something different.
Large, but very effective contact page as their whole website!
What can I say here – everybody should know how successful Envato network is, no wonder website is also created very impressive!
Really huge and long contact page, I don’t judge how good is this example, but interesting in one or another way!
“Leave us a message…or..leave us a doodle!” – great idea!
Headscape puts effectively their contact form in footer, interesting integration.
Simple signup form, but I like that appealing sign up button as accent.
One more interesting example where contact form is found on website footer.
Big, yet good looking contact form.
Modern solution with hand-drawn trendy elements.
Original popup contact form!
Just amazing, very appealing design and no Flash used at all! Definitely check out this website!
Atebits always have unique approach and idea to everything, contact section is no exception.
Koodoz Contact section is full of inviting texts, requests and most important overview looks professional despite of all the information.
For me this contact form is a little bit too dark, but I am sure dark website lovers will enjoy this website and Hire section.
One page website, click to Contact and slide to get in touch!
This contact page offers everything You should need in contact section – get connected, visit gallery or just send simple message to them!
Interesting color usage,vertical navigation and style approach used in this design. Catchy!
This site is full with Javascript features, move your cursor to see envelope icon move constantly – good looking contact form. (click on contact button, to get there)
Big fan of elegant simplicity as you know, one more beautiful example.
One more harmonic simplicity example, really professional website.
Beautiful style and approach, one of my favorite websites and designs! Check out and you’ll see why!
Very harmonic Flash website with animated clouds like in old animation show, contact form looks like sketched going very well in overall context.
Site using hand-drawn trending elements in really modern way!
Click to contact button and slide down to contact form!
Try, click and switch contact boxes and you feel a little earthquake in your screen! No worries it’s not temporary!
Interesting grungy, yet modern design – interesting asociations with stamp, old phone, map and postbox,
Suprisingly I found also designer from Latvia (I am from Latvia too) with amazing website design and extremely creative contact page! Click to contact button to slide down and get inspired!
Get flashy inspiration, simple – yet eye-catchy and original!
Unique website design, and impressive contact page, effectively using white space too.
Simplicity is everything – very elegant.
Somehow catched my attention with colors, white space and simplicity.
Tweet, tweet and contact! Beauty!
Simple and good looking contact form with harmonic colors.
I enjoy those harmonic colors and watercolor type telephone graphic on the right.
Use that white space and harmonic colors!!
Excellent, clean contact page with no images at all (except typographic logo).
Seems very simple contact section, but I couldn’ resist to put this example here as well – it’s clean and professional as whole website and their service!
Light website with subtle green accents and stamp representing older communication form, simple and great!
Even if you don’t have anything to say, this contact form invites to fill empty fields!
You simply will love this beautiful Flash website created in 3D look, contact section is outstanding!
Great integration of contact form and GoogleMaps showing company’s location.
Fill the sticker to send a message to Jay, interesting workdesk approach with few Flash elements.
Excellent approach and unique design!
Get The Only Freelancer crash course you will ever need to read!
Dainis Graveris is 23 years old blogger and designer, founder of 1stWebDesigner, now more silently managing everything behind the scenes. He usually hangs out in Twitter tweeting design related links and chatting with people. If you have any questions or feedback that's the best place to start! Cheers!
Thursday, April 26th, 2012 09:41
Design #16, 32 41 and 71 are very fabulous example. I will make a great using these.
thanks for the sharing this nice list of contact forum Design for a Website.
Tuesday, April 3rd, 2012 00:46
awesome flow !!
Friday, February 10th, 2012 18:51
Some fantastic ideas here – great inspiration, thanks!
Friday, January 20th, 2012 20:06
Great post. Here’s an articlewith quick tips to improve your web form conversion.
Wednesday, January 18th, 2012 08:59
Its Gr8..idea i like it………awesome design of template..
Tuesday, January 17th, 2012 13:09
Great !
Friday, December 23rd, 2011 00:51
I am glad to be a visitor of this unadulterated weblog ! , thankyou for this rare info ! .
Monday, November 14th, 2011 09:11
Wow, beautiful collection. it’s looking so much inspirational. i really thank you for your great post
Wednesday, November 2nd, 2011 20:31
Actually im looking for a form i viewed your site i got many ideas…………Thanks a lot sir
Thursday, September 22nd, 2011 16:03
Awesome! some really thought has been put in to these designs! im so glad that i have come across this becasue now it has made me think about chnaging my contact us form!
Thursday, August 4th, 2011 22:55
great collection.. thanks for this
Friday, July 22nd, 2011 06:13
They all were just awesome
it will help my site to work in full form
Thursday, July 21st, 2011 13:45
Thanks very nice and i am using in my web site! You are wonderful..
Monday, July 18th, 2011 14:48
I am not expirienced in programming and I am using ready to go web contact forms, but I would like to have on my site form like some of those 91 that you showed to us…
Monday, June 27th, 2011 15:37
Cool !. I really like this article. thanks bro :)
Monday, June 20th, 2011 19:10
Nice set, I use wuffo forms combined with a css file to create my forms which works very well and reliable.
Tuesday, March 29th, 2011 03:57
Amazing, this is really a good guide for those who want to make some website make design on there website!
Thank you for the information, now I have my knowledge how to do web design.
Wednesday, May 25th, 2011 18:39
@Arbie
Next, get the knowledge to write properly.
Great collection of contact form designs, although I was hoping for more javascript/jquery focused selections.
Monday, June 6th, 2011 15:49
trololol. Nice one
Thursday, March 17th, 2011 12:23
Such an amazing person, super talented. I am so glad to find this site. The information is very updated. Thanks.
Tuesday, March 8th, 2011 15:57
Amazing works thank u very much
Sunday, November 21st, 2010 03:11
This is a really nice collection. It has given me some inspiration on how I want to update my own. Thanks for sharing.
Wednesday, May 19th, 2010 03:16
Great designs here. I am struggling so much with my contact form. I really want it to stand out and be original but I don’t know how much of a difference it will really make. Using the Google Docs form builder is an excellent option that can be embedded into websites and information will be collected on a Google Docs spreadsheet.
Great Post!
Andres
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
Sarah Lynn
Saturday, September 5th, 2009 06:15
I absolutely love the Orca Bay website. The creativity throughout the site is out of this world. Love the freezer steam when choosing a product. Great attention to details. Thanks for sharing!
Brett Widmann
Sunday, November 21st, 2010 03:11
This is a really nice collection. It has given me some inspiration on how I want to update my own. Thanks for sharing.
Eric
Thursday, November 19th, 2009 03:40
Thanks! This is a great list of forms you have compiled here. Very helpful.
Jan Middleton
Sunday, October 4th, 2009 01:02
So much talent in one place is amazing. thx for sharing…jan
mynameisorman
Tuesday, September 15th, 2009 18:25
Thanks for featuring my form! Appreciated!
Arie
Friday, September 4th, 2009 16:30
What a beautiful and inspiring collection, thanks for including my Lionways site!
:)
Web 2.0
Monday, January 25th, 2010 13:46
Awesome forms, great work :)
Andres Garcia
Wednesday, May 19th, 2010 03:16
Great designs here. I am struggling so much with my contact form. I really want it to stand out and be original but I don’t know how much of a difference it will really make. Using the Google Docs form builder is an excellent option that can be embedded into websites and information will be collected on a Google Docs spreadsheet.
Great Post!
Andres
Jason
Tuesday, April 6th, 2010 23:16
AWESOME! THanks for sharing!
Harish
Wednesday, February 24th, 2010 11:30
AWESOME……. all are creative. I really like!
Thanks for sahring…
Janko
Friday, September 11th, 2009 22:47
Nice roundup, really great picks!
Iain Hamilton
Friday, September 11th, 2009 16:53
Love the colours on the Dragon Interactive page awesomely slick and the theme in LionWays. Great list and thanks for the mention.
Bunnygotblog
Saturday, September 5th, 2009 00:07
WOW~ what a huge list if resources you have shared.
Thank you so very much :)
Sandra Vanhooser
Friday, September 4th, 2009 21:26
Hey, thanks so much for the creative ideas! This is definitely a great tool to have!! Much appreciated.
Tom Kenny
Friday, September 4th, 2009 19:30
91 examples?! Wow that is a lot of work. Plenty of great forms here that I haven’t seen. Great work.
Kristi Hines
Saturday, September 5th, 2009 07:30
These are amazing design examples of standard forms. They certainly make you want to contact all of these people for design work! Thanks for sharing.
Brandon
Sunday, September 6th, 2009 04:14
Great list! I’ve never seen many of these. Also check out WebDesignerWall’s comment form: http://www.webdesignerwall.com
It’s a great design as well.
Eren Mckay
Friday, September 11th, 2009 08:29
Wow – these are just absolutely gorgeous.
Makes me feel kind of embarrassed to think that I haven’t done naything for my contact page – LOL.
But I’ll make it better someday and when I do, I’ll come back here and get inspired. I’m bookmarking this post.
Ian Harris
Thursday, September 10th, 2009 22:11
This is a really great list. Many thanks!!
sean steezy
Thursday, September 10th, 2009 21:03
What an awesome list! Thank you so much for putting it together. It provided me much in piration. Komodo was my favorite, if only for the foliage slider on the right
Duvvar Design
Monday, February 8th, 2010 20:37
this is thank you.. :)
Benjamin
Thursday, September 22nd, 2011 16:03
Awesome! some really thought has been put in to these designs! im so glad that i have come across this becasue now it has made me think about chnaging my contact us form!