デザイン解説
メインビジュアルは背景写真がズームアウトしながら切り替わり、文字が流れるように表示されるようになっており、非常に洗練されたデザインに仕上がっている。
下にスクロールしていくと各コンテンツが下からフワッと浮き上がって表示され、一つ一つの要素の余白がしっかりあり、可読性の良いホームページとなっている。
文字は画像ではなく明朝体を使っており、レスポンシブになっているのでスマホでも綺麗に表示されている。(文字を画像化してしまうとスマホの解像度では汚く表示されることが多々あるので、最近では文字で表現することが多い)
ビジネス感の強い法律事務所のサイトを作成するなら、ぜひ参考にしたいデザイン。
掲載会社の情報
会社名 | 西村あさひ法律事務所 |
---|---|
業種 | 弁護士 |
URL | https://www.jurists.co.jp/ |
住所 | 東京都千代田区大手町1-1-2 大手門タワー |
このようなホームページを作成したい方へ
「ホームページ制作見積もりシミュレーター」を使うと、どのくらいの費用・料金でホームページが作成できるのかがわかります。個人情報の入力をせず、無料ですぐに利用できますので、お気軽にご活用ください。
法律事務所・弁護士に関連するデザイン事例
- 茨城県にある水色を基調とした爽やかな弁護士事務所のデザイン
明るい水色をメインにした、爽やかな印象のあるサイト。 メインビジュアルに使われている写真も水色のフィルターをかけたように明るく調整されており、すっきりとした気持ちよさを感じられる。カルーセルで写真が単に切り替わるだけでなく、事務所とし...
- 西新宿にある緑色をメインカラーにした法律事務所のホームページ
明るい緑色をメインカラーとし、親しみやすいデザインを基調としたサイト。サービスの幅が広く、一見するとカラフルなサイトのようにも見えるが、主要カラーである緑色・黄緑色を中心としたデザインになっている。赤や黄色の警告色は相談予約などのコンバージ...
- 神戸市にあるシンプルな法律事務所のホームページデザイン
弁護士による相続相談所のサイト。トップページではスタッフの写真を大きく掲載している。個人のプライベートな相談事に応える相談所として、スタッフの顔が見えることは重要だ。 複雑多岐にわたる相続という性質上、文字数が多くなるのは致し方ないと...
- 安心感のある導線がわかりやすい法律事務所のホームページデザイン
債務整理・借金返済のサポートを謳っている通り、トップページにはまずそれらの相談窓口への導線が設けられている。電話窓口なども分かりやすく、今まさに困っているユーザーを優しく案内する導線設計だ。 女性モデルを起用しており、柔らかい印象が相...
- とにかくクオリティが高い法律事務所のホームページデザイン例
今まで色々とホームページのデザインをまとめてきたが、間違いなくトップクラスにクオリティが高いホームページ。 単純なデザインだけでなく、メニューのドロップダウン、ニュースのタブ切り替え、マウスオーバー時の動作など、Javascript側...
グリーン・緑色のデザイン事例
- グリッドデザインが美しい整骨院のホームページ
全国展開するげんき堂整骨院のホームページ。トップページは情報量が多いものの綺麗に整理されており、一目で必要な情報にアクセスできる設計となっている。 昨今は1カラムのデザインが主流の中、2カラムでデザインされているものの、古臭さを感じな...
- 訴求力が強い整体院のホームページデザイン例
小顔にするために特化した整体院で、駅近、完全予約制、施術実績の豊富さの3つをアピールしている。多数のYoutube動画を上げており、ITを使いこなした、集客の戦略が伺える。 ファーストビュー以外でデザイン性を感じる箇所はないものの「小...
- 神戸市にある特徴的なレイアウトが印象に残る司法書士のホームページ
本を開くようなアニメーションからホームページが表示される。レイアウトがかなり独特で、ロゴが上部中央、グローバルナビゲーションが左側、キャッチコピーは右上と、一般的なホームページのレイアウトを完全に無視するかのような、ユニークなデザインとなっ...
- 恐怖感を拭う優しい印象を与えるクリニックのホームページ
グリーンが基調になっていて安心感を感じるホームページである。内視鏡に特化しているというのがとてもわかりやすい。内視鏡検査は非常に怖いと感じる人も多い検査だが、ファーストビューで症例の多さと検査方法の対応種類が確認できるので恐怖心が軽減される...
- 長野県にあるイラストの活用が上手い司法書士のホームページ
第一印象がとても強く残る、ユニークなホームページデザイン。個人的に気に入っているのが「ご存知ですか?法律のこと」というキャッチコピーに、当事務所の打合せの雰囲気をイラスト化したものが背景に表示される。 グローバルナビゲーションをクリッ...