大きく4つです。
1. 「自分で更新できる」管理画面を、先に設計した
お知らせ・議会報告・プロフィール・役職一覧・応援メッセージ・各ページの主要な文章と写真。日頃さわる可能性のある箇所は、できるだけすべて管理画面から編集できるように設計しました。
管理画面は、ヘッドレスCMSのSanityで構築しています。入力欄と表示のデザインが分かれているため、文章や写真を差し替えてもレイアウトが崩れません。「さわっても壊れない」ことを優先した設計です。
管理画面(Sanity Studio)。左のメニューから項目を選び、右側で文章や写真を編集します
トップページのキャッチコピーも、管理画面から1行ずつ書き換えられます2. 運用の手間とコストを抑える構成にした
表示の仕組みはAstro、公開はCloudflareです。ページを事前に生成して配信するため、WordPressのように常時動くサーバーや、プラグインの定期的な更新作業が要りません。サーバーにかかる費用もほとんど発生しません。
そのため、保守の範囲はご要望に合わせて選べます。今回は、日常の更新はご本人が管理画面で行い、機能の追加や修正はその都度ご相談いただく形を選ばれました。
旧サイトのサーバー(エックスサーバー)からは、ドメインを変えずに移行しています。
3. 操作マニュアルを付けて納品した
管理画面の操作手順をまとめたサイト運用マニュアルを作成し、納品物に含めました。ログインから記事の投稿、写真の差し替えまでを、1スライド1操作で画面つきで説明しています。
納品したサイト運用マニュアル(全114ページ)
基本編の目次。日常の運用に必要な操作を6章にまとめています
管理画面でできること(表示は壊れません)と、ご相談いただきたいことを最初に整理
操作手順は実際の画面に番号を振って説明しています納品から間もなく、鷲見様はご自身で議会報告を投稿されていました。
あとはAestaさんからもらったマニュアルを見ながらで、全然できそうです。
議会報告についても、ちょうど新しい号が発行されたので、早速やってみました。もう全部自分で管理できるなと思いましたね。
4. 議員サイトとしての「見せ方」と、AIに読まれる土台をつくった
ファーストビューに人物写真を大きく置き、政策・議会報告・プロフィールへすぐ進める構成にしました。文字を詰め込みすぎないこと、汎用テーマに見えないことを設計ルールにしています。
政策ページ(PC表示)
トップページ(スマートフォン表示)
千葉県議会議員 すみ隆仁 公式サイト
千葉県議会議員・歯科医師 すみ隆仁 (鷲見隆仁) の公式サイト。政策、県議会での活動報告、お知らせをお届けします。
千葉県議会議員 すみ隆仁 公式サイト↗
あわせて、検索エンジンやAIが内容を正しく読み取れるよう、見出しの構造や構造化データ(JSON-LD)を最初から組み込んでいます。
制作はAI駆動開発で進めました。デザイン案の作成から実装、原稿の流し込み、移行作業までをAIと並走させることで、契約・ヒアリングを含めて約1ヶ月、正味の制作期間は約2週間で公開まで持っていきました。