的場です。
今日も前回に引き続き、”意外”と見たことがない企業さんのホームページをご紹介していきたいと思います。（的場による独断と偏見調べです）
前回はこちら (意外と見たことがない企業のホームページ part.3)
今回はpart.1に続き、飲食系。
と言っても1つ目から飲食店ではないですが…
1つ目はコンビニエンスストア
「ファミリーマート」https://www.family.co.jp/
緑と青(水色)のカラーでお馴染みのファミリーマート。
最近はコンビニ各社も便利なスマホアプリが出ているので、そこまでホームページ自体を見る事は少ないでしょう。
余談ですが、「ホームページ」と検索したら3ページ目の1番上に出てきました。
TOPページはこちら↓
大きく目に留まるFVがあり、その真下にはキャンペーン等のバナーが見やすい大きさでスライド式で配置。
FVとキャンペーン等のバナー、2つのジャンプ率も違和感が無く、角が丸いデザインで緊張感が保たれて優しい雰囲気になりますね。ファミリーマートのロゴにも使われている、緑・水色(+グレー)のみで配色。普段利用しているファミリーマートのカラーイメージ通りに作られていますね。TOPページには文章、テキスト量が少なく、ニュースの欄も最新の3つの記事しか載せておらず、代わりに大きく配置してある画像やSNSが目立つ作りに。
上部のヘッダー、各カテゴリにカーソルを持っていくと…
このように各タブに分けられて出てくる仕組みに。
各カテゴリをクリックすれば、各カテゴリのページに飛びますが、出てきた内容のタブをクリックすると直接アクセス出来ました。
商品情報の欄にはアイキャッチの画像が載せられてあるので、ユーザーがイメージ付きやすいような優しいデザインになっていました。
今回は商品情報からおむすびページに↓
超シンプルなデザインでした。パンくずリストの下には販売地域も掲載、商品下にはきちんとSNS等のシェアボタンも付いている丁寧さ。
商品名の下に引いてあるラインもコーポレートカラーの緑ですが、いやらしさの無い自然な感じも凄いですね。
当たり前ですが、写真も綺麗でシズル感たっぷり。ただ、アレルギー等の情報が載っていないのが気になりました。
(このSPAMむすび、他よりお値段しますが、美味しいのでオススメです。)
企業情報ページはこんな感じ↓
縦長になっていたので少し下部は切っていますが、他のページと雰囲気的には統一されているように感じました。
TOPに配置されていたニュースはここでも見れるようになっていますね。(それぞれリンク先は一緒)
各セクションのラインが緑と青になっているのがもろファミリーマートでおもしろいですね。
お次。
2つ目は飲食店
「餃子の王将」(株式会社王将フードサービス) https://www.ohsho.co.jp/
京阪神地区を中心に全国展開している、餃子がメインの中華料理チェーン店。
熊本県にも下通店をはじめ、5件あります。(全て熊本市内)
TOPページはこちら↓
目に入るのはFV。の上の2つのバナー。このご時世らしい、デリバリーとテイクアウトのお知らせですが、大きいインパクトのあるFVのさらに上に持ってくるのは、インパクトが増しますよね。FV内にも同じ内容の画像があり、ユーザーの需要に合わせて組んである感じ。ユーザーからしてみれば、サイト内でわざわざ探さなくても良いのでありがたいですよね。
1つ目に紹介したファミリーマートはコーポレートカラーをラインなどの要素に配色してありましたが、この餃子の王将も同じようにロゴに使われる色を使用し、ラインなどに配色されています。
特に各セクションの見出しに使われているラインはお洒落で可愛い印象。
コンセプトのページ↓
中華を連想させるアイコンと明朝体の見出し。
センターに寄っていて少し窮屈な印象もありますが、わかりやすいデザインになっていますね。
メニューのページ↓
各メニューのアイキャッチ画像内に、お持ち帰りができるなどの説明がイラストで入っているのは物凄く優しいデザインですよね。
お持ち帰りの値段も書いてあり、商品のページに行く前に情報を一目で得られるのは素晴らしいと思います。
商品ページ↓
商品名下のライン等、アクセントカラーは赤ですね。見て伝わる中華感。
採用ページはホームページ自体変わっており、餃子の王将のリンクからアクセスしたらこのページに↓
採用ページは雰囲気が大きく変わり、ミニマルチックなデザインに。
情報も少なめで写真が大きくインパクトのある作りに。
採用情報のTOPページ↓ https://recruit.ohsho.co.jp/
株式会社王将フードサービスのホームページですが、同じ会社なのか？と思うくらいイメージがガラッと変わっています。
特にインパクトの大きいFVは動画になっており、従業員・スタッフさんの顔が映っています。
赤色のアクセントは餃子の王将のホームページと一緒ですが、こちらは黒のベタ塗りなど雰囲気が大きく違いすぎるので、このギャップで惹かれる人もいそうな気もします。
同じ企業でも採用サイト・企業サイト等全く雰囲気の違うホームページを作っているというのも少なくはないですが、これは凄いギャップ。びっくりしました。
お次。
3つ目はファストフード店
「モスバーガー」https://www.mos.jp/
日本発祥のハンバーガーチェーン店で、国内店舗数は1252店舗でマクドナルドに次ぐ第2位。
熊本県には19店舗あります。
TOPページはこちら↓
シンプルでミニマルチックですが、最小限の情報量もあり一目で見やすいデザイン。
配色もロゴ等にも使われている赤と緑をアクセントに。アイコンも分かりやすいイラストで文章が少なく済んでいるのも魅せ方が上手いなあという印象です。
また店舗で使われているブラックボードを、セクションの区切りとしてデザインされているのも素敵だなと。
商品ページ↓
ハンバーガーの商品ページでは、写真の横にどのような具材をどのような順番で挟んであるか、という子供でもわかりやすく表記されています。
下にはセットのメニューが載っており、別に検索することもなくこのページで完結してしまうので、ユーザーは大変使いやすいデザインになっていますね。また、タブでアレルギー情報等も見れるようになっています。
ヘッダーにもある”モスのこだわり・安全安心“というページ↓
https://www.mos.jp/omoi/
アクセスして頂いたらわかりますが、グリッド状に置かれている写真。この写真、一部はアニメーション（動画）になっており動いているのです。可愛らしいアニメーションになっているので、是非ご覧ください。モスバーガーの開発秘話などたくさんおもしろいコンテンツがあるので、暇つぶし程度に見てみては。
また、モスバーガーの作り方も載っているので、お子さんと一緒に作るのも良いかも？
今回は3サイトをご紹介しました。熊本にもある、普段の生活で関わることのあるであろう3社ですが、ホームページをじっくり見るとそれぞれの会社・特色が出ていて勉強になります。
3社ともコーポレートカラーが出ており、配色やデザインに直結していたのでそれぞれ見ていておもしろかったです。
まだまだ”意外”と見たことがない企業のホームページはあるはずなので、まだまだ引き続きネットサーフィンをしていこうと思います…
