Skip to main content
tomcom
All articles

Design and conversion

How to design a contact form people actually want to fill in

A contact form that's too long or too intimidating drives potential customers away without you even noticing. Here's how to design one that people genuinely want to fill in.

Abstract illustration of a simple, clear contact form

The contact form is often the very last step of a visit to a website, the moment when genuine interest finally turns, or doesn't, into a first real conversation with you. Yet this decisive step is frequently treated as a minor technical detail, added in a hurry at the end of a project, without the same care as the rest of the site. A poorly designed form can silently put off a visitor who was already convinced, just before they take that final, decisive step toward you.

Only ask for what you really need

The first habit to fix is to limit the number of fields to the bare minimum needed to start a conversation. Every extra field is one more effort for the visitor, and therefore one more risk that they'll give up before hitting send. A form that asks, at first contact, for information that could just as easily be gathered later, during a call or an email exchange, adds needless friction to a step that should be as simple as possible.

In the vast majority of cases, a name, a way to get in touch and a space to briefly describe the need are more than enough to start a conversation. Any additional information, however useful it may be in theory, deserves to be questioned: is it really essential for this very first contact, or can it wait for a more in-depth conversation once the relationship is underway? This simple question, asked for every field you're considering, often lets you cut a form in half without losing anything essential.

It's also useful to distinguish required fields from optional ones, and to make that clear to the visitor. A form that presents all its fields as equally essential, when some are actually secondary, comes across as heavy going and can discourage people before they've even started filling it in.

It's a principle you'll also find on our own free preview page: asking only for what's needed to understand a project, without adding fields out of habit, is a rule we apply to our own forms as much as to the ones we design for our clients.

Reassuring visitors about what happens after they hit send

Part of the hesitation to fill in a form comes from a simple uncertainty that's rarely addressed: what will happen once the message is sent, and how quickly? A visitor who doesn't know whether they'll get a reply within a few hours, a few days, or never, naturally hesitates more before committing, especially if they need a quick answer to move forward with their own thinking.

Clearly stating a realistic response time next to the form removes much of this uncertainty. This information doesn't need to be exceptional to be reassuring: a simple, honest commitment that you actually keep, such as "reply within 24 to 48 hours", is more than enough to ease the hesitation of a visitor wondering whether it's worth taking the time to write to you.

This reassurance can also cover what happens to the information they send: briefly stating that it will only be used to respond to their request, with no unwanted sales follow-up, reassures visitors who are increasingly careful about how their contact details are used once they've shared them.

Making every field easy to understand and complete

A form that's technically short can still be unpleasant to fill in if each field lacks clarity. Precise labels, rather than vague or overly generic terms, help visitors know immediately what to write, without hesitating or going back. A field simply labeled "Message", for example, could be reworded as "Describe your project in a few words", which gives people much clearer guidance on what's actually expected of them.

The expected format of each answer is also worth anticipating, especially for fields like phone numbers, where different formats can create needless friction if the form is overly strict without making that clear to the visitor. A reasonable tolerance for these formats, combined with clear error messages when a correction is needed, avoids the silent frustration of a visitor who gives up simply because they don't understand why their submission keeps failing.

The order of the fields also matters more than you might think: starting with the simplest information, such as a name, before asking for a more thoughtful description of the need, creates a gradual, more comfortable flow than a form that opens with the field requiring the most thought.

This idea of progression ties in with a more general principle, true for a whole website and not just its form: asking for a small effort before a bigger one gets people on board more easily than asking for a big effort up front. A visitor who has already filled in two simple fields naturally feels more inclined to see it through, rather than being confronted with a single imposing block of text the moment they look at the form.

Adapting the form for mobile use

A large share of visitors fill in contact forms on their phones, often in situations where they have less patience than at a computer. A form designed only for a large screen, with fields that end up too small or poorly spaced on mobile, quickly discourages people, even when the visitor genuinely intended to fill it in.

This means checking in practice, on a real phone and not just by shrinking a browser window, that every field remains easy to tap, that the right keyboard appears automatically depending on the type of information requested, such as a number pad for a phone number, and that the submit button stays visible without the visitor having to hunt around the page for it.

This test should also cover the size of the text and the tap targets: a field that's too small, hard to select accurately with a finger, creates a silent frustration that leads some visitors to give up without even understanding why the experience felt unpleasant, when the problem is simply a usability detail that's easy to fix.

Clearly confirming that the message has gone through

Once the form has been sent, the lack of a clear confirmation leaves an unpleasant doubt: has the message really gone, or should I try again, at the risk of sending the same message several times just to be safe? A visible confirmation message, ideally backed up by an automatic email confirming receipt, neatly closes this final step of the journey, without leaving the visitor uncertain at the very moment they've just committed.

This confirmation can also be an opportunity to briefly remind visitors what will happen next, following on from the reassurance given before they hit send. Looking at concrete examples of this approach in our work shows just how much this often-overlooked detail contributes to the overall impression of professionalism a website leaves.

Conclusion

An effective contact form doesn't stand out through sophisticated features, but through attention to every detail that could create needless friction: fields kept to the bare minimum, clear reassurance about what happens next, a design that works well on mobile, and a clear confirmation once the message has been sent. Taken separately, these adjustments seem minor. Together, they often determine whether a convinced visitor actually takes the final step toward you, or quietly gives up without you ever knowing.

Frequently Asked Questions

Only what's strictly necessary to start a conversation: usually a name, a way to get in touch and a space to describe the need, with anything else gathered later if needed.

Yes, it's very reassuring for visitors, provided the response time is realistic and actually met, which matters even more than the timeframe itself.

It depends on your business and how you prefer to communicate with prospects, but if the field is required, it's important to make that clear.

By actually testing it on a phone, not just by shrinking a browser window, to check the size of the fields, the keyboard that appears and how easy the submit button is to reach.

Yes, it's essential to reassure visitors that their message has gone through, ideally backed up by an automatic confirmation email.

Rarely, but if key information needed to understand the request is missing, it can drag out the conversation that follows for no good reason. The right balance depends on your specific business.

If you'd like to assess or improve the form on your own website, you can Tell us about your project or explore our services for this kind of improvement.