Contact Form Design: 5 Ways to Get Creative

A contact form acts as a communication gateway for people and great companies.
But it can be so easy to get lost in a sea of bland contact forms that look exactly the same.
These days, you see them on just about every contact page.
And yet the same thing happens again and again—a great designer crafts a beautiful website, spends hours and hours on it, but seems to completely forget about one vital page: the contact page.
The end result is that their contact page often consists of just one basic form and not much else, making it look like every other contact page in existence.
It’s true—people do it all the time, even though the contact page is so incredibly important.
Don’t believe me? Try this quick exercise: Google “front end designer (insert your city).” You’ll find many impressive portfolio websites, but the overwhelming majority of these sites either:
A) Don’t have contact forms at all (creating more of a barrier between them and their potential clients), or
B) If there is a form on the contact page, it’s often—well—pretty boring compared to the rest of the site.
There are many advantages to putting some serious thought into contact form design:

  • People will feel more inspired to actually use it
  • You can show off your brand’s personality
  • It will be more memorable

So, how can you be sure that yours will stand out from the crowd?

1. Give it character

Nobody likes a website with no personality, right? The same goes for contact forms.
Don’t be afraid to give your form some character. Unleash your brand’s tone and style here.

2. Choose a color scheme

Sure, grayscale is awesome. In fact, I will defend it to the death—but it’s not always the answer for every website.
If your site’s color scheme is grayscale, then by all means, go for it.
But if your site is colorful, your contact form should be as well. It’s all about consistency.
If you haven’t already chosen a set of colors, consider selecting complementary colors for a visually appealing look.

3. Enhance it with your company’s branding

Your company’s branding is on your website and business cards, and your contact form should be no exception.
There are many ways to easily implement your company’s branding, like adding a company logo, changing around the colors, and more.
If you’re looking for a shortcut, you can do all of this instantly using FormAssembly’s drag-and-drop Form Builder.

4. Create a personalized introduction

Too many contact forms lack the classic introduction message.
Not having an introduction message is like enabling voicemail on your phone without going through the effort of creating a pre-recorded message.
People know what to do, but they’re thrown into it with no welcome. Is that really the best way to start things out with a potential client?
With a custom greeting, people will feel welcomed and will know that you are looking forward to hearing from them.

5. Choose unconventional button text

Most buttons on contact forms say “Send” or “Submit.”
So, the good news is that it doesn’t take much effort to make yours unique.
Get creative. Make your message fun.
It could be something as animated as “Blast off” or something unique, but ever-so-slightly toned down, like “Send away.”

What do you think?

Do you know of an impressive contact form? Have a few thoughts to share? Leave a comment or tweet with us @FormAssembly!

Don’t just collect data — leverage it.