No.059 バーガーキング

No.059 バーガーキング

バーガーキング | Webサイト100選

バーガーキング®公式サイト

ハンバーガーショップ、バーガーキングの公式サイト。

ファーストビューの印象

丸みのあるウィンドウとフォント、ビタミンカラーで元気のいい印象。

レイアウト

シングルカラム

レスポンシブ対応

あり
ブレイクポイント:320px,360px,376px,400px,460px,500px,600px,769px,870px,879px,900px,990px,1000px,1051px,1024px,1150px,1183px,1200px,1210px

フォント

見出し:M PLUS Rounded
本文:M PLUS Rounded

メニュー

PC:ナビゲーションバー
SP:ハンバーガーメニュー

カラー

ベースカラー:#f5ebdc クリーム
メインカラー:#FFAA00 イエロー
アクセントカラー:#D72300 レッド
サブカラー1:#5023141a ブラウン
サブカラー2:#1A8738 グリーン

感想、参考になった部分

ボリュームのあるハンバーガーでおなじみ、バーガーキングのWebサイト。

トマト、レタス、チーズ、パティなどを想起させるレッド、グリーン、赤みがかったイエロー、ブラウンで構成されており、それらの調和をとる形でクリーム色が背景色に採用されている。
また、直接の注文につながるであろう、アプリのダウンロードサイトへのリンクは赤のボタンで目立つように配置されている。

食べ盛りのティーン層、成人男性がメインターゲットであろう。スライダーの1画像あたりの停止時間が短いことからも、若い層への訴求を主としている印象。

フォントサイズは比較的大きめのものでまとめられており、可読性よりも視認性を意識した丸ゴシックであることや、前述のスライダーの速さも併せて、細部まで読み込むというよりも、短時間でインパクトを与える仕組みになっている。

商品画像は売り出し中のフェアメニューくらいなもので、あまり配置しすぎず、イラストやアイコンをうまく使いすっきりとまとめている。非常に見やすいサイトだなという感想。

No.059 バーガーキング 公式サイト| Webサイト100選

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です