サイト分析(2021.12.13-12.19)
![画像2](https://assets.st-note.com/production/uploads/images/68114107/picture_pc_1e1757cff28ffdcc4d371ad88fca3619.png?width=800)
メインのニュースとサブの情報を左右で分けているパターン。左右で分割して情報に優先度をつけるのはなるほどと思った。
![画像4](https://assets.st-note.com/production/uploads/images/68114469/picture_pc_3f6b8f6db40bfc9536116aa69d4b1bb2.png?width=800)
大体メガメニューは開いた時に背景がつくがこれは文字だけのパターン。意外と文字だけでも見やすいなと感じた。ただ背景の写真など後ろにあるものによって使い所が限られそうではある。
![画像5](https://assets.st-note.com/production/uploads/images/68177882/picture_pc_3e7743e04c2e60776a139040d45e9b3f.png?width=800)
第2階層をタップするとアコーディオンで3階層目が表示される。個人的には画面が切り替わるよりそのまま下に表示された方が使いやすいなと感じた。また病院のサイトのため一番上にはアクセスへの導線が設置されている。
![画像6](https://assets.st-note.com/production/uploads/images/68178114/picture_pc_ba579dcf15ff351bcc78248970ec5d25.png?width=800)
第2階層をタップすると画面が切り替わるが、「一覧に戻る」の文字があるだけでどうやって戻るかすぐわかるため使いやすいなと感じた。
![画像7](https://assets.st-note.com/production/uploads/images/68178298/picture_pc_42597e8d6e8d91c5ad90a94460f8d400.png?width=800)
商品の特設サイトだとメニューの中におすすめの商品が設置されており、購入への導線が敷かれている。
![画像8](https://assets.st-note.com/production/uploads/images/68178858/picture_pc_3c2a6a473dbcc033ff74e01f700e23cd.png?width=800)
現在閲覧しているページには丸がついているため自分がどこを見ているか一目でわかっていいなと思った。
![画像7](https://assets.st-note.com/production/uploads/images/68179028/picture_pc_7c10e5be63cbd29e4e06f733143ac8d6.png)
BtoBのサイトだと一番上に資料請求の導線を設置しているのとお問合わせだけ色を変えることで目立たせてCVを上げる試みをしている。
![KODO NISHIMURA Official Site - 西村宏堂 オフィシャルホームページ](https://assets.st-note.com/production/uploads/images/68179116/picture_pc_238734a428e8373b21bc4eb0ada683ae.png?width=800)
基本文字は縦積みしか考えられなかったが、文字の長さが短かったり項目の数が少なければ横並びでも成立するのだなと思った。
![TURING株式会社 - We overtake TESLA](https://assets.st-note.com/production/uploads/images/68179172/picture_pc_f86c3776e1927e27e7d266813f4f970b.png?width=800)
メニューを開くと全画面で表示されるものが多く、あまり見ないデザインだったのでメモ。必要最低限のエリアだけにするとスマートに見えるなと感じた。
![画像10](https://assets.st-note.com/production/uploads/images/68179360/picture_pc_4e145ed82930216154bad13ceaa4cecf.png?width=800)
サイトの各コンテンツを左に、関連会社の情報を右に配置しており、右はドラックで移動できるようになっている。複雑に見えるが左右で見せ方が全然違うためすごく使いやすいと思った。
![画像11](https://assets.st-note.com/production/uploads/images/68179447/picture_pc_b2f27328ff3a77a14d03633be5d545ff.png?width=800)
メニューの中に最新のニュースを入れている。SPだと画面が小さくて入れられる要素が限られてくるためメニューの中に入れるのはいいなと思った。
気になったサイト
文字だけでサイトの顔を作ることができるんだなと思った。サイトは文字が敷き詰められているが模様としての文字とクリックできる箇所がちゃんとわかるようになっていて使いやすいと思った。
横スクロールがこんなに滑らかなサイトは初めて見た。縦書きで横スクロールだからなのか小説を読んでいるような印象を受けた。
気になった記事
ハッキングされた時は既存のデータを完全に復旧させるのは難しいため新規にwordpressをダウンロードした方がいいことがわかった。
この記事が気に入ったらサポートをしてみませんか?