WebGallery

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

*

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

   

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

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

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

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

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

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

  関連記事

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

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

ものづくりの現場で戦う女性職人がカッコいい!特設サイト「ものの婦」

「ものの婦 – 山形には、ものづくりの現場で戦う女性職人がいる。」の …

商品の紹介を最小限に抑え、写真を大きく見せることでスマートフォンからでも見やすくする

コーヒー機器製造メーカー「Kalita」のホームページです。 上部に固定されてい …

目に優しい色合いと文字の大きさで、見る人の目の負担を軽減させた眼科のサイトデザイン

神奈川県藤沢市にある眼科「長後えんどう眼科」のホームページです。 オレンジと緑を …

デザインの参考にしたい!スプリットスクリーンを使った旅館のサイト3選!

「分割式スクリーンレイアウト」や「分割式レイアウト」とも呼ばれるスプリットスクリ …

文章量が多くても、楽しみながら見ることができる不動産屋さん

愛知県名古屋市にある不動産会社「名古屋のあおいろ不動産」のホームページです。 「 …

2020年新卒採用サイトのトレンドをチェック!おしゃれなデザインをまとめてみました!

年始早々インフルエンザにかかってしまいました…皆様もお気をつけて… 久しぶりに高 …

白と黒のコントラストが綺麗なレストラン

大阪堺市にあるフレンチレストラン「h」のホームページです。 ヘッダーの中央に配置 …

観葉植物の写真を効果的に多用し、洗練された上品なデザインのグリーンレンタル屋さんがオシャレ!

観葉植物の販売・グリーンレンタルリースを行っている「株式会社 野沢園」のホームペ …

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …