制作背景

地元のWebサイト制作会社様からのご依頼で、中小企業向けWebサイトの制作に携わりました。

制作会社経由の案件として、支給されたPhotoshopカンプをもとに、WordPressの新規テーマとして実装しました。

担当範囲

• Photoshopカンプからのコーディング
• WordPress新規テーマの構築
• レスポンシブ対応
• HTML / CSS / JavaScriptの実装
• 表示崩れや細かなレイアウト調整

制作期間

約3週間

苦労した点と乗り越え方

当時はWebサイト制作の実務経験がまだ少なく、CSSのクラス名が既存のスタイルと衝突してしまい、想定外の表示崩れが発生する場面がありました。

その都度、原因となっているCSSを確認しながら修正を重ね、最終的に納品まで対応しました。

この経験を通じて、CSSは単に見た目を整えるだけでなく、保守しやすい命名や設計を意識することが重要だと学びました。

その後、CSS設計に関する書籍を読み、クラス名の付け方やスタイルの影響範囲を意識したコーディングを、以降の制作に取り入れるようになりました。

参考：ざっくりつかむ CSS設計

補足

制作会社経由の案件のため、クライアント名・URL・画面詳細は非公開としています。