Blog スタッフブログ
【WEBデザイン】秋らしいサイト・バナーデザインに使える!さつまいもカラーのWEBデザインまとめ

こんにちは、Webデザイナーのそいです。梅雨のような天候が続きつつ今年も秋がやってきました。今回はそんな秋にちなんだ美味しい食べ物「さつまいも」がメインのサイト・キャンペーンサイトを調査してみました。
みつ芋はるか

まずはさつまいもスイーツ専門店「みつ芋 はるか」のサイトです。
旬の焼きいもやいもけんぴなど美味しそうなおやつが印象的な「みつ芋 はるか」のサイトでは、キービジュアルのシズル感がとても魅力的です。

さつまいもの皮の紫と和紙が素敵な和風なタッチのサイトです。

見出しや背景、色合いなど、The「さつまいも」感たっぷりな和風テイストのサイトでした。
芋屋金次郎

次に、芋菓子専門店「芋屋金次郎」のサイトです。大阪にはグランフロント大阪に店舗がありますね。
メインビジュアルは重厚感のある、リッチでモダンな世界観で演出されているサイトです。

ギャラリーのように写真が映えるレイアウトで、パララックス効果が使われています。

TOPページはとにかく写真が大きく使われておりボリューム感たっぷりです。白と黒が織りなすカッコいいサイトデザインでした。
ミスタードーナツ「さつまいもド」

次に毎度おなじみ「さつまいもド」のサイトです。毎年この時期に発売される、期間限定ドーナツですね。
ポップで軽やかなドーナツたちがお出迎えしてくれます。

コンセプトのコンテンツは、さつまいものキャラクターやモチーフなどかわいいあしらいが添えられています。

秋らしさと甘く濃いイメージができるイエローが印象的な商品ページです。色のバランスやイエロー→紫のグラデーションが綺麗で、一見派手で見にくくなるリスクもある黄色にも関わらず見やすさが担保された色合いに設定されています。商品の魅力ががっつり伝わるサイトデザインでした。
らぽっぽファーム

次に創業55年以上の老舗さつまいもスイーツ専門店、らぽっぽファームのサイトです。
正方形のバナーが並ぶオンラインショップサイトです。

サイトの構成はシンプルでベーシックなタイプのレイアウト、ランキングやおすすめ商品などが立ち並びます。
シンプルでありながら、バナーは1つ1つがとても丁寧に作られていてバナーづくりの勉強になります。

商品紹介の下はコンセプトや各コンテンツバナーが並んだりととても見ごたえのあるデザインになっています。配色はもちろんのこと、デザインの基礎がすべて詰まったサイトだと感じました。
スターバックス「とろり蜜芋 紅はるか フラペチーノ® 」

最後にスターバックス、秋の新商品「とろり蜜芋 紅はるか フラペチーノ® / とろり蜜芋 紅はるか ムース ティー ラテ」の特設サイトです。
モバイルファーストのレイアウトで作られています。

黄色の補色、青が使われており、商品を引き立てる配色になっています。
紅葉もあしらいで使われていたり、スターバックスのサイトはキービジュアルへのこだわりがスゴイです。惹き込むデザインならでは、難易度の高いテクニックが駆使されておりセンスが爆発している素敵なサイトデザインでした。