＊視点
今回はスペイン窯パンのトラ 公式WEBサイトをレビュー。
愛知県内に複数店舗を構えている人気ベーカリー、「スペイン窯パンのトラ」。
門外不出のレシピと、スペインから来日した石窯職人が作り上げたこだわりのスペイン窯で焼き上げることで、
「パンのトラ」でしか食べられない唯一無二の“もちもち食感”を作り上げています。
＊フォント
ロゴや見出しは手書き風の丸ゴシックで、親しみやすく温かみを演出。
本文には読みやすい丸ゴシック系を採用し、モダンで柔らかい印象を保っています。
＊色彩計画について
・メインカラーは目を見張る鮮やかな黄色（#FFE100）を採用。
オレンジよりの温かな色合いがキャッチーで親しみ深く、焼きたてパンの“焼き色”を思いださせます。
・背景は白／明るいグレー色で清潔感を出し、商品写真を引き立てる演出。
・文字は黒で統一し、視認性を確保しています。
＊サイトデザイン
- ファーストビューは、メインカラーイエローの真ん中に食パン一斤が配置され、インパクト抜群です！
食パンの上には様々な年齢層のイラストが座り、素敵な笑顔で今にもパンを頬張ろうとしています。
１枚のビジュアルのみのシンプルな作りですが、この１枚で「焼きたてのわくわく感」「パンの香ばしさ」「活気」「親しみやすさ」
を感じます。
- マウスには独特のアニメーションがついており、マウス移動についてくる半透明の黄色い円が
クリック可能なナビゲーションなどの範囲にかぶさると大きく広がります。
UIとしてわかりやすく、サイト訪問者にクリックしてみたいと思わせます。
- トップから商品紹介・店舗案内・オンラインストアなどの導線が明快でサイト訪問者を迷わせません。
- サイト全体としては余白を十分にとり、食パンのリアルな写真と、キャッチ―なイラストを組み合わせ
見やすく、かつお洒落な雰囲気を作り出しています。
- 見出しと見出しの間は波型に背景色が入れ替わります。まるで食パンの山形のようでこだわりを感じます。
- レスポンシブ対応で、スマホからのモバイルオーダー導線も確保
＊所感
スペイン窯パンのトラ 公式WEBサイトは、焼きたてパンのライブ感を大切にしたサイト構成が秀逸でした。
柔らかく親しみやすいフォントと、温かみを醸す黄色オレンジの色使いが、
「焼きたてのわくわく感」「パンの香ばしさ」「活気」を感じさせます。サイト全体としては
リアルな食パンの写真と、イラストによりお洒落な雰囲気を作り出しています。
オンライン注文への導線もスムーズで、店頭購入・テイクアウト・ECと多角的にユーザーを取り込むデザイン設計がされておりました。