WebGallery

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

*

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

   

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

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

 

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


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

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

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

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

  関連記事

水色をしようしたり、波線を使うことで海沿いの会場の雰囲気を演出したマルシェ

毎月第3土曜日・日曜日に横浜市北仲通北地区で開催されている「Yokohama K …

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

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

GWに開催されるジャズイベントのサイトがかっこいい!

2017年の4月28日・29日・30日の3日間にわたって東京の「ワテラス」で開催 …

インパクトがあるドロップダウンメニューとスクロールトップボタン

福島県須賀川市にある企業「グラントマト」のホームページです。 驚いたのが、グロー …

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトが、オフィスチェアのデザインを使ったレイアウトでカッコいい!

折り紙の発想から生まれたオフィスチェア「FLIP FLAP」の特設サイトです。 …

商品の見せ方がオシャレでかっこいい!ガトーショコラ専門店「Chocolaphil」

ガトーショコラ専門店「Chocolaphil」のホームページです。 鮮やかな青い …

動きや色を使って職場の楽しそうな雰囲気を伝えている薬局屋さん

滋賀県に9店舗、京都府に3店舗を展開している「スズキ調剤薬局」のホームページです …

スマートフォン版では宿泊予約のボタンを1番大きくさせる

プレミアホテルグループの1つ「門司港ホテル」のホームページです。 画面上部のヘッ …

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

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

写真をたくさん使って会場の様子を伝えているイベントサイト

東京都千代田区にある東京国際フォーラムで開催される舞曲の祭典「ラ・フォル・ジュル …