概要
HTML5、CSS3、JavaScript を用いたページ作成、テスト、レスポンシブ対応、パフォーマンス最適化、フィードバック対応まで一貫して担当しました。
技術スタック
JavaScript
HTML
CSS
SCSS
jQuery
Gulp
Pug
Git
GitHub
XD
VS Code
MacOS
📅
期間
2021年1月～2021年3月
チーム構成
👤フロントエンドエンジニア: 3
👤デザイナー: 1
👤ディレクター: 1
主な機能
- 1HTML5、CSS3、JavaScriptで直感的なUIページを設計・コーディング
- 2テストで機能性とユーザー体験を確認
- 3顧客フィードバックに対応し修正・調整
- 4画像最適化、コード圧縮、非同期処理でパフォーマンス改善
- 5レスポンシブデザインを実装
- 6納品ドキュメント整備でスムーズな引き渡し
課題と解決策
企業ブランドサイトとして、コーポレートアイデンティティを反映した高品質なデザインと、ブランドガイドライン準拠が求められました。Pugテンプレートとgulpワークフローを活用し、全ページで一貫したスタイルを維持しつつ、各デバイスで適切に表示されるよう実装しました。
成果
ブランドガイドラインに沿ったデザインを全ページで統一し、修正対応時のズレや手戻りを抑えることができました。テンプレート化とパフォーマンス改善により、ページ表示速度と保守性の両方を向上させました。
