電子署名のWebサービス「SignWith」の30秒紹介動画

SignWithは、PDFなどの書類をアップロードして署名する人と欄を指定し、相手の署名の進み具合を追える電子署名のWebサービスです。署名が終わった書類は控えと証明書とともに受け取れます。APIとMCPサーバーも用意されていて、AIとの会話から書類に欄を足したり署名の状況を確かめたりできます。

0〜2秒　公式の「Get the signed copy」のカードでCompletedとCertificateを囲み、レシートにSIGNEDの判が押されます。

2〜8秒　公式の製品デモのダッシュボードで「Upload a document」を押し、「Upload your document」のカードが出ます。

8〜14秒　「Add signers and fields」のカードの欄を順に囲み、MCPのページにある使用例で欄を足す所を見せます。

14〜20秒　「Track progress」のカードをSentからSignedへなぞり、使用例で署名したかを確かめる所へ寄ります。

20〜26秒　製品の違いを1行で示すレシートが出て、オドメーターの数字とバーが動きます。

26〜30秒　公式のロゴを載せたレシートとsignwith.coで締めます。

製品の窓の外を濃紺の背景と感熱紙のレシートにし、ギザギザの切り口とCourier Primeの書体と赤い判で事務の書類らしさを出しました。製品の画面はサイトのトップの手順カードと製品デモ、MCPのページを画素のまま使い、囲みとパンだけを足しています。告知の投稿に付いていた作り手の写真は使っていません。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。