みなとみらい総合法律事務所 #1日1サイトレビュー

みなとみらい総合法律事務所

2019/11/3/日　vol.008

・誠実で、信頼できそうなイメージのWebサイト
・堅苦しくなく、頼りになりそうな人間味を感じる。余白を広く使って、明るい写真を大きく使って、テキストが詰まりすぎていない（文字間（letter-spacing）を1.4pxとっている）から。

・写真を青系の色味の写真に揃えているので、全体に統一感がある
・角丸ではなく四角形で、きっちりとしたイメージ
・ボタンが細い線と矢印でできていてスマートさがある
・下スクロールでスムーズにコンテンツが出てくるのでストレスがない

・ヘッダーの左右が端まで伸びていないので、メインビジュアルに広がりと開放感がある。窮屈な感じがしない。

・ページの読み込みの時に、読み込み専用ページを挟むので、「遷移で固まっているのでは？」という心配をしなくて済む

### フォント
・見出しは明朝体のNoto Serif JP（30px）
・副見出しはゴシック体のNoto Sans JP（16px）
・見出しというカテゴリーの中で、フォントファミリーを揃えている
・本文のフォントはメイリオ（14px／ラインハイトは1.8em）
・フォントカラーは#000000でくっきりと読みやすい

### カラー
・メインの配色は、青とエメラルドグリーン

### ファーストビュー
・ページにランディングした時、まずは白背景にメインのキャッチコピーだけが表示されるので、ユーザーにしっかりキャッチコピーを見てもらうことができる。
・ランディングした時のムービーの切り替わりが滑らか。握手の背景で動くムービーが綺麗
・最新のお知らせがファーストビューに表示されている
・メインビジュアルは全面に表示されず、左に余白があるので、空間の逃げ場があり、詰まった感じがしない

### TOPページ
・TOPページのコンテンツごとに、背景がグレーと白の交互で色付けしてある。線で区切っていなくても、コンテンツの区切りがわかる。また、左に余白があるので、空間の逃げ場があり、詰まった感じがしない。
・「取扱業務」のVIEW MOREボタンをクリックすると、きちんと01〜03の該当コンテンツに遷移できる。

### ご相談までの流れページ
・相談までの流れのアイコンが、ロゴと同じ色味のグラデーションで統一感がある。グラデーションだとスマートで近代的なイメージがある。

### お問い合わせページ
・お問い合わせページのボタンが結構きつめの赤色であることが、全体の雰囲気と乖離している気がして気になる。（重要事項だから目立つ色にしたのだろうか？）