WebGallery

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

*

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

      2018/02/26

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

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

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

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

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

  関連記事

東京の11の島を紹介するサイトが、写真やイラストを使ったデザインで可愛い!

「東京アイランドドットコム 東京にある11の島」のホームページです。 ファースト …

アルバムイメージに沿ったデザイン

  The Scriptの公式ホームページです。こちらは前回のClea …

漁師への関心を高めるために、背景の写真や動画をたくさん使用して漁師の仕事が伝わりやすくした「Fisherman Japan」

「漁業をカッコよく」をコンセプトに集まった東北の若手漁師集団「Fisherman …

紫女子部がプルーンの魅力を紹介!

カリフォルニアプルーン協会が手がけた「紫女子部 スタート記念 プルンプルーンキャ …

イラストに動きを加えて、楽しい雰囲気を演出したサイトが可愛い!

佐賀県小城市にある飲料商品の開発・販売等を行っている会社「友桝飲料」のホームペー …

Googleマップ付きでおすすめスポットを紹介し、行きたい場所がすぐ分かるようにする

前回に引き続き、今回も地元をPRしているサイトです。神奈川県の魅力をPRした「い …

白黒で配色されたスタイリッシュな住宅建設会社

札幌市にある住宅建設業者「フォレスタの家」のホームページです。 白黒で構成された …

サイトの様々なところに「動き」をつけて会場の楽しそうな雰囲気を伝える

岐阜県各務原市にあるレジャースポット「オアシスパーク BBQ CANVAS」のホ …

サイトを見てるだけで食べたくなる!焼きたてチーズタルトの専門店「PABLO」

「焼きたてチーズタルト専門店 PABLO」のホームページです。 コンテンツやIn …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …