WORKS / 03 — Professional services / Legal士業 / 法務 / 2026
A website for a Sapporo administrative scrivener's office, designed to explain its services clearly and connect consultation enquiries with ongoing content publishing.札幌の行政書士事務所のサイト。サービス内容を明快に伝え、相談の問い合わせと継続的な記事発信をつなぐ設計にしました。
202601 / PROJECT
The project covers the office's service information, consultation flow, profile and access information together with a continuously updated column section.事務所のサービス情報、相談の流れ、プロフィール、アクセス情報に加え、継続的に更新するコラムまでを対象としたプロジェクトです。
A CMS was introduced so articles can be published and organised without modifying the site code. The enquiry flow sends consultation details to the office and returns a confirmation to the sender.サイトのコードを触らずに記事の公開と整理ができるようCMSを導入しました。問い合わせフローでは相談内容を事務所へ送信し、送信者には自動で確認メールを返します。
I handled the project from site planning and UI/UX through implementation, CMS integration, enquiry functionality, SEO, launch and ongoing maintenance.サイト企画とUI/UXから実装、CMS連携、問い合わせ機能、SEO、公開、その後の保守まで担当しています。
02 / HOW IT WORKS
FROM THE IMPLEMENTATION実装から
The content client is marked server-only, so an accidental import from a client component fails the build rather than shipping the API key in the bundle.コンテンツ取得のクライアントはサーバー専用として印を付けています。クライアントコンポーネントから誤ってimportした場合、APIキーがバンドルに乗るのではなくビルドが落ちます。
The CMS normally returns only published entries, but depending on the key's permissions it can return drafts too. An unpublished article appearing on a legal practice's site is not a cosmetic bug, so the fetch layer filters them out as well rather than trusting the API to have done it.CMSは通常公開中のコンテンツしか返しませんが、APIキーの権限次第では下書きも返ります。士業のサイトに未公開記事が出るのは見た目の問題では済まないので、API側を信頼せず取得層でも弾いています。
If the content API is unreachable the sitemap is still served from the fixed pages, and with no CMS configured at all the site falls back to fixtures so the build stays green. Pages revalidate on the same interval as the sitemap, so a published article and its sitemap entry appear together.コンテンツAPIに到達できない場合もサイトマップは固定ページだけで配信します。CMSが未設定の環境ではフィクスチャにフォールバックし、ビルドが通る状態を保ちます。ページの再検証はサイトマップと同じ間隔なので、記事の公開とサイトマップへの掲載が揃います。
One to the office with the consultation details, one back to the sender confirming it arrived — so nobody is left wondering whether a legal enquiry went through.1通は相談内容を事務所へ、もう1通は届いたことを送信者へ返します。法律の相談を送った人が、送れたのかどうか分からないまま待つことがないようにするためです。
03 / DELIVERED
Service and consultation-information pagesサービスと相談情報のページ
CMS-based article publishing and category structureCMSによる記事公開とカテゴリ構造
Contact flow with office notification and automatic confirmation事務所への通知と自動確認メールを備えた問い合わせフロー
Office profile and access information事務所プロフィールとアクセス情報
SEO-oriented metadata, sitemap and content structureSEOを意識したメタデータ、サイトマップ、コンテンツ構造
Ongoing maintenance and content-operation support継続的な保守とコンテンツ運用のサポート
04 / TECHNOLOGY
