Web関連

空腹注意! 飲食業界に関わって学んだこと!

0

最近飲食業界のプロジェクトに関わりました。
食べることの大好きな私にとっては、「待っていました!」と言わざるをえないプロジェクトでした。
プロジェクトをしている間も、「これ食べてみたいな」と思うものばかりでした。
そこで今回はプロジェクトを進める中で思ったこと、学んだことについて紹介していこうと思います。

なんといってもお腹がすく!

飲食業界のプロジェクトをしているときは、ずっとお腹が減っていました。
つまり何が言いたいかというと、飲食業界のサイトは食べ物、メニューの画像がたくさん掲載されています。

kufuku_niioka01.jpg

画像は現在のガストのサイトです。
ファーストビュー(ページを開いた時スクロールをしないで見える部分)だけで既に、デザート、サラダ、お肉、ポテトの4つが見えます。
下に行けばメニューやドリンク等もあるので、もっと美味しそうな画像が掲載されています。
飲食業界のサイトは、ファーストビューで食べ物の画像をよりおいしく見せることによって、「行ってみたい、食べてみたい」思わせるかが鍵になってきます。
飲食業界のサイトは食べ物の画像がたくさん掲載されているので、食べることが大好きな人にとって全然飽きない!

飲食業界ならではの工夫

先程も書いたように飲食業界のサイトは食べ物を多く見せているので画像の数が多いです。
そこで飲食業界のサイトにはいくつか気をつけるべき点があります。
代表的なのが、画像のサイズを小さくしたり、画質を調整することによって画像の容量を軽くしています。
例えばメニュー紹介のページで画像が20枚あるとして、1枚の画像の容量を3MBとします。
そうなると画像だけで60MBあることになります。
画像だけで60Mもあるとサイトの読み込み速度が遅く(重く)なってしまい、離脱率を上げてしまう大きな原因になります。
そこで工夫として、1枚の画像の容量を50KB(先ほど紹介した画像に載っているオニバーグのバナーの容量が50KBだったため50KBとしています)にして20枚だと1MB、60MBの60分の1に下げることができます!

画像の容量を下げるサイトの紹介

今回私が画像の容量を下げるために使用したサイトを紹介します。

・画像を縮小する!(http://resizer6.myct.jp/index.php)
こちらは名前の通りのサイトで画像の縮小と画像の画質を変更することができるサイトです。
このサイトのいいところは、まとめて20枚まで画像サイズや画質を変更できるというところです。
1枚1枚やらなくてもいいというのが便利でした。
しかし、まとめて変更すると、全部同じ設定になってしまうというところが不便でした。

他にも、画像を縮小してくれるサイトはたくさんあるので、自分にあったサイトを探してください。

まとめ

飲食店のサイトは見ているだけでお腹がへり、つい近くの店舗まで足を運んでしまいます。
ちなみに飲食店は季節によって期間限定メニューが出ることがあるので、また別の楽しみ方が味わえます!
メニューの画像を見て実際食べに行くのも、飲食業界の1つの醍醐味なので、是非皆さんも近くの飲食店に足を運んでみてはどうでしょうか。
以上、このコラムを書いてる最中にどこに食べに行くか悩んでいる新岡でした。

Web制作でお困りの方はWeb制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

0

【人工知能(AI)×リクルート】多言語対応の人工知能が就職希望者の不安を払拭前のページ

規制に苦しむ、パチスロ業界の動向について次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. AIに求められているものは、実は意外な物だった
  3. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  4. 新型コロナウイルスで日本の働き方改革が起こる

関連記事

  1. Web関連

    Instagramでお弁当づくりをハッピーに!

    こんにちは!今回は、Instagramで見つけたお弁当にまつわるユ…

  2. Web関連

    Twitterのプロモーション広告をWeb制作でも活用しよう!

    みなさんTwitterは利用していますか?現在Twitterの月間…

  3. Web関連

    SEOの基礎中の基礎

    皆さん調べたいことがあったら検索しますよね。そのときに表示される検索結…

  4. SNS関連

    WebサービスInstagram(インスタグラム)の恐るべき経済効果!

    しまむらパトロール(しまパト)という言葉をご存知ですか?私がこの言…

  5. Web関連

    その負担軽減しましょう!更新業務を楽にするサービス・ツール紹介

    『働き手が足りない、人手不足』飲食店やホテル業界を筆頭に、今はどこ…

  6. Web関連

    もう火傷なんてしない!ヘアアイロンを上手に使ってきれいになる裏技!

    女性の皆さんはヘアスタイルを楽しむときヘアアイロン(コテ)を使って髪を…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    コンバージョンを上げるABテストとは!?
  2. Web関連

    人を惹き付けるキャッチコピーを作る3つのコツ
  3. Web関連

    Androidアプリ開発のステップ
  4. Web関連

    アプリを制作する前に知っておきたいこと~デメリット編~
  5. Web関連

    もはやモノだけではない!話題のシェアリングエコノミーまとめ
PAGE TOP