【Q】わたしのネットショップ、写真が良くないと言われたのですが・・・。

   web入門, 写真撮影と画像加工| 

よく言われることですが、「ネットショップは写真が命」
買う人は手にとって見ることができない、匂いを嗅ぐこともできない、肌触りも大きさも実感できない、でもこのようなことを不明にしておいたのでは、「カートに入れる」ボタンをクリックする指も止まってしまいます。

迷っているユーザーの背中を押すような「これに決めた!」という写真をとってアピールしましょう。いくつかの事例を紹介します。

《2016年2月補足》サイトリニューアルにあたり、旧記事を整理していますが、アクセスの多い記事は残していこうと思います。古い情報が入っていますのでご注意ください。

ネットショップは写真が命

Before
gazou001

【Before】上からただ撮影しただけで、光の工夫もしていないので美味しそうにみえません。さらに、お茶の名前が並んでいるだけでどれを選んだら良いのかピンと来ません。

After
gazou002

【After】ピントを合わす場所を少なくして、後ろをぼかしているために立体感が出ます。カメラの位置もぐっと低くして、お茶に向かって自分が間近まで迫っている感じを出しています。

さらに…
gazou003

【アップで】一覧表示画面ではなく、商品個別ページではなるべく大きな写真を載せましょう。ユーザーは手にとってみれないぶん、なるべく詳細に、質感や色、手触りなどを感じたいはずです。

演出も大事
gazou004

【演出も大事】 「こんなティータイムがしたい!」と思えるような演出が大事です。美味しそうに・・・飲んでみたい!と思えるような写真があるといいですね。

提案も大事
HA0003-b

【提案も】ただ、お茶っ葉の写真が掲載されているだけでは、購入までの一歩につながりません。ユーザーにカートを何度も行ったり来たりさせながら、複数の商品を選んでもらう。そういうサイトもありますが、もしあなたのサイトが有名な名の知れたショップでもなく、初めての人にも気軽に利用してもらいたいと思うなら、ワンクリックで簡単に買えるセットをつくって提案しましょう。

お肉の通販サイトの事例

リニューアル前はこのようなお肉のアップと、商品パッケージだけを掲載していました。お肉の色もきれいに出ているし、普通に「良い写真」だとは思いますが、これだけでは良いネットショップの写真とはいえません。

Berore
gazou006

【素材に注目】お肉の美味しさにしか目がいっていませんでしたが、秘伝のタレの美味しさ、お肉にタレをつけこんだところ、タレの味が想像できるような素材にも注目して写真を撮影しなおしてみました。

After
s_gazou007

【さらに】お肉は生の状態や、完全に焼けた状態よりも、半焼けの状態が一番美味しそうに見えるようです。香ばしいかおりが漂ってくるような写真に・・・

さらに…
s_gazou008

【演出】ビールや炭火、野菜と一緒に・・・こんな演出で、買いたくなるような写真を撮影

演出も大事
s_gazou009

【Before】リニューアル前はお肉のアップとパッケージの写真のみを掲載していました。

Befor
gazou010

【After】お肉に、出し用の骨や特製スープの素をつけて、簡単に猪鍋が作れるような商品作りをしました。冬の鍋用野菜と一緒に撮影。

After
gazou012_2

【さらに】こんな風に料理をしてみませんか?というできあがり写真・・・美味しそうです。

さらに…
gazou011

【提案も大事】リニューアル後には、猪鍋の作り方を詳しく掲載しました。

提案も大事
gazou012

【演出も大事】女将さんに姉さんかぶりをしてもらい、遠山郷のおふくろの味だということを演出しました。(この秘伝のタレをつくっているのは女将さん本人なので、厳密に言うと演出じゃなくて本当の写真です^^)

演出も大事
gazou013

飲食店(旅館・食事処)の事例

【Before】飲食店のパーティーメニューの写真です。コンパクトデジカメを使い、何も工夫しないで上からパシャ!っと撮影しただけ。ちょっと残念ながら美味しそうとはいえません。(写真撮影された方には失礼をすみません・・・)

Before
gazou014

