WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

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

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

居酒屋のメニューやビールの写真を大胆に使ったレイアウトがおしゃれで綺麗!

東京都町田市・神田市・立川市に店舗を構える居酒屋「我が家」のホームページです。 …

オーガニックな印象に変わる養命酒の工場

長野県駒ヶ根市にある養命酒を製造している「駒ヶ根工場」のホームページです。 「よ …

イラストを使った可愛いサイトがいっぱい!歯科関連のwebサイト5選!

インフルエンザが流行っていますね… 私もかかってしまいましたが、インフルエンザに …

雲の上にお酒があるような幻想的なトップ

白鶴酒造株式会社のブランドサイト「超特選 白鶴 天空」のホームページです。 天空 …

テクスチャを用いてデザインを統一

  大阪にある工務店のサイトです。トップにはグローバルナビと写真のみで …

イラストを使ってテント用品の名称を分かりやすく見せたテント用品販売サイト

東京都だけでなく、宮城県や福島県・愛知県・京都府などに店舗をかまえ、テント用品を …

ボックスでまとめられた情報で、レイアウトをすっきりさせる

墨田区にある接骨院「立花接骨院」のホームページです。 すごく可愛らしいデザインの …

メニューで隠れてしまう項目を下に表示させる

三重県菰野町湯の山温泉近くにあるホテル「ホテル 湯の本」のホームページです。 左 …

日本らしい「和」の雰囲気がつまった京都の割烹料理屋さんのサイト

京都祇園エリアにある割烹料理屋「割烹日本芸料事業」のホームページです。 ファース …