Electronic Signature

Electronic Signature is a key step in onboarding and agreement workflows. It lets users draw their signature directly on screen using a finger or mouse. The module provides a clean signing canvas with the option to clear and redo, and a confirmation step to ensure the signature is captured accurately.

Where it fits in the flow

Electronic Signature is typically positioned at the end of an onboarding or verification flow, after identity and document checks have been completed, depending on the configured workflow.

User Flow

The Electronic Signature experience guides users through a simple signature capture, review, and confirmation process.

Full Flow Map

Happy Path (Light & Dark)

The ideal user journey occurs when the signature is drawn and captured successfully without interruptions.

The happy path represents the smoothest version of the experience: the user draws their signature on the canvas, reviews it, taps "Done," and the system captures and confirms the signature on the first attempt. The user reaches the success screen without needing to clear and redraw or encountering any errors.

Light and dark mode previews are included to allow teams to validate visual consistency, accessibility, and contrast across themes and platforms.

Light mode

Dark mode

Best Practices

Recommended guidelines for designing and implementing the Electronic Signature experience

✅ Do

• Keep the signature canvas clean, spacious, and easy to interact with on all screen sizes.
• Disable the "Done" button until a signature stroke is detected on the canvas.
• Provide a clear "Clear canvas" option so users can easily redo their signature.
• Give immediate visual feedback when the signature is being captured and processed.
• Ensure the canvas is responsive and works well with both finger and mouse input.

❌ Don't

• Don't allow submission of an empty canvas.
• Don't allow duplicate submissions by leaving the "Done" button active while processing.

Updated3 months ago