![見出し画像](https://assets.st-note.com/production/uploads/images/64165739/rectangle_large_type_2_44d61a35d28511a68bdb77b7e107b8d5.png?width=800)
サイト分析(2021.10.18-10.22)
![画像1](https://assets.st-note.com/production/uploads/images/64159972/picture_pc_a246e2c00614926cb107eaadca3cbef5.png?width=800)
このサイトはアプリの開発などIT・テクノロジー系のサービスを提供している。そのため背景に物体が変化する動画を設置することでハイテク・テクノロジーなイメージを演出している。こうした複雑な動画を流すことで高い技術力を持った企業に見えると思った。
また欧文フォントには「ITC Avant Garde Gothic Pro」が使用されている。「O」の形が正円になっており、幾何学的な形状がモダンな印象を与えている。テクノロジーを提供しているこのサイトに沿った選定になっている。
![画像2](https://assets.st-note.com/production/uploads/images/64161692/picture_pc_a8d2097b29ec19605594bf9952f568a6.png?width=800)
![画像6](https://assets.st-note.com/production/uploads/images/64162008/picture_pc_a73e8e01db963aabb5a1dba0066d96d0.png?width=800)
デザインは背景の動画を生かすために色をモノトーンでまとめるなどシンプルなものになっている。その分、写真を上下にずらしたり要素を重ねるなどして単調になりすぎないようバランスを取っている。
![画像4](https://assets.st-note.com/production/uploads/images/64162423/picture_pc_b9b9c6f17e9a649836fe81fdaa684d59.png?width=800)
![画像5](https://assets.st-note.com/production/uploads/images/64162652/picture_pc_06b4ea8b47f6b8e9944ad0b851e8637c.png?width=800)
![画像6](https://assets.st-note.com/production/uploads/images/64162709/picture_pc_50fa1c29b838ad7881cea043af269e2e.png?width=800)
導入事例を見ると夏休みのイベントなど全て子供向けのものだった。 →手書きの文字や写真の画角を台形にすることで、BtoBサイトとしての固さを保ちつつも、子供向けのサービスがメインのこのサイトに合わせて少しカジュアルにしている。
私たちについての図が連動してない
![画像7](https://assets.st-note.com/production/uploads/images/64163513/picture_pc_7bd176314a35f504a6594dccfef565e5.png?width=800)
![画像8](https://assets.st-note.com/production/uploads/images/64163853/picture_pc_b511e51951e72fa1848f8a718e79d89c.png?width=800)
サービスサイトだが、ヘッダーにメニューを出さず格納させているのが珍しいなと感じた。フッターの上も導線ではなくpage topボタンがあるだけなので回遊性が低くなってしまうのでは?と思った。ただ、問い合わせや資料請求は右下に固定で設置されていたり、トップページでは大きいフォントサイズで書かれているのでCTAは目立たせているのでこれはこれで良いのか...と思った。
![画像9](https://assets.st-note.com/production/uploads/images/64164445/picture_pc_5390cf924c2b0a753da97cd9b5a38f62.png?width=800)
全体的に図が分かりづらいと感じた。左の円グラフを具体的に説明したものが右かと思ったがそれぞれ違う内容だったため横並びではなく縦積みの方がいい気がした。
![画像10](https://assets.st-note.com/production/uploads/images/64164744/picture_pc_63654cfa41b38b3678af39de7db8baf5.png?width=800)
下のトータルサポートだけで内容が伝わるため、上の黒い部分をなくすか図を1つにまとめた方が分かりやすそうだなと思った。
気になったサイト
![画像11](https://assets.st-note.com/production/uploads/images/64165341/picture_pc_e66288dfc7f07cede86d2b643290cb73.png?width=800)
矢印をジグザグにするというのがありそうでなかったし、特徴的なフォントの形状を踏襲しながらゲームっぽさも感じるのがすごいと思った。
記憶とカードゲームを掛け合わせてそのサイトの顔にするアイデアがそのサイトにしかできない表現で素敵だなと思った。
気になった記事
気になったアーティストの商品ページにそのまま飛べるため売り上げが上がりそうだなと思った。
この記事が気に入ったらサポートをしてみませんか?