![見出し画像](https://assets.st-note.com/production/uploads/images/63715658/rectangle_large_type_2_0296cd1784884354c8621d47e61333f4.png?width=800)
サイト分析(2021.10.11-10.15)
![画像1](https://assets.st-note.com/production/uploads/images/63625524/picture_pc_5f036eda7a5324616d191e60516883ca.png?width=800)
![画像2](https://assets.st-note.com/production/uploads/images/63625533/picture_pc_69c53ea345337391654cc26cd7d799aa.png?width=800)
KVはコピーなどはなくイラストのみ。クリックで動画が再生される。FV直下の「ここは、僕らのヒミツ基地」を表現したイラストになっているが動画が流れる時にモーダルなどで開かずそのまま流れることでよりコンセプト部分との繋がりが自然でより内容が伝わってくるなと思った。
![画像3](https://assets.st-note.com/production/uploads/images/63625747/picture_pc_cdbaffed15f29e6cd62f0eb7ae088159.png?width=800)
KVで使用していたイラストの線画を背景に敷くことで、制作の様子を表わしている。画像の周りの赤枠や袋文字の装飾も線画に合わせたものになっており、アナログっぽさを感じる。→アナログ=手作り感を感じさせることで多くの人や工程を経てゲームが作られていることを伝えたい。
![画像5](https://assets.st-note.com/production/uploads/images/63626177/picture_pc_cb190e2ee729d3a8db1a3ef4cf86653a.png?width=800)
![画像4](https://assets.st-note.com/production/uploads/images/63626123/picture_pc_678df0f638f755e1ebff1e0aedeb1fb1.png?width=800)
「世界をカラフルに輝かせよう」というコピー→ゲーム事業部の象徴であるロゴが外に広がる動き→採用情報の導線に繋がるという流れがアカツキからゲームが作られていく様子が感じられてワクワクする見せ方でいいなと思った。
また、背景にKVの動画をもう一度持ってきて採用情報のコピーを添えることで、FVとは見え方が変わってくるところもストーリーの作り方が上手いなと思った。
コンセプトを伝えることを主軸にしたサイト設計なことから求職者からの応募やファンになってもらうことが目的のサイトだと思われる。
![画像6](https://assets.st-note.com/production/uploads/images/63626451/picture_pc_ba7c8fefe986e14c5999e13a5d2d8603.png?width=800)
![画像7](https://assets.st-note.com/production/uploads/images/63626477/picture_pc_3149752cef8bf37ea73ae6c3f2bdb941.png?width=800)
![画像8](https://assets.st-note.com/production/uploads/images/63626481/picture_pc_e9a8d895c287e697ee2947a28081ebe9.png?width=800)
メニューは左に設置し格納している。またロゴも小さめに設置している。トップページの動画を軸にしたストーリーの展開や見出しのジャンプ率が高いことから閲覧の邪魔にならないように画面上部ではなく左に設置したのではないか。
ロゴのサイズは小さいが、ロゴのマーク自体は各コンテンツで使用されており、十分印象付けられているため小さくても成立しているなと感じた。
![画像9](https://assets.st-note.com/production/uploads/images/63626582/picture_pc_bf2cdf9b1449f7c909fd4598030c3576.png?width=800)
インタビューのページは写真、見出し、本文の頭の位置が異なり凸凹して見えそうだが、本文の横のマークがあることでそうした印象を感じさせないのとそのサイトらしさを出しているのがすごいと思った。
気になったサイト
![画像10](https://assets.st-note.com/production/uploads/images/63626802/picture_pc_355960c4e414579682427220593e13e6.png?width=800)
メニューの形が正方形になっているのが元素記号の表みたいで面白い見せ方だなと思った。
![画像11](https://assets.st-note.com/production/uploads/images/63626900/picture_pc_cbc9474d60348564b38923dcedfdda5a.png?width=800)
FVの画像が小さめで余白が気になりそうなのに、フォントのサイズ感や曲線のモチーフがきいているのかそこまで気にならないのが不思議だと思った。
気になった記事
ノーコードでアプリを作成できるPower Appsというものがあることを初めて知った。また一日でアプリを作れるほど手軽にできるものなのかと気になった。
この記事が気に入ったらサポートをしてみませんか?