全体概要
- サイト名
-
徳永事業継承士事務所
- 担当範囲
-
企画・構成 / ディレクション / デザイン / WordPress実装 / 運用サポート
- 使用ツール
-
WordPress（SWELLテーマ）
- 制作期間
-
２ヶ月（働きながら、平日深夜及び週末のみの稼働）
課題と解決策
課題 Before
- 新規開業に伴い、Web上での信頼の拠り所（名刺代わりのサイト）が必要。
- ターゲット層が高齢のため、一般的なWebサイトでは操作に迷う懸念があった。
- 電話相談の対応日を毎週更新したいが、運用に手間をかけたくない。
解決策 After
- 徹底したユーザー配慮： テキストリンクを避け、押しやすい「大きなボタン」を採用。文字数を絞り、十分な余白を確保することで、視覚的な負担を軽減した。
- 運用コストの最小化： SWELLのブログパーツとウィジェットを連携させ、一箇所の修正で全ページの対応日を更新できる仕組みを構築。毎週の更新作業を「わずか5分」で完了できるよう実装した。
- コンバージョンへの導線： 全ページの最適な位置に電話誘導のCTAパーツを配置し、相談への心理的ハードルを下げた。
デザインのこだわり
- コンセプト
-
「信頼と親しみ、福岡の彩り」
- 配色
-
士業サイトらしい誠実さを表現するため、深いネイビーを基調に構成。
- フォント
-
可読性の高い游ゴシックを採用
- レスポンシブ対応
-
○
- アニメーション
-
全体が硬くなりすぎないよう、フッターの境界線に波打つアニメーションを採用。
さらに福岡らしさを象徴する「屋台のアイコン」が「とんこつ～」と言いながら走る演出を加えたところ、ご依頼主様からも大変喜んでいただけた。
制作プロセス
STEP
ヒアリング・設計
福岡の中小企業というターゲット層を分析し、電話相談をゴールとした動線を設計。
STEP
構成
「読みやすさ」を最優先に、情報を削ぎ落とす引き算のデザインを提案。
STEP
デザイン・実装
SWELLの機能をフル活用し、保守性とデザイン性を両立。
STEP
運用サポート
毎週の更新をスムーズに行えるよう、管理画面のカスタマイズとレクチャーを実施。
