東京支店管轄 ホームページ制作事例(プレサイトから本サイト移行)。東京都渋谷区・美竹やさか法律事務所様
写真は美竹やさか法律事務所様サイトのトップページ
スマホ対応 | OK |
レスポンシブ | 対応済み |
トップページ最上部 | 動画 |
美竹やさか法律事務所様(東京都渋谷区)よりご依頼いただいたホームページ制作について複数ページ構成の本サイトを制作し、プレサイトから移行させていただきました。
美竹やさか法律事務所様は渋谷駅徒歩4分のアクセスが便利な地に、家事事件(離婚、親子関係)、相続・遺言などの経験が豊富な弁護士の皆様によって設立された法律事務所です。2022年12月に事務所開設と同時公開したプレサイトから約半年後の2023年5月15日に本サイト公開となりました。
プレサイトでは、大まかな取扱い分野や問い合わせ先、アクセスなど必要最低限の情報を掲載した1ページ構成のランディングページでしたが、移行した本サイトは取扱い分野の詳細やFAQ、弁護士紹介、弁護士費用など、より充実した内容を掲載した複数ページで構成するウェブサイトになりました。これにより訪問者に対して取扱い分野の具体的な内容を分かりやすく伝えることが可能となり、弁護士紹介では略歴や活動、弁護士の皆様の写真を掲載する等でコンテンツを拡充した結果、さらに信頼感や安心感を持って頂けるサイトにバージョンアップしました。
はじめにプレサイトを作り、続いて本サイトへと2段階の制作になった経緯や、SEO対策のためweb資産を活用できたお話などは制作事例(プレサイト版)として記事になっていますので こちら からぜひご覧ください。
一方で制作テーマは「お悩みを持つ方を癒やしたり明るくしたりできるような既存の法律事務所のイメージに囚われない、どこか可愛らしさもあるデザイン」で、これはプレサイトから変わらないテーマでしたので、本サイト制作でページ数を増やすにあってもそのテーマからブレずに、美竹やさか法律事務所様の想いが1つ1つのページにしっかりと反映されるようにデザインさせていただきました。
法律事務所っぽくない!驚きがあるファーストビュー
サイト訪問者が最初に目にするトップページ最上部のヘッダーコンテンツは「動画」を採用いただきました。印象的な内容に編集した動画はサイト訪問者の注意を引き付け、よりサイトに興味や親しみを持ってもらうことができるため、静止画やスライドショーと比べて、最近のホームページ制作では人気のあるコンテンツです。
今回、動画を用意するにあたり、「法律相談をきっかけにトラブルが解消に繋がることはもちろん、悩んでいる方や傷ついている方へ癒やしをもたらしたい」という美竹やさか法律事務所様の想いを効果的に伝えるため、「美しい竹林」「上昇」「清流」などのキーワードを導き出し、それを1つの動画としてまとめました。
登場人物がいなくて、法律事務所っぽくない動画ですが、竹林の力強さと美しさを中心に描かれた内容は、美竹やさか法律事務所様のブランドメッセージや大切にしている価値観をはっきり伝えると同時に、ユーザーエンゲージメント(ユーザーがどれだけ親近感を持っているかの度合い)を高めてくれる効果が期待できます。
美竹やさか法律事務所様サイトのトップページヘッダ動画1カット。
印象的な動画はホームページの魅力をぐっと引き上げてくれます。一方で、スライドショーや静止画に比べ表示までの読み込み時間(ロード時間)がかかる傾向があり、サイトの速度やパフォーマンスに問題が出る場合もあります。そこでカットの選定や動画再生時間の長さ、圧縮方法などを検討して適切なバランスを取って掲載しています。
プロによる秀逸なキャッチコピー!それを活かす技があります。
トップページのキャッチコピー掲載例。
「事務所・弁護士紹介」ページのキャッチコピー掲載例。
ホームページにおけるキャッチコピーは訪問者へホームページの目的やメッセージを簡潔に表現し、興味や関心を引きつけるためには欠かせないものです。またホームページのイメージや雰囲気を作り出し、企業やサービスのブランディングにも貢献します。
そのような重要なコンテンツの1つであるキャッチコピーですが、今回のホームページ制作でも提携しているキャッチコピーのプロ「ことばやさん」に作成していただきました。下記はそのキャッチコピーの一部です。
前を向く人を、渋谷で増やしたい。
「やさか」は「栄える」という意味です。
トラブルが解消され、人生も企業もさらに繁栄するような
あなたの“希望”となる法律事務所を目指しています。
このような秀逸なコピーを活かすため、トップページでは「各ページに飛ぶ」「お問い合わせする」など訪問者へ次のアクションを促すために相応しい掲出方法を採用し、事務所・弁護士紹介ページでは信頼感を醸成するコピーの内容に相応しい演出を加えるなど、様々な工夫を随所に盛り込むことで、お悩みや問題を解決したいという訪問者のニーズを捉え、弁護士の皆様の豊富な実績や事務所の理念に共感していただけるようにしています。
20,000文字超の大容量ページ!それでも訪問者が巡回しやすいように。
本サイト移行で新たに加わったページの中で、特に「取扱い分野」ページは20,000文字を超える大容量で、9つの分野の下に20以上の項目と多岐にわたります。豊富な内容は弁護士の皆様の経験や知識に基づいたもので、Googleの重視するコンテンツとサイトを評価する基準「E-E-A-T」に照らしても、その独自性や専門性は検索エンジンから高く評価されることが期待されます。
一方でホームページの内容量が多くなり、分野も多岐にわたりますと、閲覧者が目的の情報を見つけるのが困難になる可能性があります。そのような場合、リンクボタンを配置することで訪問者の閲覧行動をサポートします。
ただリンクボタンが多すぎたり、適切なボタンデザインがされていなかったりですと、閲覧者はかえって混乱してしまいますし、逆に少なすぎると閲覧者は誘導が不十分と感じてしまいます。
そこで、「リンクボタンを適切な列や大きさで構成して、どこへ移動するのかシンプルで分かりやすいアイコンを用いる」、「細分化されている分野には更に<項目>ためのリンクボタンを設置する」などの仕掛けを丁寧に組み合わせることで、閲覧者の誘導をしっかり行っています。これにより、訪問者は求める情報に容易にアクセスできるようになり、ホームページの魅力や価値を高めています。
「取扱い分野」ページのリンクボタン。
リンクボタンは、ホームページ上で他のページやサイトへ移動するためのボタンやテキストのことですが、ホームページのナビゲーションやコンテンツの関連性を示す重要な役割を果たします。
このほかプレサイト時点では「インフォメーション」だけだった発信用のカテゴリーを本サイトでは「裁判例」「トピックス」「美竹カフェ(渋谷区内の社会貢献活動のご紹介等)」など複数のカテゴリーに拡張し、幅広く投稿できる用意も整えさせていただきました。
詳しくは 美竹やさか法律事務所様オフィシャルサイト をぜひご覧ください。
1ページ構成のランディングページであったプレサイトから複数ページで構成される本サイトへの移行を経て、豊富な知識と経験に裏打ちされた専門性の高い情報の信頼感と、人や企業をはじめ、地域にも寄り添う親近感をより一層持って頂けるサイトになったのではないかと思います。
ホームページをきっかけに美竹やさか法律事務所様の理念・想いをたくさんの方に知っていただき、悩みや問題の解決と、人生や企業の繁栄につながれば幸いです。
■美竹やさか法律事務所
住所
〒150-0002
東京都渋谷区渋谷1-20-1 井門美竹ビル4階
URL:https://www.mitakeyasaka-law.com/
Web Design Aoi (ウエブデザインあおい)では、WEBサイト制作の知識がない方でも簡単にブログを更新して頂ける「WordPress(ワードプレス)」というブログシステムで制作しています。お客様自身に日記を書くように気軽にブログを更新して頂けます。このようなブログ更新システムやパソコン・スマホ・タブレットで最適な表示が可能なレスポンシブデザインも余程のことが無い限りスマホ・タブレット用の制作費を別途頂戴しておりません。
Web Design Aoi (ウエブデザインあおい)は本社を宮城県仙台市に置くホームページ制作会社です。
私共にホームページ制作をご相談されたいという方はぜひお気軽にご連絡ください。