![見出し画像](https://assets.st-note.com/production/uploads/images/71343208/rectangle_large_type_2_a73a09477bdfca29a3bcc90a803d6c6d.png?width=1200)
デザイン分析#009 | AMANO パーキング事業サイト
■選んだ理由
BtoBサイトデザインの勉強のため
■書体
見出し:DINNextLTPro-Bold - 600 35px
平文:DINNextLTPro--Regular - 300 16px
■配色
青系の配色でまとめられている
誠実で信頼感を与える、BtoBらしい配色
■デザイン
![](https://assets.st-note.com/img/1643847044902-ajv9TdSwVi.png?width=1200)
左に写真スライド、右にメニューが設置されている
各メニューの内容がスライドで表示され、ページリンクしている
スライド画像は写真やイラスト様々で飽きない
![](https://assets.st-note.com/img/1643848405267-VbAT0Nqdux.png?width=1200)
イラスト素材が多く使用されている
ゆるい手書き風のタッチが特徴的で、親しみやすい印象
イラストが配置されていることで、サイトが固いデザインになりすぎず
事業導入のハードルも優しそうに見せることができるのではないかと思った
![](https://assets.st-note.com/img/1643847499211-nYlsXfcYmV.png?width=1200)
プルダウン式になっている
余白にゆとりがあるレイアウトで、INDEX項目が多くてもごちゃごちゃせずわかりやすい。文字のみの構成ではなく、イラストがワンポイントになっている。
![](https://assets.st-note.com/img/1643847670968-wJRBBV4lbl.png?width=1200)
さらにINDEXのみのページも
![](https://assets.st-note.com/img/1643847882219-x23ACz3Aa9.png?width=1200)
下層ページは2カラムの定型フォーマットでレイアウトされている
下層ページ数が多くても、フォーマットがあることでデザイン展開も進めやすくなりそう…
フォーマットは同じでも、図が多くレイアウトが単調にならない
![](https://assets.st-note.com/img/1643848619702-igjxJf44QK.png?width=1200)
![](https://assets.st-note.com/img/1643848173473-ptCcmNw13P.png?width=1200)
CTAの項目は、優先順位がつけられている
一番手軽に行動を起こしやすい「かんたん診断」を目立つように配置している
この記事が気に入ったらサポートをしてみませんか?