WebGallery

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

*

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

   

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

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

 

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


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

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

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

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

  関連記事

スライダーで様々な写真を掲載し、事業の内容を分かりやすく伝える

飲食店の経営やブライダル事業を行っている「株式会社 一家ダイニングプロジェクト」 …

おバカなジェリービーンズたち

  一時期話題になった動画のWebサイトです。現在ではアプリゲームもあ …

光の空間をイメージさせるアニメーションを使ったイベントサイト

「ハーモニアスひかりアベニュー」を東京・行幸通りで2016年12月24日から12 …

浴衣の色合いや金魚を使って清涼感を出した「鈴乃屋ゆかたコレクション2018」のサイトが綺麗!

鈴乃屋ゆかたコレクション2018「2018 YUKATA COLLECTION」 …

常夏の色合いがステキな「潜水屋Ti-Da」

愛知県名古屋市にあるダイビングショップ・スクール「潜水屋(もぐりや)Ti-Da」 …

最新ニュースをさらにカテゴリ分けして情報を伝わりやすくする

「ONE TOKYO」というランニングを通じて皆とつながろうという活動を紹介して …

【閲覧注意!】池袋で開催される「もうどく展2」のサイトが思った以上に毒々しい!!

2017年3月16日の木曜日から6月25日の日曜日までサンシャイン水族館で開催さ …

松本薫さんが開店したアイスクリーム屋さん「Darcy’s」のサイトが可愛い!

松本薫さんの引退会見、衝撃的でしたね! テレビではいつも柔道でかっこいい姿を見て …

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

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

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