WebGallery

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

*

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

      2018/02/26

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

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

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

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

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

  関連記事

島根県にあるぶどう園のサイトが可愛くて美味しそう!

島根県安来市にあるぶどう園「足立ぶどう園」のホームページです。 ファーストビュー …

緑色のイメージを効果的に使った製造会社

石川県で焼成炉や乾燥炉などの設計・製造を行っている「株式会社アクトリー」のホーム …

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

色んな色と形が組めるつみき「KUUM」

フェリシモが販売している新しい組むつみき「KUUM(クーム)」の特設サイトです。 …

写真や色を使って華やかな雰囲気を表現した生花店

東京都府中市にある生花店「花智」のホームページです。 トップページの綺麗な花の写 …

タグで切り替えて表示することで2ページ分の情報を1ページに収める

北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページで …

茶系の色で高級感を出し、オレンジで暖かみを出す「小谷流の里 ドギーズアイランド」

千葉県八街市にある「小谷流(こやる)の里 ドギーズアイランド」のホームページです …

次の世代のために美味しい野菜を作っている農家さん

茨城県つくば市で、農薬を使用しない野菜を作っている農園「子供たちの未来農園」のホ …

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …