パソコン版
スマートフォン版
プロジェクト概要
- サイトの種類
- コーポレートサイト（企業・個人事業主・団体などの公式サイト）
- 制作種別
- リニューアル
- プロジェクト期間
- 約4.5か月（お申し込み～納品・公開まで）
各担当の稼働期間（※同時進行）
・当方作業：約2.9か月（構築・デザイン等）
・お客様作業：約2.6か月（原稿準備・内容のご確認等）
・旧制作会社様の作業：20日（移管手続き等） - ページ数
- ■ 基本ページ：17ページ
・トップページ（1ページ）
・下層ページ（16ページ）
■ 更新機能（自動一覧ページ）
・お役立ち情報
・お客様の声
・出版物・講演・メディア紹介
■ 記事の代行入力：2記事
・お客様の声 - 公開日
- 2025年9月25日
- 担当範囲
-
コンサルタント様とお客様にて作成された戦略・原稿・レイアウトを、ウェブ上で正確に機能させるための実装フェーズを担当いたしました。
当方は、配色設計・画像選定・WordPress構築から安全なサイト移行、さらに公開後のスムーズな運用を見据えた環境整備まで、技術面でのサポートを総合的に行っています。
■ 担当領域
【戦略設計・原稿作成】株式会社フローマーケティング
代表取締役 大浦早紀子 様（サイトマーケティングコンサルタント）
【ロゴデザイン】アオゾラデザイン 代表 ナツミ 様
【Webサイト構築・デザイン・実装】はなウェブ 代表 やまさきひとみ詳細を見る
【 企画・設計 】
- デザイン設計（ブランドに合わせた配色・レイアウト設計）
- 個別レイアウト設計（原稿や目的に合わせた専用デザイン設計）
- レスポンシブWebデザイン（画面サイズに応じた見やすいレイアウト調整）
【 コンテンツ設計・制作 】
- 画像・素材の選定（内容に合うビジュアルの提案）
【サイト構築・機能実装 】
- WordPress構築（ご自身で更新できる仕組みづくり）
- セキュリティ対策（不正アクセス・改ざん防止）
- バックアップ体制の整備（サイトデータの保存体制づくり）
- メールフォーム設計・設置（お問い合わせ・お申し込みの窓口づくり）
- XMLサイトマップ設定（検索エンジンにページを伝える設定）
- 更新機能の追加実装（専用の入力枠で管理できる仕組み）
- 更新テンプレート作成（記事投稿を楽にする雛形づくり）
【サーバー・通信環境 】
- 常時SSL化・URL正規化（通信の暗号化とURLの統一）
【システム関連】
- リダイレクト設計・設定（旧サイトのSEO評価を引き継ぐ転送設定）
- テストサイト構築・動作検証（非公開環境での安全確認）
【 サイトのお引っ越し】
- 環境調査（安全な作業のための現状把握と契約内容の整理）
- 旧制作会社との引き継ぎサポート（技術的なやり取りの支援）
- レンタルサーバー移転（サイトデータのサーバー引っ越し）
- ドメイン移管（ドメイン管理会社の変更手続き）
【 サポート・運用準備 】
- 専用マニュアル提供（納品後も自走できる更新手順書）
- 進行管理（スケジュール作成・進捗管理）
- Web資産管理シート（ログイン情報・契約情報の一元管理）
成果・効果
今回は、サイトマーケティングコンサルタント 大浦早紀子様と連携して進めました。
当方は、ウェブサイト構築と、検索順位を維持するための安全な移行作業を担当。
その結果、公開から約8か月半が経過した現在も、多数の重要キーワードで検索上位を維持し続けています。
加えて、Google検索の「AIによる概要」にも引用されており、検索エンジンからも「専門家による信頼性の高い情報」として高く評価されるサイトへと成長しました。
Google検索結果での表示順位
- 「終活 草加市」3位/約7万件中
- 「終活 司法書士 草加市」2位・4位/約9千件中（※AIによる概要にも掲載）
- 「終活 司法書士 八潮市」2位・5位/約4千件中
- 「終活 司法書士 足立区」3位/約1万件中
- 「相続 司法書士 草加市」4位/約26万件中（※AIによる概要にも掲載）
- 「相続 司法書士 八潮市」6位/約23万件中
順位をもっと見る
- 「終活 八潮市」5位/約11万件中
- 「相続 草加市」6位/約130万件中（※AIによる概要にも掲載）
- 「財産管理 草加市」1位/約38万件中
- 「財産管理 八潮市」2位・8位/約25万件中（※AIによる概要にも掲載）
- 「家族信託 草加市」2位・9位/約2万件中（※AIによる概要にも掲載）
- 「家族信託 八潮市」1位/約2万件中
- 「老人ホーム紹介 草加市」2位/約104万件中
- 「老人ホーム紹介 八潮市」3位/約97万件中
解決したかったこと
抱えていたお悩み・課題
- 更新作業の属人化
自作サイトの管理が特定の担当者に依存しており、他のスタッフが更新できない状態になっている。 - 社内のITスキルへの不安
パソコン操作に不慣れなスタッフが多く、社内での運用にハードルを感じている。 - リニューアルへの不安
何から手をつければ良いか、具体的な移行手続きや進め方が分からない。
いただいたご要望
- 運用しやすいシステム構築
制作や大幅な改修は専門家に任せ、「お知らせ」などの日常的な更新は自社で簡単に行える仕組みにしたい。 - 画像選定をおまかせしたい
どのような画像を使えば良いか分からないため、サイトの雰囲気に合わせた最適な画像を選んでほしい。 - 同じドメインを使いたい
現在運用しているドメイン（URL）を変えずに、新しいサイトへ引き継ぎたい。 - 複数サイトを統合したい
「コーポレートサイト」と「サービス特化サイト」を運用しているが、情報が分散してしまっているため、これらを1つに分かりやすくまとめたい。
はなウェブからのご提案
不安を解消する、移行・解約サポート
「以前のシステムの解約」や「現在のドメイン（URL）の引き継ぎ手続き」といった手続きは、リニューアルに伴う最大のハードルになることが多いです。
このような、専門用語が多くて不安になりがちな旧制作会社様とのやり取りも当方がサポートし、お客様の負担を最小限に抑えながら、安全に新しいサイトへ移行できる体制を整えます。
SEOの評価を引き継ぐ設計
運用が分かれている2つのサイトを整理し、1つのサイトへと統合します。
単に片方のウェブサイトを削除するのではなく、「サービス特化サイト」のSEO評価を引き継ぐための自動転送（リダイレクト）設計を行い、リンク切れを防止します。
これにより、各サイトへのアクセスをコーポレートサイトへ一つに集約でき、サイト全体のSEO評価向上へとつなげます。
チーム全体で長期的にウェブサイトを育てていけるサイト構築
社内のどなたでも直感的に運用できるウェブサイトを目指して、世界で最も利用されているウェブサイト構築システム「WordPress」にてサイトを構築します。
サイト全体のデザインを決定するテーマ（テンプレート）には、「Lightning」を採用。
「Lightning」と専用の拡張機能を組み合わせることで、ウェブの専門知識がなくても、見たままの画面で直感的にページの作成や更新が可能です。
数あるテーマの中から「Lightning」を選定したのには、更新のしやすさに加えて以下の理由があります。
- 安心の国産テーマ
日本の企業が開発しており、日本のビジネスサイトに適した設計がされています。 - ネット上に蓄積された豊富な情報量
国内での利用者が非常に多いため、ウェブ上には操作の解説や疑問解決のための情報が数多く公開されており、長期的な運用においても非常に心強い環境となっています。
将来的な担当者の引き継ぎもスムーズに行え、特定の個人に依存することなく、チーム全体で長期的にウェブサイトを育てていける運用体制を整えます。
制作のポイント
ブランドの統一感を高める画像選定
ウェブサイトと実店舗、印刷物の間に「一貫した世界観」を作り上げるため、イラストの選定には細部までこだわりました。
まずは既存の看板に使用されているイラストレーターを特定し、同じクリエイターの作品から「終活」や「相続」に合う素材を厳選しました。
サイト内のイラストをすべて同じタッチで揃えることで、媒体の垣根を越えた、一貫性のあるデザインを実現しています。
「調和」を意識した配色設計
リニューアル前は、実店舗の看板の「水色」、店内の小物の「黄緑色」、そして既存の印刷物や旧サイトの「深い青緑色」と、お客様が目にする媒体によってテーマカラーが少しずつ分散している状態でした。
そこで今回のウェブサイトでは、これらの色を違和感なく一つにまとめる「調和」を意識して配色を設計しています。
- 明るい青緑色
既存の印刷物などで使われていた「深い青緑色」をサイト全体の広い面積に使ってしまうと、重厚感は出ますが、少々近寄りがたい印象になってしまうリスクがありました。
そのため、「明るい青緑色」をメインカラーに据えることで、初めてのお客様でも安心して相談しやすい雰囲気を、写真だけでなく「色の印象」からも伝えています。
- 深い青緑色
旧サイトや手元の紙資料（印刷物）で使われていた「深い青緑色」は、見出しやボタンなどの重要な部分に効果的に配置しました。
これにより、画面全体を引き締めるとともに、オンライン（ウェブサイト）とオフライン（紙の資料）における視覚的な一貫性を確保しています。
- やや緑がかった水色 ＆ 淡い黄色
看板の「水色」をそのまま使うのではなく、ウェブ上で文字の読みやすさを保てるよう「やや緑がかった明るい水色」に調整し、部分的な背景色として採用しました。
さらに温かい雰囲気を連想させる「淡い黄色」を背景色に添えることで、ウェブサイトと実店舗の空間を自然にリンクさせています。
このように、分散していた各媒体のカラーをウェブサイト上で美しく融合させることで、店舗を訪れた時とウェブサイトを見た時の印象のズレをなくし、全体としてまとまりのある一貫したブランド世界観を構築しました。
介護や相続といった複雑な悩みを抱える方の心理的な負担が少しでも軽くなり、明るい未来をイメージしていただけるよう、法律という堅いイメージを和らげた「柔らかくも信頼感のあるデザイン」をご提案いたしました。
配色（カラーコード・色見本）
| #8fcfd7 | メインカラー （基調となる主要な色） |
|
| #ffffff | ベースカラー （背景色） |
|
| #e66f00 | アクセントカラー （ポイントとなる強調色） |
お客様の声
お客様が弊社を選んだ決め手となることも増えました
（代表）司法書士 大久保 啓介 様
今回は、サイトマーケティングコンサルタントの大浦早紀子さんのおすすめで、制作を依頼しました。
制作の過程では私どもの意図を汲んでいただき、いくつか提案をしてもらえたので大変助かりました。感謝しています。
リニューアル前はホームページからの集客がうまくできておらず、伝えたいことが上手く伝わっていませんでしたが、リニューアル公開後のホームページは反響が大きく、お客様が弊社を選んだ決め手となることも増えました。
温かいお言葉をお寄せいただき、誠にありがとうございます。
ご提案した内容にご満足いただけたこと、そして新しいホームページが「お客様の決め手」となるほど大きな反響に繋がっていると伺い、大変嬉しく思っております。
これからも、皆様に親しまれるサイトとしてご活用いただけることを願っております。
サイトをご覧になってから、ご相談にお越しになる方が増えました
Web担当 様
もともと自作するつもりでしたが、載せたい情報が膨大になってしまい、仕事の合間では作り切ることができませんでした。
大手の制作会社様を含め複数社ご紹介いただいた中で、密に連絡がとれそうなはなウェブさんに決めました。
実際の制作では、柔軟な対応や、こちらの意図をくみ取って表現してくださったところが良かったです。
おかげさまで、サイトをご覧になってから、ご相談にお越しになる方が増えました。
制作中はいつも迅速にお返事をいただき、誠にありがとうございました。
密なコミュニケーションを取らせていただけたからこそ、私自身も意図をしっかりと汲み取ってデザインに反映させることができました。
終活や相続でお悩みの方の気持ちが前向きになるような、温かい雰囲気が伝わるやさしいサイトになり、私自身も大変嬉しく思っております。
サイト仕様
- CMS
- WordPress
- 使用テーマ
- Lightning G3 Pro Unit
- 対応端末
- パソコン / スマートフォン / タブレット（レスポンシブ対応）
- 搭載機能
【 お問い合わせ導線・情報発信 】
- メールフォーム設計・設置（お問い合わせ・お申し込みの窓口づくり）
【 更新しやすさ・運用性 】
- 更新機能の追加実装（専用の入力枠で管理できる仕組み）
【 利便性・コンテンツ強化 】
- Googleマップ埋め込み（アクセス情報を地図で分かりやすく掲載）
- サイトマップ（必要なページへたどり着きやすくする一覧導線の設計）
【 保守・安全性・SEO基盤 】
- セキュリティ対策（不正アクセス・改ざん防止）
- 自動＆手動バックアップ（サイトデータの保存体制づくり）
- XMLサイトマップ（検索エンジンにページを伝える設定）
- 導入ツール
- Cloudflare Turnstile（お問い合わせフォームの迷惑メール・スパム対策）
- Googleサーチコンソール登録（検索キーワードの把握とサイト改善の基盤づくり）
- Googleアナリティクス設定（アクセス状況の見える化）
- 納品資料・設計資料
【 運用・引き継ぎ資料 】
- ブログ更新ガイド（投稿方法をまとめた手順書）
- アップデートマニュアル（日常のメンテナンス方法をまとめた手順書）
- Web資産管理シート（ログイン情報や契約情報を整理して管理するための資料）
【 設計資料 】
- カラーコード一覧表（配色ルールを共有するためのカラーパレット資料）
- ディレクトリマップ（サイト構造とSEO設計を整理した資料）
- サイトツリー（ページ全体の構成を把握しやすくした図解資料）
- リダイレクト設定一覧表（旧URLと新URLの対応関係を整理した移行用資料）
お客様情報
- 名称
- 司法書士法人大久保事務所様
- サイト名
- 司法書士法人大久保事務所
- URL
- https://www.legallink.or.jp
- エリア
- 埼玉県草加市
- 事業内容
- 司法書士業務
（不動産登記・商業登記・相続業務・遺言・家族信託・高齢者支援・財産管理・任意後見・死後事務委任）