WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

春間近!桜とピンクを効果的に使ったデザインの「お~いお茶の2018年春特設サイト」

      2018/02/26

2018年「春到来。桜お~いお茶」の特設サイトです。

ファーストビューの有村架純の写真がとても爽やかな印象のサイトです。
桜並木をバックに、にっこり微笑んでいる姿がとても目を引きます。
右側に配置されているボトルも、ピンクの補色となり際立っていますね!

全体的に桜のアイコンを使ったデザインで春らしさを表現しています。
ボトルデザインを紹介している部分では、「緑茶」や「ほうじ茶」など5種類のボトルに使用されている桜のデザインについて解説しています。
ホバーアクションをつけることでシンプルなレイアウトでも可愛らしい印象になります。

また、全国各地の桜の名所を紹介している部分では日本地図を使って県ごとに紹介しています。
見どころの時期を色分けしてあるので、その時期に合わせて見に行くこともできますね!
県の名前をクリックすると下に名所が出る仕組みになっていて、自分の住んでる県や隣県の桜の名所をパッと見ることができます。

 - キャンペーンサイト, 色で表現 , ,

  関連記事

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …

東京にある不動産会社のサイトが可愛くておしゃれ!

東京都立川市にある不動産会社「Yutaka Home +(ユタカホームプラス)」 …

「情緒」と「静寂」を演出するために、カラフルな配色でなく白黒の配色にした岐阜のウェディングサイトがキレイ!

岐阜県多治見市にある、「大人のウェディングスタイル」をテーマのウェディング会場「 …

女性やカップルでも親しみやすいように、イラストを使ったデザインにした特別展サイト

2017年4月11日の火曜日から6月4日の日曜日まで東京国立博物館で開催される「 …

丸みを帯びたアイコンが親しみやすく感じる不動産屋さん

島根県松江市にある不動産会社「株式会社サカタ」のホームページです。 トップの夕焼 …

犬との絆がもっと深まりそうな犬用ウェアラブルデバイス

犬用ウェアラブルデバイス「INUPATHY(イヌパシー)」のランディングページで …

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

工場のようなイラストが可愛い!バレンタインのキャンペーンサイト

2017年の東急ハンズのバレンタイン「楽しまなくっちゃ、バレンタイン」の特設サイ …

情報をシンプルにまとめて動きをつけ、洗練されたデザインの歯医者さん

宮崎県宮崎市にある歯科「前田歯科クリニック高千穂通」のホームページです。 赤と白 …

イラストレーションでイラストを使用し、分かりやすく可愛らしく

一級建築士事務所「朝日リビング」のホームページです。賃貸物件のリノベーションや個 …