モバイルファーストサイト100選 その3 LOUER(ロアー)公式サイト
https://www.louer.jp/
ももち(牛江桃子)プロデュースカラコン LOUER(ロアー)の公式サイト
職業訓練校時代に授業の中で作ったサイトの
おそらく元ネタであろうサイトです。
授業で作ったのはこんなの
なんといっても特徴は、
あの文字がぐるぐる回るやつ(笑)
位置がそっくりですね。
これについて、後ほど再現してみます。
さて、サイトの構成は右側にメインを置き、
背景にはナビは置かずに、簡単な説明が入っています。
色は背景に #EBE4D7
メインには
#FAF5EA
#D69C8D
#B98B72
#D2B9A8
#D0A061
#DAA19E
など。
淡い感じのベージュに寄せた色合いで、
女性うけがよさそうな感じです。
落ち着いた感じがしますね。
全体的に余白が多く、ごちゃごちゃしてないところが良いと思います。
これぐらいシンプルなほうが、スマホでは見やすいかな?
そして、背景にQRコードが貼ってあります。
個人的に、このQRコードが意外と重要だと思っています。
というのは、パソコンのサイトをスマホで読み込むっていう操作を、
予想外に多く経験しているからです。
例えばパソコンで
一回見たサイトをもう一回見たいなと思ったときに、
必ずしもパソコンの前に居るとは限らないわけで、
「電車の中で見よ」とか言って、
スマホのほうに保存しておくんですね。
わざわざパソコンからクラウドに保存するのも面倒な訳で、
さくっとスマホに取っておきたい、
と思う場面は多かったですね。
そういう意味で、このPCサイトに
スマホ用のQRコードを載せるのは有りだと思います。
購入機会を増やすためには、
スマホで見れたほうが良いですからね。
あと、やっぱりスマホ用に作られていますから、
スマホのほうが見やすいっていう理由もあるでしょうし。
シンプルなサイトですが、
いろいろと勉強になる点が多いなと思いました。
さすが学校の授業で参考にされるほどのことはありますね。