Marked Off

GIF
Marked Off Use notion page as a template for a contract
GIF
Enter recipient details and hit sign
GIF
page gets generated for signatur

Inspiration

The notion is a great tool for managing business information, I've used it to manage clients' information in an agency. Currently getting a client to sign a contract requires multiple steps of sending documents and a lot of back & forth. My inspiration for this hackathon was to think of a way to make the process of clients signing up for a project smooth, seamless and paperless using Hello Sign's service.

What it does

Marked-off allows you to use a notion page as the basis of a contract for a client's project. It allows you to sign contracts in notion with a few clicks.

How we built it

Marked off consists of browser extensions that sits next to the comments section in notion.

Untitled

You click on the pen icon, which pops up a form to enter signer and recipient information.

Add details Hitting send for signature sends a request to a backend server which takes the notion page, converts that to a pdf which is used as the document to be signed. A call is made to the Hello Sign API with the URL of the document for signature.

Emails are sent to all signatories for signing via the backend API. submit for signature

Challenges we ran into

Creating a browser plugin that works with notion
Figuring out how to take a notion page and turn into into a document that can be used for signing a contract
figuring out how to use Hellos sign API on the backend
My backend server was initially hosted on Glitch but ran into problems with storing the pdf-generated version of a notion page and sending that Hello Sign for signature.