見出し画像

パンケーキのサイトを分析してみた。

今日は5月10日パンケーキの日!そしてゴトウの日!
甘いもの大好きなごっちん(本名後藤)を中心にパンケーキサイトを分析します!

KNAPのデザイナー3人でトークしてます。
あくまでメンバーで個人的に分析をさせていただいておりますことをご了承ください。

画像3

1つ目 コナズ珈琲

手書き感が多くてハンドメイドな雰囲気が出ています。

スクリーンショット 2021-05-07 17.02.13

スクリーンショット 2021-05-07 17.03.08

手書き感がかわいい印象です。限定メニューなどもあり、ランディングページっぽく表現されています。白い板を背景に使用しており海の雰囲気を表現しつつ海辺のお店にいるような雰囲気が味わえます。

料理写真が大きく使われていたり、切り抜いて使われていたりとメリハリがあり、料理写真に目が行きます。タイトルなどもロゴのフォントと合わせて世界観が統一されてる印象。
ボタンはペンキで塗ったようなデザインで、一見リンクボタンっぽくないですが、リンクボタンに矢印マークが付いていていることで分かりやすくなっています。

画像7

画像43

画像9


カラースキーム分析

画像10

画像が多いサイトなので、カラーは2色とカラフルになりすぎないようにしていました。

画像6


2つ目 Eggs 'n Things

明るい&爽やかな雰囲気で居心地の良さを感じられます。

スクリーンショット 2021-05-07 17.30.28

スクリーンショット 2021-05-07 17.31.32

写真が立体的で明るく綺麗に使われて食欲をそそります。背景に葉っぱのあしらいをいれていて南国な雰囲気を出していたり、人の写真も使用しているので温かい居心地のいいお店な雰囲気がとても出ている素敵なサイトだなと感じました。

見出しの文字もロゴに合わせて筆記体になっていて統一感がある印象でした。また、すこし手書き感のある筆記体にすることで固くなりすぎないようにしながら、全体的には見やすい・読みやすい文字でまとめられています。
他のサイトは女性向けっぽいデザインのものが多かったのですが、きれい&シンプルなトーンでどんな人でも共感を持てるデザイントーンだなと感じました。

画像13

画像14

画像15


カラースキーム分析

画像16

ロゴと同じ黄色をポイントに、パンケーキにも馴染む茶色をフォントで使用するなどイラストとも相性の良い色で組み合わせていました。

画像17

3つ目 パンケーキ専門店Butter

女性らしいデザインで優しくポップな印象です。

スクリーンショット 2021-05-07 16.56.11

スクリーンショット 2021-05-07 17.48.16

KVはシズル感のある写真でインパクトがあります。水彩っぽいイラストで、かわいい雰囲気を出しつつも、メニューはしっかりと写真を使用してリアリティも出しています。
また、スクロールするとButter Pancakeの文字部分が透過されてKVが見えるのも面白い演出で、KVの茶色&黄色の配色が上手く活用されているなという印象でした。

写真のトリミングでは、メニューを丸い形で表現しており、パンケーキの丸と相性がいいなと感じました。また、色んなパンケーキがあることがひと目で分かるデザインになってます。

画像33

画像34

画像35


カラースキーム分析

画像36

パンケーキが美味しそうに見える黄色をベースにしていますが、少しずつ近い色を加えて全体的に統一感をだしていました。

画像18

日本の素敵なパンケーキサイトまとめ

日本のサイトでは黄色・茶色がパンケーキのイメージカラーになってる印象でした。パンケーキの焼き目の茶色と中身の黄色の色合いで相性がいいし、優しい&美味しさを表現するのにピッタリの色だと思います。


海外のサイト

ハワイにあるパンケーキが食べられるお店もちょっとだけ分析してみました。

画像19

ROYAL HAWAIIAN DINING

スクリーンショット 2021-05-07 17.56.48

ホテルの中にあるパンケーキが食べれるレストラン。ホテルの雰囲気を尊重しつつシンプルに写真を見せるデザインになってました。

画像20

RESTAURANT HAU TREE

画像1

カジュアルなレストランということもあり、模様を使用したり、レイアウトを崩したりして美味しそう&楽しそうを上手く表現されてました。

画像21

SCRATCH KITCHEN

画像43

パンケーキも食べられますが、ディナーでお酒も飲めるお店なので、黒で締めて少し大人な印象です。

画像22

Cafe Kaila

スクリーンショット 2021-05-07 17.58.39

日本だと一昔まえのサイトっぽく見えますが、それが逆に地元の人に愛されているあたたかいお店なんだろうなと感じるデザインでした。

画像23

Moke's HAWAII

スクリーンショット 2021-05-07 17.58.59

黒とオレンジでパキッとしたスタイリッシュなデザインでした。日本にも店舗があるのですが、日本版サイトはポップな印象です。

画像24

Moena CAFE

スクリーンショット 2021-05-07 17.59.25

手書き感のあるフォントと緑色がハワイっぽい雰囲気を出しています。

画像25

Sweet E's Cafe

画像2

シンプルながら働くスタッフの人の写真を使用したりして、素敵なお店に見えます。飲食系で青は食欲を落とす色なので、避けがちですが、海の青を表現しつつ、アクセントで使用するのは良いなと感じました。
外部サービスで作ったサイトのようです。

画像26

Koko Head Cafe

スクリーンショット 2021-05-07 17.59.59

オレンジのイメージカラーで、特徴を表現しつつ、予約に特化したサイトになってます。

画像27

Boots and Kimo's

スクリーンショット 2021-05-07 18.00.59

動画を使用しており、お店の雰囲気が分かる様になってます。手書きの書体がハワイのファミリーレストラン感を出していました。

画像28

海外のパンケーキサイトまとめ

日本だと、ブランディング寄りのサイトが多いですが海外だと、予約に特化したサイトも多い印象でした。また、書体や色味の使い方もその土地らしさがあります。

画像29

この記事を書いているメンバーが働いている会社
よかったら見に来てください!

画像30


いいなと思ったら応援しよう!