こんにちは! THE BAKE MAGAZINE編集長の塩谷です。 お菓子屋さんに勤めておりますが、インターネットが大好きです。 BAKEでは今後、各ブランドのWebサイトをリニューアルしていく予定なのですが、そのプロジェクトに際して「本当に美味しそうな表現」であり「わかりやすいUI・UX」を探し求めております。 そんな中で「これはスゴい、お腹がすくよ!!」と感じたWebサイト10つを厳選してご紹介させていただきたいと思います。
食サイトの王道! 写真を大きく掲載したサイトをご紹介。
サイトとしては珍しいタイプではないのですが、とにかく写真の破壊力が強い! ワクワク感を高める演出も、ビアガーデンという目的にピッタリです。
こちらは代官山にあるコールドプレスジュースのお店です。以前、こちらの記事でも紹介させていただきました。 ・パッケージデザインが素敵な、日本の食品・飲料を集めました <29選>
こちらは、イスラエルのレストラン。右上のアイコンで英語とヘブライ語の切り替えが出来ます。
こちらはニューヨークにあるお菓子屋さんです。このキャプチャはファーストビュー部分ではないのですが、ケーキの断面が印象的なのでこちらを見て欲しくて……。 サイトの最下部に、制作者クレジットが入っていて、クリエイティブを重要視している様子が伝わります。
ですが、グローバルナビゲーションのABOUTやCONTACTなどをクリックしても挙動しませんでした。ブラウザによりけりかも知れませんが……!
こちらは日本、名古屋にある和菓子屋さんです。この画像だけだとちょっと地味に感じられるかもしれませんが、サイトで見てみてください! イラストの後に、写真が浮かび上がります。 和菓子屋さんのサイトはどこも似てしまっている中で、コンセプトをしっかりと伝えて、差別化している印象があります。
九州・長崎にある海の幸のお店です。
商品一つひとつを見ていると、パッケージデザインは昔から使われているようなものが多い印象です。サイトがお洒落なので、逆にモダンに見えてきます。でも、オンラインで買って箱を開けてみると、ちょっとギャップを感じてしまうかも?
「シズル感を伝えるサイト」の代表格だと思っております、はなまるうどんのWebサイト。ご存知、讃岐うどんのチェーン店です。
「要素がすべて画像で組まれているぞ」とWeb制作者であればツッコミを入れてしまいたくなるサイトですが、ちょっと落ち着いて見てみましょう。美味しそうすぎる。
ちゃんと読めて、お腹が空いて、主婦の手助けになるということが伝わる。スーパーに走りたくなるサイトです。
食べ物と違って、お酒は「酒瓶の写真をみて喉が乾く」という現象は起きにくいかもしれません。(もちろん、そのような方も一定数いらっしゃるかとは思いますが…!!) お酒の場合、酒瓶やお米、水などの写真を伝えるサイトも多々ありますが、ちょっと変化球のブランディングのほうが効果的かも、と思わされます。
名古屋に本社を置く1855年(安政ニ年!)開業の酒屋、秋田屋さん。ブランドサイトではなくコーポレートサイトなので、これまで紹介したサイトとはちょっと立ち位置が異なりますが、素敵なので紹介させてください…!
これまで紹介したサイトはUI・UXを重視したものが多かったのですが、このサイトは完全に表現重視。うっとり見とれるような動画からはじまり、一瞬でその世界観に引き込まれます。 サントリーのウイスキーという誰もが知る商品だからこそ、こんな攻め方が出来るんだなぁと思わされます。
表現にこだわっているサイトは数多くありますが、日頃Webに親しんでいないユーザーには難しく感じてしまうものが多かったり、表示が遅かったりと、様々な問題を抱えてしまいます。 そんな中で「3D on the Rocks」はクオリティがズバ抜けていて、多くの方々が感動するようなWebサイトだなぁ、と思わされます! 以上、国内外のWebサイト10個をご紹介してまいりました。 最後に自社ブランドのサイトも……(手前味噌ですが、素敵なのです。。)
池袋にオープンしたばかりの焼きたてカスタードアップルパイ、RINGO。Lettersさんがサイトを、maxillaさんが動画を制作してくださいました。 このWebサイトを見た方々からも「美味しそう!」という声が多くて嬉しいです。 それでは、お付き合いいただきありがとうございました!
・パッケージデザインが素敵な、日本の食品・飲料を集めました <29選> ・Web制作会社の探し方・比較方法・見積りの目安・お問い合わせ時に気をつけることって?
THE BAKE MAGAZINEでは週に2回、食や農業、デザイン、サイエンス、テクノロジーなどにまつわる記事を発信したり、BAKEの活動や働く人たちのストーリーをお伝えしています。 最新情報はこちらのアカウントでお届けします!https://t.co/LIxHbzNAS2
— 株式会社BAKE (@bake_jp) 2016年6月2日