モバイルファーストサイト100選　その３　LOUER（ロアー）公式サイト

https://www.louer.jp/
ももち（牛江桃子）プロデュースカラコン LOUER（ロアー）の公式サイト

職業訓練校時代に授業の中で作ったサイトの
おそらく元ネタであろうサイトです。

授業で作ったのはこんなの

なんといっても特徴は、
あの文字がぐるぐる回るやつ(笑)

位置がそっくりですね。
これについて、後ほど再現してみます。

さて、サイトの構成は右側にメインを置き、
背景にはナビは置かずに、簡単な説明が入っています。

色は背景に　#EBE4D7
メインには　

#FAF5EA
#D69C8D
#B98B72
#D2B9A8
#D0A061
#DAA19E

など。

淡い感じのベージュに寄せた色合いで、
女性うけがよさそうな感じです。
落ち着いた感じがしますね。

全体的に余白が多く、ごちゃごちゃしてないところが良いと思います。
これぐらいシンプルなほうが、スマホでは見やすいかな？

そして、背景にQRコードが貼ってあります。

個人的に、このQRコードが意外と重要だと思っています。
というのは、パソコンのサイトをスマホで読み込むっていう操作を、
予想外に多く経験しているからです。

例えばパソコンで
一回見たサイトをもう一回見たいなと思ったときに、
必ずしもパソコンの前に居るとは限らないわけで、
「電車の中で見よ」とか言って、
スマホのほうに保存しておくんですね。

わざわざパソコンからクラウドに保存するのも面倒な訳で、
さくっとスマホに取っておきたい、
と思う場面は多かったですね。

そういう意味で、このPCサイトに
スマホ用のQRコードを載せるのは有りだと思います。

購入機会を増やすためには、
スマホで見れたほうが良いですからね。

あと、やっぱりスマホ用に作られていますから、
スマホのほうが見やすいっていう理由もあるでしょうし。