ECサイトフロントエンド実装
案件概要
中規模のECサイト構築プロジェクトにて、静的コーディングを担当しました。
デザインはクライアント企業からの支給で、バックエンド開発は在籍していた制作会社にて担当。フロントとバックエンドの密な連携が求められる案件で、要件のすり合わせや仕様調整にも積極的に関与しました。
対応範囲
- 静的コーディング（HTML／SCSS／JavaScript）
- EC-CUBEと連携することを前提とした設計
- コンポーネント単位でのマークアップ実装
- レスポンシブ対応、主要ブラウザでの表示確認
こだわったポイント
- 再利用性・保守性を意識したコンポーネント設計により、後工程でのCMS組み込みや運用面での負荷軽減を図りました
- バックエンド開発チームとの協業により、API連携やシステム要件を踏まえた柔軟な調整・対応ができました
- 商品ページ・特集ページなど、多様なページ構成のある中規模ECサイトに関わることで、構造設計や設計粒度の重要性を実践的に学びました
制作期間
2020年10月 ～ 2021年2月
使用技術
HTML / SCSS / JavaScript / Docker / EC-CUBE
