約3年前に担当させていただいた、HOTEL gray2様の公式ホームページ。 デザイナーさんからいただいたIllustratorデータをもとに、HTML / CSS / アニメーション実装を担当しました。 私にとって初めての案件でしたが、見た目の動きや細かな仕様も「どうやったらできるか？」を考えながら形にしていきました。 🔹 担当範囲 HTML / CSSコーディング（スマホ対応） スライドアニメーションの実装（スクロールで下からふわっと表示） フォントや間隔の調整（高級感を意識） 🔹 こだわったポイント ラグジュアリーな世界観に合わせたゆったりとした動きや間隔 スクロールで要素が下からふわっと現れる、シンプルなアニメーション Illustratorのデザインを忠実に再現しつつ、レスポンシブ対応にも配慮 🔹 使用スキル HTML / CSS メディアクエリ（スマホ表示対応） アニメーション（transition / keyframes） 基本的なWeb構造設計