← トップに戻る
Website

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

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

概要

士業向けのコーポレートサイトを想定して作った、架空の税理士事務所のサイトです。要件定義からデザイン、コーディング、公開、公開後の調整まで一通り手がけました。

使った技術

WordPressPHPHTML / CSSJavaScriptXserverFigma

制作の考え方

方針の決め方

何を作るかを決めるところから始めました。参考になるサイトを集め、どれをメインの方向性にするかを決めたうえで、構成やワイヤーフレーム、デザイン、テキストを固めていきました。この「要件を決めて方針を立てる」部分は、Claudeと相談しながら、自分が決定する形で進めています。

実装

コーディングはAntigravityを使って進め、画像も生成して組み込みました。レスポンシブで崩れた部分は、自分で直接CSSを修正して整えています。カスタム投稿は、プラグインを使わずfunctions.phpに直接書きました。投稿管理にはACFを使い、更新しやすい構成にしています。

公開後の最適化

公開後はセキュリティ設定とバックアップの設定を行いました。表示速度を計測し、問題のあった箇所を調整しています。画像はWebPを用意して圧縮し、読み込みを軽くしました。