WebGallery

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

*

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

      2016/11/09

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

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

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

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

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

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

  関連記事

電車の形を使ってデザインされた「相模鉄道株式会社新卒採用サイト」のサイトが、ポップで可愛い!

「相模鉄道株式会社」の2019年度新卒採用サイトです。 ロゴカラーを使った、ポッ …

パステルの色合いがいい、加減。

松山市総合政策部シティプロモーション推進課が運営する「いい、加減。まつやま」のホ …

商品の写真をメインにデザインされたサイトの言葉選びが和風で素敵!

東京都の銀座と六本木に店舗をかまえる「順理庵」のホームページです。 装飾を必要最 …

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

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

桜のピンクと、水槽の青のコントラストがとても綺麗な「桜といわし」

京都市にある京都水族館で4月1日から6月30日まで開催されているイベント「春を楽 …

会場ごとに色を分けて、情報を見やすく分類したライブハウスがシンプルだけどカッコいい!

渋谷・名古屋・梅田・広島にスタジオをかまえる「CLUB QUATTRO(クラブク …

名古屋にあるパン屋さんのサイトが、レトロな雰囲気でオシャレ!

愛知県名古屋市梅森坂でベーカリー&カフェを営んでいる「パン屋さん マイロ」のホー …

アーティストのロゴマークをメニューボタンにした、オリジナリティあふれる感じ

1994年に結成された男性ヒップホップグループ「RIP SLYME」のニューアル …

トップページにメニューを載せ、カラフルな構成に

  「朝食フェス2015」の特設サイトです。メニューをブロック化して掲 …

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

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