Motion Banner
静止画のバナーを、
動くバナーに。
ホームページやSNSに置く動くバナーをお作りします。 下にあるのは実際に動く見本です。画像ではなく、このページで再生しています。
実際の見本
見本（自主制作）／実在する自動車メーカー・車種ではありません
900×300px ／ 約8秒 ／ 320KB。写真そのものが動き、その上で4つの言葉が2秒ずつ切り替わります。
スマートフォンの幅で見ると
横長のまま縮めると、文字が小さくなります。スマートフォンでもしっかり見せたい場合は、 スマホ用にもう1サイズお作りします。
01 何をしているか
動く映像は、絵を1枚ずつ並べて作っています。ただ、並べただけでは重すぎて使えません。 お客様のサイトに置くには、見た目を保ったまま軽くする工程が必要です。
- 絵をつくる
写真をお預かりするか、画像生成で用意します - 動きをつける
止まった絵から、なめらかに動く映像を作ります - 言葉とボタンを載せる
伝えたいことを2秒ずつ、最大4つまで。押せる場所を1か所に決めます - 軽くする
ここがいちばん手間のかかる工程です。下記のとおり
02 軽さ
この見本は、書き出した直後は 4.02MB ありました。 そのままでは、スマートフォンの通信量を無駄に使い、表示も待たせます。 320KB まで軽くしました。約13分の1です。
大きさ（900×300px）も、なめらかさも、色数も落としていません。 削ったのは、目に見えない無駄だけです。
⭕ この考え方は、ホームページ本体でも同じです。ある制作事例では、 トップページの画像を 21.6MB → 2.27MB に圧縮しています。 軽いサイトは、待たされません。
03 あとから直せます
動くバナーでいちばん困るのは、「文字だけ変えたい」というときです。 映像の中に文字を焼き付けてしまうと、一文字直すだけでも、映像から作り直しになります。
当方は、文字を映像とは別の層で作っています。 そのため「創業50周年」「新春セール」「臨時休業のお知らせ」への差し替えは、 映像はそのまま、文字だけを入れ替えてお出しできます。 打ち替えは1回 5,000円（税別・言葉4つまで・軽くしてお渡しするところまで含みます）。
※ お渡しするのは動画ファイル（MP4）です。 お客様のパソコンで文字を編集していただく形ではありません。 文言を変えたくなったときは、上記のとおり当方でお受けします。
04 サイトへの置き方
- バナーのどこを押しても、同じ行き先へ飛びます（映像の中の「ボタン」は絵なので、リンクはページ側で設定します）
- 音は鳴りません。勝手に音が出るサイトは嫌われるためです
- スマートフォンでも自動で再生されます
- 動きが苦手な方には、静止画で表示します（端末の設定に合わせて自動で切り替わります）
- バナーの入れ替えは当方でお受けします（スタンダード以上の保守をご契約の場合は、軽微修正の枠でお受けします）
お約束できること・できないこと
お約束できないこと
クリック数や問い合わせが増えることは、お約束できません。 動くバナーは目を引きますが、増えるかどうかはお店や時期によって変わります。 この見本は自主制作で、まだお客様に納品した実績はありません。 「必ず反応が上がります」と言う制作会社があれば、根拠をお確かめください。
お約束できること
お客様のサイトを重くしないこと（この見本と同じ320KB前後に収めます）。 そして文字の変更を、映像から作り直さずにお受けできること。 この2つは必ず行います。
料金
動くバナー 1点 18,000円〜（税別）。1案のご提案・修正4回まで無料。 伝えたいことは4つまで、長さは5〜8秒が目安です。 納品後に文言を変えたくなった場合は、打ち替え1回 5,000円で承ります。 スマートフォン用にもう1サイズお作りする場合や、 ご依頼の内容によって変わりますので、その都度お見積りをお出しします。
⚠ 上の見本の絵は画像生成によるものです。 実際のご依頼では、お店やお客様の実物を撮影した写真をお使いいただくことをおすすめしています （実物と違う印象を与えないためです）。撮影からご依頼いただくこともできます。