モバイルファーストサイト100選 その10 らんま1/2|フェリシモ
ECサイトの販促サイトです。
『らんま1/2』のキャラグッズを紹介しています。
https://www.felissimo.co.jp/ranma/ranma_cha.html
サイトのボタンや枠線など、
アニメの世界観が充分に出されたものになっていますね。
![らんま1/2](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/2e52d1f1-f65c-48fa-849b-f74f3f66ad3d-1024x531.jpg)
色
使われている配色はこちら
![らんま1/2配色](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-24-111505.jpg)
色数はかなり多いですが、
セクションごとに、
商品に合わせた色合いになっているからですね。
背景と文字との配色の参考になると思います。
フォント
見出しには Shippori Mincho
本文には Yu Gothic Pr6N B
が使われています。
画像による文字が少々多いので、
ちょっと種類が多いように感じます。
実際はシンプルなんですね。
構成
メインは真ん中で、背景には特に要素はありません。
ヘッダーとフッターだけ、
pc時にはフルサイズで
sp時は画面に収まるようになっています。
確かにこうするだけで、pc時も見やすいように思えますね。
![sp1](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/sp1-1-82x1024.jpg)
![sp2](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/f47096b5-3fb9-410e-b2a7-7b1b3ae00b99-scaled-e1703390128929-1.jpg)
![sp3](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/f47096b5-3fb9-410e-b2a7-7b1b3ae00b99-1-scaled-e1703390155814-2.jpg)
サイトのリンクは全て外部のECサイトに飛ぶようになっています。
ページ内リンクもトップを表示したときに右上にあるのですが、
どういう訳かこれ、スクロールに追従しないんですね。
なんでだろ?
これを開いたときの、開き方と閉じ方が
カッコよくて好きです。
凝ってるな、と感じました。
![アニメ](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/dex-ezekiel-IxDPZ-AHfoI-unsplash-1024x683.jpg)