10ncense
- 業種：架空 / お香
- 使用ソフト：Dreamweaver、Photoshop、Illustrator / HTML、CSS
- 制作時間：30時間
- コメント：寝る前に使用することで安眠効果がある、お香のランディングページをテーマに作成しました。お香を意味する「incense」と「燃焼時間10分」を組み合わせて、「10ncense」です。眠りが深くなることをイメージし、ページの上部から下部に行くにつれて背景色が濃くなるデザインにしました。【ファーストビュー】お香の画像部分は、煙だけが動くシネマグラフにすることで、静止画よりも目を惹くようにしました。【効果、書品説明】画像とともに、商品の効果や使用方法、おすすめの使用場面を説明しています。お皿に乗ったお香の画像の右部分が切れているので、切れていない画像のほうが良かったというところが反省点です。【商品紹介】季節限定商品をトップに、その下に定番商品を配置することで、季節限定商品がわかりやすいようにしました。【原材料、ユーザーボイス、フッター】原材料を画像とともに紹介しています。ユーザーボイスを紹介することで、購入時の参考になったり、安心感を持ってもらえるようにしています。【その他】ONLINE SHOPのボタンは、hover時にふわっと白く縁取られるようになっています。ボタンの位置を、上・中・下に配置することで、クリックしてもらえるタイミングを増やせるようにしました。
