WebGallery

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

*

カラコンの色味を背景で表現したサイトがとにかくオシャレ!「PLAY / UP(プレイアップ)」

   

カラーコンタクト「PLAY / UP」のホームページです。

丸ドットで作られた背景がとても印象的なサイトです。
音楽のONとOFFを選択した後、音楽グループ「防弾少年団(BTS)」のコンセプトムービーが流れるようになっています。
ついつい目を追ってしまうような構成のPVは、とてもスタイリッシュで格好いいですねー!

 

カラコンの色味を背景で表現!


画像をクリックすると、拡大表示されます。
「ENTER」のボタンを押すと、カラーコンタクトの形と配色をしたドットのアニメーションが表示され、その上に大きく商品名が表示されています。
スクロールすると次々に切り替わるようになっていて、次にどんな色が出てくるのかワクワクしながら色を選べてとっても楽しいですね!
画面下にあるパネルのようなボタンを押すと他の商品名が表示されるようになっていて、分かりやすくなっています。

さらに、「LENS DETAIL」のボタンをクリックするとレンズのデザインや特徴・レンズの値段やモデルが着用した写真等がグリッドデザインで表示されています。
スクロールするとパララックス効果になっていてオシャレですねー!BTSのメンバーの写真も掲載されているのですが、その写真のみ黒メインになっていて際立つようになっています!

ただカラコンの写真を掲載するのではなく、背景に丸ドットで作られたアニメーションを使ってカラコンを表現することで一味違ったサイトになりますね!
きちんとモデルが着用した写真・カラコンのみの写真を掲載することで、ユーザーにカラコンの色味を伝えやすく工夫しているのも素敵です。

 - イベント系サイト, 丸を使ったデザイン, 動きで表現, 形で表現

  関連記事

幻想的な空間のファーストビューが綺麗なイベントサイトがおしゃれ!

2017年7月8日の土曜日から10月1日の日曜日まで、東京都品川区にある「アクア …

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

クリスタルの反射で写し出されたような写真がとても綺麗な、東急グループ×ディズニーのコラボサイト

東急グループとディズニーのブランド4つがコラボレーションして、2016年11月1 …

まるで、真上から教習所を見たようなファーストビュー

東京都練馬区にある教習所「大泉自動車教習所」のホームページです。 左側に固定でメ …

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会 …

スパイダーマン:ホームカミングの特設サイトがカッコいい!

2017年の8月11日に公開されたマーベルスタジオの新作映画「スパイダーマン:ホ …

下から泡を出して、見ている人が水族館にいるような気分に

大分県大分市にある水族館「大分マリーンパレス水族館 うみたまご」のホームページで …

10月から開催している「パリグラフィック」展のサイトがシンプルでおしゃれ!

2017年10月18日から2018年の1月8日まで、東京・丸の内にある三菱一号館 …

個性的なデザインの美容院サイトが、とってもオシャレでカッコいい!

横浜・川崎・井土ヶ谷エリアを中心とする美容院「Dh-HAL/AVEDA(アヴェダ …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …