見出し画像

【1日1サイトレビュー】#29 魔法部 フェリシモ

■魔法部 フェリシモ https://www.felissimo.co.jp/mahoubu/

通販サイトフェリシモの魔法をコンセプトにした女性向けアイテムの紹介ページ。

・サイト全体が手書きのイラストで構成されている。魔法部タイトルロゴも作字?のような雰囲気。大きな月を背景に魔女の女の子が飛んでいるファーストビューが印象的。背景の風に舞っているオブジェクトが躍動感がある。

・メニューはなく1Pのスクロールで商品紹介をしている。お城やフクロウ、猫、ユニコーン、砂時計などファンシーなモチーフが集まっていて20代前後をターゲットにしている感じ。

・商品紹介のセクションに入るとポインターが鍵のイラストに変わる。鍵を鍵穴に差し込むと商品紹介のページがモーダルウインドウで表示される。

・ページ下部に進むと具体的な買い物方法やコラム、SNSへのリンクが。何よりも先に世界観と商品のアピールポイントを伝える構成になっていることがわかる。

・最下部で魔女の女の子をクリックすると宙に浮きあがるような動きでページトップへ戻る。世界観が出来上がっている点とこの効果が面白いと思ったが、イラストの切り抜きが甘いのかよく見ると魔女のイラストの端に地の色が見えるところが気になった。

・フォント: Meiryo

・カラー:背景ピンク#FFCFE9、紫#8C7DC6、水色#9ECFED、ピンク#F894BC 、白#FFFFFF、アクセントピンク#E963A2 (全てグラデーションやムラ有り)

いただいたサポートは自己学習のために活用させていただきます!