![見出し画像](https://assets.st-note.com/production/uploads/images/31706171/rectangle_large_type_2_4360fdbb64f60c93d434b592ee8b5ed8.png?width=1200)
みなとみらい総合法律事務所 | サイトレビュー【11】
サイト名
みなとみらい総合法律事務所
URL
ターゲットユーザー
・以来検討中の顧客
→依頼相談を受けるのが目的
サイトの印象
青色系をメインカラーとしていて誠実さがある。
若い人から幅広い年齢層に対応していると感じた。
デザインで気になったところ
配色
ベース:ホワイト(#ffffff)
メイン:薄い青(#eff3f9)と濃い青(#1f518e)
アクセント:濃い青(#064bb5)、緑っぽい青
全体的にロゴのグラデーションカラーで統一。写真もこのカラーに合わせて色調や彩度を変えているが、作られた感じではなく、明るく海が近くて爽やかなみなとみらいのイメージに沿っていると思う。
勝手なイメージだけど、法律事務所っぽく無くておしゃれなロゴ。
フォント
見出し日本語:メイリオ、Noto Sans JP
見出し英語:Verdana
大見出しには明朝が使用されており落ち着いた雰囲気と、英語のセリフ体のクールな雰囲気が合わさり、重すぎず洗練さがある。
本文は適度な文字間、行間がありとても見やすい。
トップページ
・メインビジュアルは背景にみなとみらいの動画と、上から人が握手している写真を被せている。事務名にも入っている地名から、地元に根ざした事務所である事や、信頼感を大切にしていることが分かる。
・トップや各ページへの遷移のモーションが今時。勢いを感じる。
・Newsは昨日のコーポレートサイトと同じく、メインビジュアルの下。ただそこまで頻繁に更新しないためか、スペース少なめ。一番濃い色を使用し目立つ様にしている。
・弁護士さんの名前の横の英語、カラーを変える事でアクセントになっている。
・各見出しの英語と日本語は/で区切られている。
・取扱業務はスマホになるとスライダーで切り替わる。ただ、ナビが無いのでサラッと見た人には、表示されている業務以外のものが分からないのでは?と思った。
・「View More →」の矢印が枠にはみ出ていておしゃれ。問い合わせを除く各リンクもこのあしらいで統一。
・料金表〜所在地まではイメージ写真を置いて分かりやすく。
・サイト全体的に文字文字しくなるので、写真を適度に入れたり、動きをつける事で単調さをなくしている。