山田税理士事務所(デモサイト)

概要
士業向けのコーポレートサイトを想定して作った、架空の税理士事務所のサイトです。要件定義からデザイン、コーディング、公開、公開後の調整まで一通り手がけました。
使った技術
WordPressPHPHTML / CSSJavaScriptXserverFigma
制作の考え方
方針の決め方
何を作るかを決めるところから始めました。参考になるサイトを集め、どれをメインの方向性にするかを決めたうえで、構成やワイヤーフレーム、デザイン、テキストを固めていきました。この「要件を決めて方針を立てる」部分は、Claudeと相談しながら、自分が決定する形で進めています。
実装
コーディングはAntigravityを使って進め、画像も生成して組み込みました。レスポンシブで崩れた部分は、自分で直接CSSを修正して整えています。カスタム投稿は、プラグインを使わずfunctions.phpに直接書きました。投稿管理にはACFを使い、更新しやすい構成にしています。
公開後の最適化
公開後はセキュリティ設定とバックアップの設定を行いました。表示速度を計測し、問題のあった箇所を調整しています。画像はWebPを用意して圧縮し、読み込みを軽くしました。