【After】最近の料理写真の主流は、料理雑誌風。視線をぐっとさげて、ナナメから料理にむかい、後方の背景をぼかします。お料理にはつやや、しっとり 感が大事です。乾かないように気をつけて撮影しましょう。撮影だけのために料理を作った場合は、脂を塗ったり、みりんや水分などを吹き付けたりして、つや 感を出します。
もちろん、ストロボは使わないで、できれば自然光や、赤みのある電球(黄色い暖色の電球)で少し赤みをつけたほうが美味しそうに見えます。
ストロボを使わないで、自然光が暗いために、シャッタースピードが遅くなり手ぶれをしてしまう場合は、三脚を使いましょう。ただし、三脚を使うと、良い構図を決めるのに時間がかかってしまい、枚数が撮れなかったり、試行錯誤しているうちに料理が冷めてしまいます。
最近のデジカメはISO感度を高くできるので、ISOを高く設定すれば、シャッタースピードもそれほど遅くならずに、手持ちでも撮影できます。

After
ryori_visualimg

【さらに】料理だけではなく、お店のインテリアなどを撮影して、雰囲気の演出も良いですね。

さらに…
home_noflash

最後にちょっとテストを

【最後にちょっとテスト】知る人ぞ知る大手メーカーの通販ページです。いつ見ても格好いいですね。オーソドックスなシンプルなデザインというのは年月がたっても古く感じないからすごいです。デザインはあまりでしゃばってはいけないと、自戒を込めてよく思います。

Before
gazou016

【写真が良くないと・・・】さてさて・・・・上記のページのキャプチャをとって、写真を”イマイチの写真”に変更してみました。どうでしょう。全然買う気が起こらないネットショップになってしまいますね(^_^;
(見本写真を撮影してくれた知人さん、お借りしました、変な例に使ってしまい申し訳ありません)
ネットショップ(ホームページ)は写真が命ということを実感していただくためにちょっとテストをしてみました。

After
gazou017

 

   web入門, 写真撮影と画像加工| 

  関連記事

cssのpositionはあまり使いません

モモンガの森で、世界一わかりやすいポジションの使い方という記事を書いたところかなりたくさんの方から「 ≫続きを読む

信州EC実践会・飯田 水上浩一出版記念セミナー H31年1月28日

SEOに強い!ネットショップの教科書 信州EC実践会の水上浩一講師の新刊「SEOに強い!ネットショッ ≫続きを読む

ブログを作る場合はサブドメインより、独自ドメインの下にが◎

わたしは信州EC実践会というネットマーケティングの勉強会の事務局をしていますが、 ネットショップ運営 ≫続きを読む

【Q】ホームページのバックアップってどうすればいいですか?

バックアップについてお話する前に、ホームページには2種類あることを復習しますね。 1つは静的に作られ ≫続きを読む

ブログとfacebookの違い
Q:FBページを作りました。書いたブログを自動的にリンクさせたいのですが・・・

A:結論からいうと、facebookの自動投稿はおすすめできません クライアント様から質問をいただい ≫続きを読む

HTMLコードの編集がよくわからない…不安という方に

こんにちはモンガです。今日はHTML コードが簡単に編集できる便利なツールの 紹介をします。 ネット ≫続きを読む

(WEB制作入門3)無料ブログはもったいないという話

前の投稿で、ブログサービスが便利ということを書きました。 でもわたしは、無料ブログの利用はできるだけ ≫続きを読む

Q:GA4で、特定のドメインを除外設定する方法を教えてください

GoogleアナリティクスがGA4に変わってから、ガラッと使い方が変わってしまったので、時々お問合せ ≫続きを読む

WordPressにPDFやWord、Excelを添付する方法

当たり前のことかもしれませんが、質問がありましたのでこちらで紹介します。 WordPressのメディ ≫続きを読む

【Q】SEO対策について。初心者すぎて何からどうしたらいいか皆目わかりません(+ +;)

SEO対策とは、簡単に言うと「ホームページを検索で上位に来させる対策」と言われています。 でも・・・ ≫続きを読む

▲ページ先頭へ