ビフォーアフターの見せ方｜変化が伝わる投稿の作り方

ビフォーアフターは、制作物の価値を一目で伝えられる、強力な見せ方です。でも、写真をで2枚並べるだけでは、変化がうまく伝わらないこともあります。ビフォーアフターの質は、並べる前の「条件を揃える」準備で決まります。この記事では、変化が伝わる投稿の作り方を整理します。

ビフォーアフターが伝わる理由

人は、言葉での説明よりも、目の前にある変化を見るほうが、直感的に理解できます。ビフォーとアフターを並べると、説明を読む前に、「何がどう変わったか」が伝わります。
クリエイターの仕事は、結果が目に見えるものが多いため、この見せ方と相性がよいです。ロゴのリニューアル、動画のカラー調整、デザインの改善など、「こう変わります」を示しやすい題材がたくさんあります。変化は、説明するより並べるほうが早く伝わります。

条件を揃える

変化を正しく伝えるために、まず条件を揃えましょう。写真の場合は、同じ構図、同じ大きさ、同じ明るさで並べることが基本です。並べたときに、変わった部分だけが目に入るようにするのがコツです。

状態が違う条件で撮影した写真を並べると、光や角度の違いが目立ち、「ごまかしているのでは」という疑いを招くことがあります。作る前の状態を撮るときに、あとでも同じ場所で撮れるように、撮影の位置をメモしておくと便利です。

人物が写るビフォーアフターでは、撮影条件を揃えるだけでなく、写る人の情報の扱いも揃えておきます。個人情報保護委員会のサイトでは、個人情報の取扱いに関する制度を案内しています。公開の同意を得た範囲で写真を使うことが、条件を揃える作業の一部です。

「何が変わったか」を一言で書く

画像を並べるだけでは、見る人がどこを見ればよいか迷います。そこで、「何が変わったか」を一言で添えます。たとえば、「情報の順番を整理しました」「色を落ち着いたトーンに揃えました」のような言葉です。
変化のポイントを、見る人の目を誘導する一言で示すと、投稿の印象が一気に明確になります。長い説明より、短い一文のほうが、読まれやすいです。

過程を添える

変化を見せるだけでなく、「なぜそう変えたか」を添えると、信頼が高まります。変更した理由や、工夫した点が分かると、見た目だけでなく、考え方も伝わります。
ただし、過程は長く書かなくても構いません。理由は一つ、工夫は二つまでを目安にすると、投稿が読みやすくなります。さらに詳しく知りたい人には、記事や実績ページへの導線を用意しておきます。

盛らない、約束しすぎない

ビフォーアフターは、変化を強調しやすい見せ方です。だからこそ、見せ方を盛りすぎない注意が必要です。明るさや色を過度に加工して「アフター」をよく見せると、実際の納品物と印象がずれてしまいます。
また、「このように変わります」という表現は、すべての依頼で同じ結果を約束するように受け取られることがあります。実際の納品物と同じ品質を示すこと、これは一例であることを伝えることが大切です。ここでは具体的な成果や数字を断定しないようにしましょう。

変化を強調しすぎる表現は、広告表示のルールに触れるおそれがあります。消費者庁の表示対策のページでは、商品やサービスの表示に関する制度を案内しています。実際の変化の範囲で見せるという線引きは、こうした公的な案内を基準に決めると迷いません。

公開する前の確認

仕事で作ったものを公開する前に、次を確認してください。
・依頼者が、公開することに同意しているか
・社名や個人名、連絡先など、特定できる情報が写っていないか
・これから公開するものが、契約上の制限に当たらないか
同意を得ていない作品を公開することは避けましょう。事前に契約や依頼のやり取りで、公開の可否を確認しておくと安心です。

変化を見せる素材づくりには、スキルマーケットの活用も選択肢です。
→ スキルマーケット ココナラ

投稿に使う写真や文章には、撮影者や制作者の権利が関わります。文化庁の著作権のページでは、著作物の利用に関する基本を案内しています。公開前の確認では、見た目の仕上がりとあわせて、素材を使える範囲かどうかもチェック項目に入れておきます。

投稿の構成を決める

投稿の構成は、「ビフォー→アフター→一言→背景」の順番が基本です。最初にビフォーを見せ、次にアフターを見せ、どこが変わったかを一言で示し、最後に依頼の背景や工夫を添えます。

この順番だと、見る人は結果を先につかむことができ、あとから理由を理解できます。型を決めておくと、投稿のたびに迷わず、品質もそろいます。複数の作品で同じ型を使えば、アカウント全体の一貫性も出ます。

向かない場面と代わりの見せ方

すべての仕事が、ビフォーアフターに向いているわけではありません。文章や、構成の工夫が中心の仕事では、見た目の変化が小さく、伝わりにくいことがあります。
その場合は、「課題→工夫→結果」の形で語る方法があります。変化が見えにくい仕事は、言葉で筋道を示すことで、同じ価値を伝えられます。

例で考えてみる（仮の場面です）

ライトアップ用のバナーをリニューアルした場面を考えます。以前のバナーと新しいバナーを、同じサイズで並べます。そして「文字の量を減らして、主役の写真を大きくしました」と一言を添えます。
さらに、「見る人が一目で商品を理解できるようにしたかった」という目的を添えます。この例は仮の場面ですが、変化と理由をセットで示すと、クリエイターの考え方まで伝わります。

変化を伝える言葉選び

変化を伝えるときは、言葉の選び方にも気を配りましょう。「劇的に変わりました」「大幅に改善しました」といった強い表現は、受け取る人によって印象が違い、期待を上げすぎることがあります。何をどう変えたかを、事実のまま短く書くほうが、信頼につながります。
たとえば、「文字を減らして、写真を大きくしました」のように、変更点を具体的に書けば、読み手は自分の依頼に置き換えて考えられます。数字を使う場合は、実際に確認できるものだけにして、確認が取れないものは書かないでください。
ビフォーアフターは、見た目の変化が分かりやすい分、誇張しやすい見せ方でもあります。誠実に見せる姿勢が、長い目で見たときに、いちばん強い見せ方になります。

同じ型で続けて投稿するコツ

ビフォーアフター投稿は、型を決めて続けると、アカウント全体の印象が整います。画像のサイズ、並べる順番、一言の位置を揃えるだけで、見る人は「いつもの形式」として受け取り、変化に集中できます。
また、投稿ごとに「何を変えたか」の視点を変えると、飽きられません。色、余白、文字の量、構成など、毎回違う切り口で変化を紹介することで、自分の引き出しの多さも伝わります。型は固定し、中身は変える。このバランスを意識してみてください。

見せ方の型を学ぶ材料として、雑誌の特集も参考になります。
→ 雑誌のオンライン書店 Fujisan.co.jp

まとめ

ビフォーアフターは、条件を揃え、変わった点を一言で示し、理由を添えることで伝わります。盛りすぎず、公開の同意を確認することも忘れないでください。筆者としては、まず手元の作品を同じ大きさで並べてみることをおすすめします。

出典

・個人情報保護委員会のサイト
・消費者庁の表示対策のページ
・文化庁の著作権のページ

合わせて読みたい

・失敗談の発信で信頼を作る方法｜書き方の条件
・スマホ撮影の構図の基本｜伝わる画をつくる考え方
・キャンペーン・企画投稿の作り方｜参加したくなる設計
仕事の取り方や単価の決め方で迷ったら、HYPEへご相談ください。
→ お問い合わせはこちら
※本記事にはプロモーションを含みます。