WebGallery

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

*

キャッチコピーで見る人の心を掴む!KOSEの「feliscent」

   

KOSEの取り扱い商品「feliscent(フェリセント)」のホームページです。

キャッチコピーがとても印象的なサイトです。
「つけてるほうが、私らしい」という、パッと見ただけではなんの商品かが伝わらないようなフレーズです。
どういう商品なんだろう?という興味をもたせて、下にスクロールさせるという流れをつくっています。

そして、ファーストビューのすぐ下に大きく香水の写真を使うことで初めて「香水」の商品ということが分かります。
右側には5種類の色とりどりの香水が並んだ写真、左側には商品のコンセプトが書かれています。

さらに下には、5種類の香水がどんなシーンや気分に最適化が図で解説されています。
香水にカーソルを合わせると、ストーリー性の文章と写真が表示されます。自分に合いそうな香水を気分に合わせて探すことができるようになっていて面白いです!
クリックすると下にスクロールして、香りの詳細がパッケージイラスト・写真とともに表示される仕組みです。
香りの成分も書いてあるので、よりイメージしやすくなっています!

商品のラインナップも同時に表示される完璧な流れで、思わず購入するボタンをクリックしてしまいそうになります。
こういったページの構成はとても参考に、そして勉強になります!

 - 写真で表現, 色で表現 , ,

  関連記事

様々なグラフがアニメーションで表示される

平安時代にかまぼこが表記されてから2015年で900周年を迎えたそうです。全国か …

装飾を多用せず、文字を使って可愛らしさを表現する

東京都にある株式会社ジプソフィラのホームページです。 健康食品を取り扱う会社で、 …

家族写真を撮ってくれるスタジオのサイトが透明感があってキレイ!

東京都渋谷区にあるスタジオ「Holidays PhotoService」のホーム …

万華鏡のようにクルクル変わるタイトルが綺麗!なアートイベント

2016年7月30日から東京ミッドタウン・ホールで開催されている「FLOWERS …

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

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

テキストが最大限に排除されたトップページがカッコいい設計事務所

広島県広島市にある設計事務所「株式会社トランスデザイン」がプロデュースした新築の …

細いフォントでスマートな感じを出す

    青色を使ったサイトです。アニメーションを用いたボタン …

青と黄色のみでデザイン

  東京都にある矯正歯科医院のサイトです。スウェーデンの国旗のカラーの …

対象の商品の背景を伝えるストーリーなどがしっかり伝わるようにした「USIO DESIGN PROJECT」

「USIO DESIGN PROJECT」のホームページです。 水色を基調とした …

長野県にある温泉旅館のサイトが、スマートフォンから見るユーザーにも考慮したデザインで綺麗!

長野県下伊那郡高森町にある温泉旅館「【信州たかもり温泉】湯ヶ洞・御大の館」のホー …