WebGallery

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

*

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

      2018/02/26

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

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

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

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

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

  関連記事

名古屋市にある産婦人科病院のサイトが、病院のサイトとは思えないほど可愛い!

愛知県名古屋市にある産婦人科病院「産婦人科 アイ・レディスクリニック」のホームペ …

背景にふわふわしたアニメーションをつけて幻想的な雰囲気に

「大丸・松坂屋のファンタスティッククリスマス2016」のホームページです。 赤と …

イラストの雰囲気を大切にした音楽祭のサイトが可愛くておしゃれ!

2017年3月18日の土曜日から6月11日の日曜日まで兵庫県神戸市にある神戸文化 …

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

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

カラフルなデザインで、親しみやすさを感じる塗装会社のサイトがポップで可愛い!

東京都府中市にある塗装会社「セイワ株式会社」のホームページです。 ファーストビュ …

大阪にある不動産のサイトがパステルカラーを使ったデザインで可愛い!

大阪府枚方市にある不動産会社「お部屋探しの専門店 ミチコ・ハウジング」のホームペ …

年齢層を意識したフォントサイズと写真の配置で、見やすくデザインされたサイト

岐阜県土岐市にある美濃焼きの公房「SAKUZAN」のホームページです。 トップペ …

細いフォントでスマートな感じを出す

    青色を使ったサイトです。アニメーションを用いたボタン …

ウミゴミラを助けるべく、海ゴミを拾おう!

香川県海ごみ対策推進協議会が行っている瀬戸内海を汚すゴミをみんなで楽しく探して意 …

ダンボールの角ばった雰囲気を出すために、背景に様々な台形を散りばめる

ダンボールで作られたランボルギーニ「ダンボルギーニ」のホームページです。 ファー …