The process of designing a simple contact form has evolved a lot since those days then designers used to paste a plain HTML forms. Today we can enjoy rich designs that combine creative ideas and highly effective usability. Designers that think “out of box” don’t afraid to enliven contact forms with various animations, vivid details, original functional features like social media icons, entertaining illustrations, maps, and the like. Here is our collection of creative contact forms that would inspire any designer.

Before we start we would like to show you few interesting techniques that have been used for creating contact forms. Most of our examples were created by using one method – contact form must have remarkable and original details that correspond the major style theme of the whole website. Further there’re other techniques that are usually used by designers for making contact form visually appealing and effective.

• visual association – the best way to engage your visitors for conversation is to implement some strong image association for examples postcards, envelopes, telephone, post-box, and so on.
• play with style – designers add some small details to contact form designs which clearly reflect the major style of the website. Usually it is more than enough to use the same color, illustration or other site-similar design element.
• engaging animations – most creative designers prefer to use extraordinary ways of communications by adding various sound effects, animated buttons, illustrations and other stuff that could entertain and engage to leave a feedback.
• extra functionality – it is a wide-used method to put various functional features together with contact form. Often you can see geolocation widget, social media buttons or widgets, short videos and other stuff placed together with contact form.

Summing up we want to remind you that creative design is a great thing but please don’t forget that contact form is a powerful tool that connects you with the world. It must be simple and user-friendly channel of communication that can’t be missed by visitors. So, be wise and think twice before putting super duper form on your website. Now let’s enjoy some creative stuff here.

* * *

EnglishWorkshop

* * *

SprayStudio

* * *

ReverendDanger

* * *

Apbaxter

* * *

SillyPoems

* * *

Pixelounge

* * *

Freestyle-Night

* * *

Miki Mottes

* * *

SVN to FTP

* * *

CreativeSwitch

* * *

CtrlN

* * *

AtelierdeTour

* * *

Agency P

* * *

Lamasamimatta

* * *

UltraNoir

* * *

ArtFlavours

* * *

Lion Ways

* * *

UseNeedle

* * *

ChristianSparrow

* * *

IndoFolio

* * *

Eshbeata

* * *

Carsonified

* * *

Written by Edward Korcheg

Edward has been with TemplateMonster blog since 2009 and is a great fan of social media and web development trends (especially jQuery and HTML5). In fact, HTML5 along with retro trucks are his two biggest hobbies. He dreams of one day coding himself a retro truck using nothing but HTML5 Canvas tag.
Edward Korcheq on Google+.

Be Sociable, Share!

• 
• 
• 
• 
• 
• 

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•