■ 概要 税理士事務所様のコーポレートサイト制作案件にて、デザインカンプをもとにコーディングを担当しました。 実際に納品したコーディングページです。 ⸻ ■ 制作内容 ・HTML / CSSによる静的コーディング ・支給されたPNGカンプをもとにFigmaへ再構築 ・レスポンシブ対応 ・ナビゲーション2パターン（ハンバーガー／通常メニュー）を制作し比較用に提出 ・カンプ未支給の「会社概要ページ」をデザインから新規制作 ・ボタンアニメーション実装 ・必要箇所へのアイコン追加 ・ファビコン設置 ⸻ ■ 対応した内容 本案件では修正依頼はなく、初稿提出後そのまま納品となりました。 ナビゲーションは2パターン制作し、比較検討のうえハンバーガーメニューが採用されています。 ⸻ ■ 工夫した点 ・税理士事務所としての信頼感を意識し、余白と情報整理を重視 ・デバイスごとにレイアウトが崩れないようレスポンシブ設計を調整 ・カンプのないページは既存デザインとの統一感を保ちながら設計 ・ボタンには控えめなアニメーションを加え、UIの質感を向上 ・ファビコンを設置し、サイトとしての完成度を高めた ⸻ ■ 制作期間 約4.5日（提案・実装含む） ⸻ ■ 使用技術 HTML / CSS