Limited Time: Free Homepage Mockups This Month Claim Yours โ†’
Custom Forms Development
Website Errors

Custom Forms Development

Nikhil Gautam ยท Aug 13, 2024 ยท 3 min read

When a client transitions from paper-based processes to digital, familiarity matters. This is how we digitised a homeopathic doctor’s 4-page paper intake form โ€” replicating it exactly, down to headers, spacing, and font โ€” and built a matching email notification system that delivers submissions in a format the client already knew how to read.

4 pages
Original paper form
6 parts
Digital form sections
20 years
Client in practice

The project

Our client was a homeopath with 20 years of experience whose practice ran entirely on paper intake forms. Patients would fill out a 4-page form before their first appointment, and the doctor had spent two decades reading submissions in that exact layout.

The goal wasn’t just to put a form online. It was to replicate the paper form precisely โ€” same structure, same section headers, same visual flow โ€” so that the digital version felt immediately familiar to both patients and the doctor.

The original paper intake form

Paper intake form page 1
Paper intake form page 2
Paper intake form page 3
Paper intake form page 4

Step 1: Understanding the requirements

Before writing a single line of code, we reviewed every page of the existing paper form and identified exactly what needed to be replicated. The client also had two additional requirements beyond a straight copy:

  • Save-and-resume functionality โ€” patients could complete the form across multiple sessions
  • Digital signature field โ€” replacing the paper signature at the end of the form
  • Email notifications formatted identically to the form โ€” so the doctor could read submissions in a familiar layout

Step 2: Building the digital form

We used Fluent Forms to build the digital intake form, replicating the exact structure of the paper version โ€” same section headers, same field groupings, same visual hierarchy. Every element was matched: spacing, fonts, and the order of questions.

Digital intake form part 1
Digital intake form part 2
Digital intake form part 3
Digital intake form part 4
Digital intake form part 5
Digital intake form part 6

Step 3: Building the email template

The email notification was built to mirror the form exactly. This is the part most developers skip โ€” they send a generic data dump. We wrote clean responsive HTML using inline styles and table-based layouts for compatibility across Gmail, Outlook, Yahoo, and Apple Mail.

Email template part 1
Email template part 2
Email template part 3
Email template part 4
Email template part 5

Challenges and how we solved them

1

Email client consistency
Different email clients render HTML differently. We solved this with inline styles throughout and table-based layout instead of CSS flexbox or grid โ€” the only reliable approach for cross-client email.

2

Accurate data mapping
Every field in the form had to map precisely to the correct position in the email template. Rigorous testing with real submissions verified that all data appeared in the right place before going live.

3

Save-and-resume for long forms
A 4-page intake form takes time to complete. We implemented session-based progress saving so patients could start on one device and finish on another without losing their work.

💡

Key principle: When digitising existing paper-based workflows, familiarity reduces friction. The closer the digital version looks and feels to what users already know, the higher the adoption rate โ€” especially with older or less tech-savvy patient populations.

Need a custom form?

We build custom intake forms and email notifications for any business workflow.

Whether you’re digitising paper forms, building multi-step intake flows, or need branded email notifications โ€” we handle the full build.

Schedule a Free Consultation

Written by Nikhil Gautam

Submit a Comment