WebGallery

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

*

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

      2016/11/09

%e5%90%8d%e7%a7%b0%e6%9c%aa%e8%a8%ad%e5%ae%9a-1

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

リプトンの黄色いイメージとは打って変わって、黒を基調とした高級感のあるデザインになっています。
トップのスライダーの背景には茶葉の写真を使ったり、アクセントにロゴカラーの濃い黄色を使っています。

フォントとビジュアルが合うようにタイトルのフォントを少し特殊なものにしたり、スライダーの文字やボタンは光沢感のあるデザインにしたりと、世界観が統一されています。また、ボタンを横並びにしたり、コンテンツを画面幅いっぱいに表示させて区切る役割も果たしていたりと、とても参考になります。

「サー・トーマス・リプトンストーリー」のページでは、イラストと共にストーリーを体感することができます。パララックス効果を使って奥行きを出すことで、まるでしかけ絵本を見ているかのような楽しいページになっています。

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

  関連記事

ニュース一覧を見やすくした大学のサイトがかっこよくてオシャレ!

宮城県仙台市にある福祉大学「東北福祉大学」のホームページです。 ファーストビュー …

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

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

見やすく、且つ、綺麗にデザインされ、情報量の多さを感じさせない

  西荻窪で経営している浜商不動産のホームページです。ベージュを背景色 …

長野県にある温泉旅館のサイトが、スマートフォンから見るユーザーにも考慮したデザインで綺麗!

長野県下伊那郡高森町にある温泉旅館「【信州たかもり温泉】湯ヶ洞・御大の館」のホー …

青空の写真を使い、空港からの利用をイメージさせるレンタカー屋さん

沖縄県那覇市に本社を構えるレンタカー会社「OTSレンタカー」のホームページです。 …

対象の商品の背景を伝えるストーリーなどがしっかり伝わるようにした「USIO DESIGN PROJECT」

「USIO DESIGN PROJECT」のホームページです。 水色を基調とした …

ロゴを中央に配置し、グローバルナビを左右に分けた構成

ホットヨガスタジオ「loIve」のホームページです。 女性をターゲットにした暖色 …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

豊富な情報量を、シンプルなレイアウトですっきりまとめているパン屋さんのサイトがオシャレ!

長野県東御市にあるパン屋さん「パンと日用品の店 わざわざ」のホームページです。 …

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

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