レイスター法律事務所様(サービスサイト)|Web制作実績 レスポンシブ対応|制作実績

レイスター法律事務所様

最短導線を叶える充実したナビゲーションと、不安に寄り添うデザインが、相談への一歩を後押し

クライアント レイスター法律事務所様(東京都 目黒区)
制作プラン Meta定額制30プラン
カテゴリ サービスサイト 士業
URL https://leyster-law.jp/
制作チーム
  • ディレクション
    M.Ogawa

  • Webデザイン
    M.Ogawa

  • システム
    R.Takimoto

  • マーケティング
    M.Hotta

POINT

制作のポイント

離婚・不倫慰謝料・男女トラブルに精通した弁護士が、最適な交渉戦略で最善の解決へと導く、レイスター法律事務所様のサービスサイトをリニューアルいたしました。

今回、リニューアルの主要な目的として、「新規顧客を増やしたい」というご要望をいただきました。そのため、メインビジュアル直下に「妻側離婚・不倫のお悩み 女性の方」「夫側離婚・不倫のお悩み 男性の方」という男女別のナビゲーションコンテンツを配置し、訪れたユーザーが必要な情報へスムーズにアクセスできる導線設計を実現しています。

具体的には、各ナビゲーションを「離婚・離婚後相談」と「不倫・不貞相談」という2つの相談カテゴリーに分け、「夫から離婚を切り出された」「不倫の慰謝料を請求したい」など、具体的な悩みに応じた専用ページへの導線ボタンを整理して配置しました。

また、「不倫・不貞相談」のカテゴリーでは、「不倫された人」と「不倫した人」という対照的でデリケートな立場を明確に区別し、それぞれの専用ページへの導線を設けることで、ユーザーが自分に必要な情報だけを安心して確認できる設計としています。

ディレクション
M.Ogawa

今回、リニューアルの主要な目的として、「新規顧客を増やしたい」というご要望をいただきました。そのため、お客様ならではの大きな強みである「初回無料相談」ページを新規作成し、お問い合わせへの心理的ハードルを下げる工夫を施しています。

こちらのページでは、「充実した密度の濃い相談対応」「土曜日の対応も可能」などの初回無料相談の特長に加え、「ご依頼までの流れ」「よくある質問」など、相談前に知りたい情報を1ページにまとめて掲載しました。

また、こちらのページへの導線ボタンは、女性ナビゲーターの柔らかいイラストを添えて、全ページにて画面右下に固定表示しています。そうすることで、気になる情報を確認し「ここなら親身に解決へ導いてくれそう」と感じたタイミングで、すぐに初回無料相談ページの内容を確認でき、お問い合わせを後押しする導線設計を実現しました。

Webデザイン
M.Ogawa

「離婚問題を抱えている方」「不倫・不貞問題にお悩みの方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を9:1に想定し、モバイルファーストで設計しております。

スマートフォンサイトでは、「電話で相談予約」「ご予約フォーム」「LINEで相談予約」という3つのお問い合わせボタンを、画面下部に固定表示しました。お客様ならではの強みである「離婚・不倫慰謝料・男女トラブル対応に特化した弁護士がベストを尽くす」「日常生活への影響を最小限に抑える工夫」などの安心につながる情報を確認したうえで、自分に合った方法でスムーズに相談予約できる導線を実現しています。

さらに、メインビジュアル上部に「妻側の離婚・不倫のお悩み 女性の方」「夫側の離婚・不倫のお悩み 男性の方」という男女別の専用ページへの導線ボタンを配置しました。そうすることで、妻側・夫側それぞれが抱える固有の悩みや求める解決策に合わせて、選ばれる理由や実際の解決事例を的確に訴求できる設計に仕上げております。

Webデザイン
M.Ogawa

デザイン面では、メインビジュアルに活き活きと仕事に取り組む姿や、子どもとの穏やかな時間を過ごす男性・女性のお写真をそれぞれ複数掲載することで、お客様の弁護士事務所に相談し、悩みを解決した先の明るい未来を想起させるデザインに仕上げております。

さらに、「よくある離婚原因」ページには、「性格の不一致」や「不倫・異性問題」などの各原因に合わせた、柔らかな色合いのイラストを掲載しました。センシティブな内容を確認する際のユーザーの不安を和らげる、温かみのあるデザイン構成となっています。

エンジニア
R.Takimoto

システム面では、管理者様がタイムリーに更新できる「解決事例」をオリジナルのCMSで自社開発しました。こちらのCMSでは、「ご相談に至った経緯・背景」「解決までの流れ」「結果とポイント」「担当弁護士」など、ユーザーが知りたい情報を管理画面から簡単に登録できるシステム設計となっております。また、依頼者のイラストアイコンを最大3名までファーストビューのタイトル直下に表示できるため、たとえば夫・妻・子どもなど、事例に関わる人間関係を直感的に理解できるデザイン構成を実現しました。

マーケティング
M.Hotta

SEO対策のこだわりとして、離婚や不倫慰謝料などの男女トラブルに関する情報を発信できる「コラム記事」をオリジナルのCMSで自社開発しております。こちらのCMSでは、管理画面から見出しや写真、表などを自由に登録でき、目次が自動生成されるシステム設計となっております。専門的な法律情報を分かりやすく発信しながら、検索エンジンからの流入増加にもつながる仕組みを整えました。

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

BEFORE AFTER

劇的ビフォーアフター

旧サイトにメスを入れ、お問い合わせが絶えないホームページへ

BEFORE

リニューアル前のホームページでは、情報が十分に整理されておらず、各お悩みに対応する専用ページがすべてコラム記事として個別に掲載されていました。また、掲載したい情報が多岐にわたる一方で、訴求したいターゲットも異なるため、どのように分かりやすく情報を整理・発信すべきかお悩みの状況でした。

AFTER

リニューアル後は、男女別に具体的なお悩みの専用ページを新規作成しています。さらに、メインビジュアル直下やハンバーガーメニューに「妻側離婚・不倫のお悩み 女性側」「夫側離婚・不倫のお悩み 男性側」という男女別のナビゲーションを配置することで、豊富な情報の中から、自分の状況に合った情報まで最短導線でたどり着ける設計を実現しました。

PC DESIGN

PCサイトデザイン

お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン

SMARTPHONE DESIGN

スマートフォンサイト
デザイン

ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン

WORKS

よく似た制作実績

制作実績一覧