WebGallery

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

*

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

   

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

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

 

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


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

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

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

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

  関連記事

各コンテンツに飛ぶボタンを作り、読む側に優しいデザイン

  東京都にある留学サポートを行っている会社です。全体的に色をあまり使 …

スラッシュの角度で区切られたデザインが気持ちいい「EN/PIRE」

大阪府大阪市にある植物の販売からディスプレイデザイン等も行っている会社「EN/P …

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …

ブロックボタンの見やすいサイト

写真やボタンをブロックにしてデザインしているサイトです。ブロックすべてがボタンに …

想像するだけでワクワクが止まらない「ハンズの夏準備」

「ハンズの夏準備」という東急ハンズの特設サイトです。 サイトのトップには、キャッ …

ファーストビューに動画を取り入れた神社・お寺のサイト5選

数年前から背景に動画を使用したデザインをよく目にするようになりました。 動画を効 …

シンプルだからこそ細かいところまで気配りされたデザインのサイトがおしゃれ!

2011年有志によって設立された「ててて協働組合」のホームページです。 ファース …

ロゴを使ったファーストビューがインパクト大!東京都の「みるみるクリニック」

東京都江東区にある、小児科・内科・アレルギー科「みるみるクリニック」のホームペー …

作品の雰囲気を損なうことなく、イラストを上手く配置した「ムーミン展」のサイトがかわいい!

2019年の4月9日(火)から6月16日(日)まで、六本木ヒルズ森タワー52階に …

難しい話題でも、イラストや箇条書きでまとめ分かりやすく伝える

  「ミズベリング」という水辺を使って街づくりをするという企画の元集ま …