デンタルクリニック公式サイト
課題・背景
WordPressオリジナルテーマの制作を一から習得するため、実在するデザインをトレースして制作した自主制作案件。Figmaカンプの細部をどこまで正確にコードで再現できるかが課題だった。40日・約195時間という長期制作で、設計・実装・CMSの組み込みまで全工程を担当した。
設計・実装のポイント
FLOCSS設計でSCSSを管理し、Swiper.jsでメインビジュアルのスライドショー、Drawer.jsでハンバーガーメニューを実装。WordPressオリジナルテーマとしてカスタマイズし、クライアントが管理しやすい投稿構成を設計した。ピクセルパーフェクトを目標にデザインを精密に再現した。
振り返り・学び
195時間の制作を通じてWordPress自作テーマの全体像を習得できた。Figmaカンプとブラウザ表示を何度も見比べながらの作業で、デザイン再現力と細部への観察力が鍛えられた。長期制作のスケジュール管理の難しさも学んだ案件だった。
Basic認証 ID: matsutake2929 / PW: matsutake2929