![見出し画像](https://assets.st-note.com/production/uploads/images/65664399/rectangle_large_type_2_0298c61519696056222eb28048a7f40f.png?width=800)
サイト分析(2021.11.08-11.14)
![画像2](https://assets.st-note.com/production/uploads/images/65663004/picture_pc_b2799f8da9acaa6b63ae2165fd2ce765.png?width=800)
フォントの販売サイト。サイトはモノトーンでまとめられているがこれはフォントの形などが見やすいようにコントラストの高い色にしている。またトップでは短時間で多くのフォントが見れるように4カラムで配置されており、マウスホバーで実際に使用した文章が見れるようになっている。
![画像6](https://assets.st-note.com/production/uploads/images/65664398/picture_pc_1c289e3fe5c2888208a1cee72d3f5a98.png?width=800)
![画像4](https://assets.st-note.com/production/uploads/images/65663536/picture_pc_1ebd33468981633cc097eadc53f5716e.png?width=800)
各フォントの下層ページのFVはそれぞれ写真が異なるがこれは文字だけにしか違いがないと似たような形のフォントを連続して見た時などに混乱するためそうしたことが起こらないよう配慮したのではないか。
![画像5](https://assets.st-note.com/production/uploads/images/65663559/picture_pc_c3f5f27fb9d98e3ef24435f0c52a6c9d.png?width=800)
右下の目のマークにマウスを重ねると実際にフォントを使用した作品が表示される。ただテキストを打っただけのものだけではなく違った見せ方もすることでよりそのフォントを使用した際のイメージが持てていいなと思った。
サイト内には視差が用いられているがこれは、リッチな動きを取り入れることでおしゃれでトレンド感のあるフォントのように感じさせたいのではないか。
![画像6](https://assets.st-note.com/production/uploads/images/65664109/picture_pc_23b18e314fa0e3ed6f3647a2ea3acf0b.png?width=800)
メニューを開くとコンテンツとFAQなどで2つにエリアが分かれているが背景を2枚重ねて「©2021」を見切れさせるデザインは斬新だけどかっこいいなと思った。
気になったサイト
UIの使いやすさだけでなく、若い世代の疑問を払拭するコンテンツや各サービスのラベルを「ためる」「かりる」などわかりやすい言い回しにしており使う人のことをよく考えて作られたサイトだなと感じた。
![画像1](https://assets.st-note.com/production/uploads/images/65662296/picture_pc_08b3dfd9de83e7ac6fbd0799519f7321.png?width=800)
コーポレートサイトもカラフルな色が印象に残るサイトだが、採用サイトでも一番最初に好きな色を選択すると、FVの背景に反映されるなど上手く色を生かしている。
気になった記事
プログラムを以前のファイルの状態に戻したい時や以前のファイル内容を見たい時に便利なのがバージョン管理システムで、その管理を行えるのがGitだということがわかった。
この記事が気に入ったらサポートをしてみませんか?