WEBサイト 税理士事務所

概要

今回は、デザインに合わせてオリジナルのWordPressテーマを一から制作し、HTMLで作成した構成をWordPress上で再構築しました。
テンプレート分割やACFによる管理画面設計を行い、CSS・JavaScriptの挙動にも配慮しながらWordPress化することで、運用性と保守性を両立したサイトを構築しています。

担当

・コーディング: HTML / CSS / JavaScript / WordPress構築（PHP）
・レスポンシブ対応:（PC / タブレット / スマートフォン）
・アニメーション: ローディングアニメーション（スプラッシュ）、スクロール連動フェードインアニメーション等

制作ポイント

1. 信頼感を重視したレイアウト設計

税理士事務所としての誠実さ・安心感が伝わるよう、余白を活かした落ち着いたレイアウトと、情報の整理・視線誘導を意識した構造で実装しています。
文章量が多くなりがちな業種のため、見出し・段落・行間を調整し、最後まで読みやすいページ構成を心がけました。

---

2. スクロール連動アニメーション

各セクションはスクロールに応じてさりげなくフェードインするアニメーションを実装。
派手な演出は避けつつ、ページ全体に動きを持たせることで堅すぎない印象と、現代的なWeb表現を両立しています。

---

3. スマートフォン表示への最適化

スマートフォンからの閲覧を想定し、文字サイズ・行間・ボタン配置を細かく調整。
指で操作しやすく、情報をストレスなく確認できるUIになるよう実装しています。

---

4. 運用を見据えたコーディング

今後の更新や修正がしやすいよう、構造を整理したHTML設計を行い、長期的な運用を前提とした実装としました。