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