إزاي عملت فورم تواصل الناس بتكمله للآخرHow I built a contact form people actually finish

Most contact forms lose the visitor at the first field: a large empty box labelled “Write your message”. When I built zeyad.email I decided visitors would type only what has to be typed, and everything else would be a choice made with one tap.

The problem with the empty box

Someone with a project idea does not always know where to start. An empty text box asks them to do your job: sort their thoughts, decide what matters and phrase it clearly. Many people close the page right there.

My answer: I ask, they choose.

One question per step

The form has three steps, each with one clear question in large type:

1. What do you need? Six cards: website, mobile app, UI design, AI and automation, consulting, or something else.
2. Who do I reply to? Name and email, plus how you want to be reached: email, WhatsApp or a call.
3. A few project details: budget, timeline and how far along it is. All choices.

The first step has no typing at all. The visitor taps a card and the form moves on by itself. That is deliberate: the first interaction should be the easiest thing on the page.

Every extra text field is one more reason to leave.

A summary that builds as they go

Beside the form sits a dark panel with the step number in large type, a progress line and a list that fills with each choice. It does two things:

• Visitors see where they are and how much is left, so nothing surprises them.
• Their choices stay in view, so a mistake gets fixed before sending.

The phone field appears only when needed

If the visitor wants an email reply, there is no reason to ask for a number. The phone field shows only for WhatsApp or a call. A small rule that removes a whole field for most people.

// Show the field only when the contact method is not email
const show = sel.contact !== 'email';
phoneWrap.hidden = !show;

Protection that bothers no one

No captcha, no “select every image with a traffic light”. The protection happens without the visitor noticing:

• A hidden field: people never see it, bots fill it. If it is filled, the server answers “ok” and sends nothing.
• Rate limits: five messages per device every ten minutes, and three confirmation emails per address an hour.
• Validation twice: in the browser so the visitor sees the problem at once, and on the server because that is the one that counts.

The confirmation never repeats the visitor’s words

Visitors get an email confirming their message arrived, but it does not contain their text. If a form sends back whatever is typed to whatever address is entered, anyone can use it to send their own words to other people under my name. So the confirmation is fixed and only uses the visitor’s name, and only when it is a plain name without links or symbols.

In short

• You ask, the visitor chooses.
• One question per step, and the first step is a tap.
• Show where they are and what they picked.
• Do not ask for what you do not need.
• Protection is your job, not the visitor’s.