WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

アニメーションをたくさん使ったヨットハーバーのサイトが面白い!

兵庫県西宮市にあるヨットハーバー「Shin Nishinomiya Yacht …

写真を用いて地元の魅力を最大限に出す

新潟県長岡市の「川口」を観光地として川口観光協会が紹介している「えちご川口」のホ …

情報の内容ごとに、デザインを変えてそれぞれの印象を持たせる

JR西日本の「あしたセレンディピティ」の特設サイトです。 女性らしく可愛らしいデ …

豊富な情報量をすっきりまとめた給食委託会社のサイトがオシャレで参考になる!

東京都千代田区大手町に本社をかまえる給食委託会社「株式会社LEOC」のホームペー …

水色と白の配色がとても綺麗で爽やかな印象の「海ほたる」

東京湾アクアライン上にあるパーキングエリア「海ほたるパーキングエリア」のホームペ …

ケーキの魅力が伝わりやすいように白黒で配色されたサイトがシンプルでおしゃれ!

日本の四季を感じる、旬の国産フレッシュフルーツをふんだんに使用したアート感覚あふ …

ページの1番上にも、アクセスページに移動できるボタンを配置する

福井県越前町の観光情報を紹介する「えちぜん観光ナビ」のホームページです。 画面に …

トップページにメニューを載せ、カラフルな構成に

  「朝食フェス2015」の特設サイトです。メニューをブロック化して掲 …

軽井沢にあるリゾートホテルのサイトが使いやすくて便利!

群馬県吾妻郡長野原町にあるリゾートホテル「プレジデントリゾート軽井沢」のホームペ …

「木」のイメージを大切にした注文住宅建築

愛知県津島市にある輸入住宅・注文住宅を建築している「STYLE COMPANY」 …