制作背景
このサイトは、スクール案件として「自身のポートフォリオページを想定したデザイン」を元にコーディングしたものです。
実案件を想定し、指示書に従って要件を満たす構造とデザインを実装。納期も自分で設定し、制作とスケジュール管理の練習を兼ねて取り組みました。
制作過程
- 指示書をもとに、必要なセクション(About / Works / Contact)を洗い出し
- レイアウトを構成し、HTML でセマンティックにマークアップ
- CSS でスタイルを整え、BEM 設計でクラス命名
- 表示確認・微調整を重ねて完成