モバイルファーストサイト100選 その22 STAFF SNAP vol.1 Oct,2023 | [公式]ローリーズファーム
ローリーズファームで働くスタッフが主役の連載企画がスタート! 新作を使ったセルフコーデにリアルバイ予定のアイテム、彼女たちの素顔&魅力が詰まったプロフィールページなど、盛りだくさんでお届けします。vol.1はみんなのニットスタイルにクローズアップ♡
ファッションブランド、ローリーズファームの企画サイトです。
https://www.dot-st.com/lowrysfarm/cp/feature_Item_snap1
スタッフの紹介等、インスタグラムがかなり使わています。
拝見しましたが、フォロワーが10万人を超えている方もいて、
すごいなぁと思いました。
川口春奈のドラマそのままですね(笑)
![ローリーズファーム](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/be8266c5-7be7-4642-a806-17205c4d00ba-1024x526.png)
構成
オープニングアニメからファーストビューは、
デバイスによって可変になっています。
これだけでPC時の印象がかなり変わりますね。
パソコンで見たときに最初からモバイル幅だと
ちょっと違和感を感じるとは思っていたのですが、
これならだいぶ馴染むと思います。
![ローリーズファーム](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/2d464f9c-627c-470c-b496-04117265853e-1024x526.png)
メインは中央に置いた3カラムの形です。
左右の写真はリンクになっていて、ナビの役目をしています。
これは1100px付近で消えますが、
新たにページ内リンクが出ることは無いようです。
![モーダル](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/47524d79-36d8-4047-bcf7-8dc4a43a9f4c-1024x526.png)
各セクションのプロフィールをクリックすると
モーダルウィンドウで、開き、さらにそこから
ユーチューブの動画が開くようになっています。
情報の内容によっては、このように重ねて表示するのは
良い方法だと思いました。
配色
このページのカラーはこちら
![配色](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/スクリーンショット-2024-01-18-111646.png)
セクションごとに、異なる2色が使われています。
これは写真に合わせたものと思われます。
![sp1](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp1-2-193x1024.png)
![sp2](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp2-2-210x1024.png)
![](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/sp3-3-141x1024.png)
フォント
本文で使われているのは Zen Kaku Gothic New
英数字に InterFace
見出しの英数字に TT Travels Next
が使われています。
TT Travels Nextは初めて見ましたが
お洒落ですね。派手過ぎず、見出しに使うには
良い文字だなと思いました
まとめ
やはりファッション系のサイトはお洒落ですね。
細かなあしらいが多く、いちいち洒落ています(笑)
また、SNSが多く使われていて、
そういう時代なんだなと改めて感じました。
仕事でSNSをやらなくちゃいけないのは
苦手な人もいるだろうから
大変だな~なんて思いましたね。
![ファッション](https://fifties-blog.genzaburow.com/wp-content/uploads/2024/01/priscilla-du-preez-dlxLGIy-2VU-unsplash-1024x683.jpg)