![見出し画像](https://assets.st-note.com/production/uploads/images/66161773/rectangle_large_type_2_78a24d187c3b0e71ea64dcee233579c6.png?width=800)
サイト分析(2021.11.15-11.19)
![画像3](https://assets.st-note.com/production/uploads/images/66158138/picture_pc_0e472d2dd32086c7bdfabfcf576beda7.png?width=800)
理念の部分などに「創造がコミュニケーション戦略の中心となるはずだと信じている」「単なる広告代理店ではなく、グローバルなソリューションを考え出し〜」「情熱」などとあることからFVではコピーを大きく配置することで、ただ綺麗な絵作りをする会社ではなくクリエイティブに対して情熱のある会社だと見せたかったのではないか。
![画像7](https://assets.st-note.com/production/uploads/images/66159806/picture_pc_8443b0226c5cc3284d57f39fd53fa765.png?width=800)
フォントはシャープなセリフ体の「Iskry」とサンセリフ体「NeueMontrea」を使用している。見出しの中には2つを混ぜて使用しているものもある。セリフ体だけだと高級感など少し硬めな印象になってしまうため、混ぜることでモダンでオシャレな印象にしているのではないか。
![画像4](https://assets.st-note.com/production/uploads/images/66158251/picture_pc_76dbb6b8897ef520597da839791edff5.png?width=800)
![画像5](https://assets.st-note.com/production/uploads/images/66158337/picture_pc_001a537bfd8dedebaca87713ce7414d7.png?width=800)
![画像6](https://assets.st-note.com/production/uploads/images/66158738/picture_pc_33997fec537fa2982a772c704e662e65.png?width=800)
背景ははっきり区切られているわけではなく、FVにある円が大きく広がることで切り替えている。またフッターには次のページへの導線が設置されているなどシームレスなサイトだと感じた。円の広がりはFVのコピーと連動して「想像力」の広がりを表現しているのではないか。
このサイトは色々な箇所にギミックが仕組まれているが、これは「創造」を大事にしている会社であることを感覚的に伝えたいのと、この会社なら面白いものを作ってくれそうと感じさせたいからだと思った。
そうしたギミックを引き立たせるためにデザイン自体はシンプルなものにしている。
![画像8](https://assets.st-note.com/production/uploads/images/66160636/picture_pc_472bec013a36fa438f3001b21410d6bb.png?width=800)
![画像9](https://assets.st-note.com/production/uploads/images/66160652/picture_pc_b3bd02b9d9ee454dac1e0b987a6bf069.png?width=800)
![画像10](https://assets.st-note.com/production/uploads/images/66160668/picture_pc_2ceab3c67dc89ad7a48fb01f5e7a353f.png?width=800)
左下のスクロールのマークはフッターまでスクロールすると画面下に落ちる。
![画像11](https://assets.st-note.com/production/uploads/images/66161117/picture_pc_1a77623e795b5b5a3de3565e2763bd8e.png?width=800)
ホバーすると背景に3Dが表示される。
![画像12](https://assets.st-note.com/production/uploads/images/66161164/picture_pc_bfe147a9ce587d75081f811757973ab4.png?width=800)
社員の顔がアバターになっている。
![画像13](https://assets.st-note.com/production/uploads/images/66161220/picture_pc_22578ad591aadb8a570663fb214a4472.png?width=800)
実績の画像をホバーした際にmoreなどではなく「Discover」(=発見)と表示されるのも遊び心の一つか...?
気になったサイト
![画像1](https://assets.st-note.com/production/uploads/images/66156402/picture_pc_4e09db3c74ca49d641d9afe08be92e14.png?width=800)
見た目のかっこよさはもちろん、実績の詳細ページは2カラムになっていてシェアしやすい仕組みになっているなど使いやすいサイトだなと思った。
気になったサイト
![画像2](https://assets.st-note.com/production/uploads/images/66156524/picture_pc_f9b95f43d67619ec3c12a18aba13b5d1.png?width=800)
診療メニューが悩みから選べるようになっているのとイラストがセットなため直感的にわかりやすいと思った。
気になった記事
「Halide Mark ll」というカメラアプリでは、実際のフィルムカメラに使われていたタイプフェイスに基づいてフォントをデザインしていて、ユーザー体験に合うように考えられているのだなと思った。
この記事が気に入ったらサポートをしてみませんか?