モバイルファーストサイト100選 その6 Beams mini
ビームスの子供服、2022年夏用のプロモーションです。
子供服らしく、かわいらしい感じのするサイトです。
ファッション系のサイトですと、
デザインの凝ったオシャレなものが多いのですが、
このサイトはカッコ良さよりも、
親しみやすさを出しているように思います。
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/5e13d668-ad7d-4bde-a947-f54bff45578e-1024x542.jpg)
色
サイトで使われている色は以下の通り
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/スクリーンショット-2023-12-20-204103.jpg)
真ん中の黄色と緑がメインカラーですね。
とてもPOPな印象を受けました。
柔らかいのに元気な感じもする配色だと思います。
文字
メインに dnp-shuei-mgothic-std, sans-serif;
数字、英字に diazo-mvb-ex-cond, sans-serif;
値札のところに embosst_subset, sans-serif;
が使われています。
丸みを帯びた文字ですが、
そこまでPOP過ぎずに落ち着いた感じはしますね。
手書きの文字は画像で作っています。
構成
コンテンツは右側で、左にナビ。
これはSP時は非表示です。
SP時のナビはありませんので、
LPのような構成ですね。
商品ページなどは無く、
詳細は別サイトへ飛ばしています。
商品紹介よりも、コーディネートの提案を
目的としていると思われます。
なので、アイテムは多くてもすっきりとして
シンプルさも感じます。
情報量が多くないのは見やすくて良いですね。
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/12/c459c430-3559-44ce-9909-0108aa9bac6a-1-scaled-e1703081594771-90x1024.jpg)
デザインは子供向けではなく、子供を持つ親向けのデザインだと思いますので、
例えば、小児科の診療所とか歯医者などにも
参考になるデザインではないでしょうか。
スマホのサイトではよくありそうなペルソナ設定ですね。
参考にします。
![パソコン](https://fifties-blog.genzaburow.com/wp-content/uploads/2023/08/james-harrison-vpOeXr5wmR4-unsplash-1-1024x576.jpg)