CASE 01
フロントエンド開発
FigmaデザインデータよりUI/UXコーディング
概要Overview
Figmaで支給されたデザインデータをもとに、コーポレートサイト全体のフロントエンド実装を担当。
複数デバイスで統一感のあるUI/UXを実現しました。
担当範囲Scope of Work
- HTML / CSS / JavaScriptによる静的ページ構築
- レスポンシブ設計
- アニメーション・トランジション実装
- コードレビュー・リファクタリング対応
技術構成Technologies
HTML5, CSS, JavaScript
制作のポイントHighlight
Figmaのコンポーネント構造を意識し、再利用性の高いCSS命名(BEM記法)と変数設計を採用。
軽量でメンテナブルなコードに仕上げました。
結果Results
納品後の修正依頼が少なく、運用フェーズでのスタイル崩れが発生しない安定した構築が評価されました。
関連プロジェクト