資料や記事のなかで、文章だけでは伝わりにくい箇所に入れる図です。装飾ではなく情報を整理することが目的なので、色数を絞り、同じ規則で作っています。すべてHTMLとCSSで組んでいるので、拡大しても文字がぼやけず、狭い画面では並びが変わります。
「次に何が起きるか」が分からないと不安になる場面で使います。分岐がある箇所は、線を分けて先に見せます。
お問い合わせから公開までの流れ
通常 2〜4週間（内容により変わります）
※所要期間は架空の設定です。
どちらが優れているかではなく、「どちらが自分に向いているか」を判断してもらうための形にします。項目の並びを左右でそろえるのが要点です。
静的サイト と WordPress の違い
制作前に「どのページを作るか」を合意するための図です。ここで数を確定させると、あとから増えたときの追加費用の話が明確になります。
サイト構成（全7ページ・架空の例）
トップ
通常ページ 入力フォームあり ※ページ数は着手前に確定します
棒の長さで大小を示し、値も併記します。目盛りをゼロから始める、色は強調したい1本だけ変える、といった規則を必ず守ります。
トップページの表示にかかる時間（架空のダミー数値）
数値が小さいほど速い ／ 単位：秒
※上の数値は図の作り方をご覧いただくための架空の値です。実測値ではありません。
複数の図を同じ資料に並べるときは、1点ずつの出来よりも「そろっていること」のほうが読みやすさに効きます。そのため、作り始める前に次を決めてしまいます。
この6色だけで4点を作っています。案件ごとに、御社の色に合わせて置き換えます。