![見出し画像](https://assets.st-note.com/production/uploads/images/77752427/rectangle_large_type_2_ac3a5e7c9de3009f036748fcd2ce1298.png?width=1200)
HARUサイト分析
こんにちは、HARUです。最近分析できてなっかたのでまた少しずつやっていきたいと思います。今日エンジェルスはまさかの13失点でボロ負け。投手補強したのにどうなってんるだあああああああ
今日はESTYLE,inc. さんのコンパニーサイトを分析していきます。
![](https://assets.st-note.com/img/1649501493909-V7sdLjP6hY.png?width=1200)
AIエンジニア、過去・市場データ分析、因子での因果関係の分析などのサービスを展開している企業のコーポレートサイトで背景のグラフィック映像は因子の構成要素やデータ分析などを連想させるものを使用、より企業のサービスで何をしているかを分かりやすく印象付けている。
色彩は緑、茶色、薄緑。背景に砂嵐ノイズを入れ、色彩と混ざりモダンかつ奥深い雰囲気になっている。
色彩変化する背景、砂嵐ノイズ、グラフィック映像を被して使用がとても印象深い。
![](https://assets.st-note.com/img/1649502991272-HwsCPjBMH7.png?width=1200)
![](https://assets.st-note.com/img/1649503027895-FdhUtCYNIm.png?width=1200)
「デートを駆使して、、、」の言葉を強調したいので、TOPからスクロールするときに少しだけ遅らせる。そうすることによってサブのテキストの題にもなる。
説明のテキストは三つの区分に分けて長いテキストになって読みたくならないように工夫して読みやすいようになっているように思う。短くし、段落を開け、テキストをズラしているのでそれぞれの内容が入ってきやすい。
テキストはタイピングのように現れるように演出。
![](https://assets.st-note.com/img/1649503155573-oAK6wzE7Zd.png?width=1200)
![](https://assets.st-note.com/img/1649503518568-qbTYRTy6xB.png?width=1200)
![](https://assets.st-note.com/img/1649503198598-5cy0pRZMWR.png?width=1200)
we makeのセクションではセクション内のレイアウトは変えていないが、まとめた塊自体の配置をそれそれのセクションで分けている。
個人メモ(セクションごとに分けるときにただの線だけではなく、途切れ線や二重線で区分することも良いかも)
![](https://assets.st-note.com/img/1649503237585-kLYahd1h0m.png?width=1200)
フォント(英語): 'ClashDisplay-Medium'
フォント(日本語): dnp-shuei-gothic-kin-std, Helvetica, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, BIZ UDPGothic, Meiryo, sans-serif
気になったサイト
この記事が気に入ったらサポートをしてみませんか?