技術構成図ツール「Tekyous」の30秒紹介動画
技術構成図ツール「Tekyous」の30秒紹介動画です。READMEの文字図を作り直す場面から、ツールの選択、接続のラベル、メモ、JSONでの共有までを五つの手順で紹介します。
依頼を受けて制作したものではありません。FablessBridgeが公開情報をもとに自主制作した紹介動画です。製品名・画面・ロゴは各社のものです。
Tekyousとこの紹介動画
Tekyousは開発ツールのカードで技術構成図を作るキャンバスです。カテゴリの枠、ラベル付きの矢印、メモを使い、カタログにない道具も追加できます。構成はJSONとして書き出して共有できます。
- 製品
- Tekyous（技術構成図ツール）
- 動画
- 30秒・横16:9・画面の文字は英語・ナレーションなし
動画で見せたこと
- READMEのASCII図が崩れる場面から始め、カードで構成を組むキャンバスへ移りました。
- ツールをカテゴリの枠へ置き、矢印とラベルで接続関係を示す手順を紹介しました。
- メモや独自のツールを足し、JSONで相手へ渡せることを公式の画面で示しました。
30秒の流れ
0〜3秒 READMEのASCII図が崩れる困りごとを描きます。
3〜6秒 製品を開き、構成の始め方を選びます。
6〜9.5秒 開発ツールのカードを選び、カテゴリの枠へ並べます。
9.5〜13秒 矢印で接続し、関係をラベルで示します。
13〜16.5秒 メモとカタログにないツールを追加します。
16.5〜20秒 JSONへ書き出して渡す流れを見せます。
20〜26秒 公式のアイコンと製品名を紹介します。
26〜30秒 Sandboxと公式URLへの案内で締めます。
表現で工夫したこと
生成りの紙に紫紺の製図線、表題欄、トンボを置き、複写ランプのようなつなぎを使いました。ASCII図から公式キャンバスへ移り、引き出し線と接続の動きで各手順を追える構成にしています。
製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。
自社の製品の紹介動画を相談する
企画が固まっていない段階からご相談いただけます。
紹介動画を相談する料金と制作の流れを見る顧客案件と自社サンプルを見る