◇概要 自身のポートフォリオページを想定したデザインカンプ（index.png）をもとに、コーディングを担当しました。 MacBook Air（13インチ）表示を想定したPC版ページとして制作しています。 ◇担当範囲 ・HTML / CSSによるコーディング ・デザインカンプ（index.png）の忠実な再現 ・Works一覧のhover演出実装 ・「and more …」のhoverアニメーション実装 ◇仕様・条件 ・画面サイズ：MacBook Air（13インチ）想定 ・レスポンシブ対応：なし ・Works内の作品画像はダミーリンクを設定 ◇実装のポイント ・Worksの作品画像は、hover時に暗くなるUIでリンクであることを明確化 ・「and more …」は、視線を誘導するhoverアニメーションを実装 ・シンプルで可読性の高い構造を意識し、保守性にも配慮 ◇制作結果 初回提出で修正なしのまま納品完了。 デザイン再現性・UI表現ともに評価をいただきました。