営業資料やホワイトペーパーを作るたびに、色・書体・余白がサイトと少しずつ食い違い、その直しに手間を取られていました。資料を受け取った人が、サイトと同じ会社のものだとすぐ分かる。その状態を、毎回手で作るのは無理があります。そこで、サイトと同じ見た目の決まりを部品にして、資料を部品から組む箱を作りました。
上は、同じ色と書体の決まりで作った営業資料の見本です。会社も数字も架空のものです。
この道具でできること
- 16:9のスライドを部品から組みます。部品は、表紙・章扉・メッセージ・カード・流れ・比較・料金・表・実績・最後の問い合わせなどです
- 確認用の画像（PNG）と、配布用のPDFを書き出します
- ホワイトペーパーは、原稿をJSON（項目を決めて書く文字のデータ）で書くと、表紙つきのA4のPDFになります
- スライドはGoogleスライドに変換して渡すので、渡したあとも手で直せます
- 相手の会社の色で組みたいときは、その会社のサイトから配色・書体・角丸の値だけを読み取ります。ロゴ・社名・写真は取りません
ホワイトペーパーの見本です。こちらも架空の会社で作っています。
使い方の流れ
- 最初に1回だけ、サイトのイラスト・アイコン・ロゴを素材として取り込みます
- 部品を呼び出す短いスクリプトを書きます。ホワイトペーパーなら、原稿をJSONで書きます
- 書き出した画像で、1枚ずつ見た目を確かめます
- スライドはPDFかGoogleスライドに、ホワイトペーパーはPDFにして渡します
仕組み
Python と python-pptx（PowerPointのファイルをプログラムで作るためのライブラリ）で組んでいます。確認用の画像とPDFは、私のPCのPowerPointに書き出させます。ホワイトペーパーは、原稿からHTMLを組み、ブラウザでPDFにしています。
色の値と役割は、サイトの見た目の決まりを書いたファイル1つが正本です。部品はそこから写しています。色は好みではなく役割で使います。青は見出し、空色は表紙と章扉、淡い黄色に黄土の枠は強調で1枚に1か所だけ、黄土はボタン・矢印・番号だけで小さい文字には使わない、という具合です。
資料の中身を外のサービスに送ることはありません。PCの中で組んで、書き出します。
作ってみて分かったこと
決まりは、人が気をつけるより部品に入れた方が崩れません。強調は1枚に1か所、英字だけの見出しは置かない、影は付けない。どれも部品の側で守らせています。
部品が足りないときは、その資料のスクリプトに飾りを書き足さず、箱の方に部品を足すことにしました。その場限りの飾りは、次の資料で使えないからです。
細かいところでは、題が2行になるときは言葉の切れ目で改行を入れる、という決まりを足しました。1文字だけの行ができると、それだけで読みにくくなります。また、GoogleドライブでのPDFの書き出しは大きな資料で止まることがあるので、配布用のPDFは手元で書き出す形にしています。
自社のホワイトペーパーは、最初の3本をこの箱で作りました。そのときの原稿の書き方を、次からの型にしています。ほかの会社の配色で見本を作るときは、中身を架空の会社にして、社名・ロゴ・写真・イラストは使わない決まりです。
同じ考え方で、あなたの会社の仕事に合わせた道具も作れます。
