ECサイト 静的コーディング

案件概要

中規模のECサイト構築プロジェクトにて、静的コーディングを担当しました。
デザインはクライアント企業からの支給で、バックエンド開発は在籍していた制作会社にて担当。フロントとバックエンドの密な連携が求められる案件で、要件のすり合わせや仕様調整にも積極的に関与しました。

対応範囲

• 静的コーディング（HTML／SCSS／JavaScript）

• EC-CUBEと連携することを前提とした設計

• コンポーネント単位でのマークアップ実装

• レスポンシブ対応、主要ブラウザでの表示確認

こだわったポイント

• 再利用性・保守性を意識したコンポーネント設計により、後工程でのCMS組み込みや運用面での負荷軽減を図りました

• バックエンド開発チームとの協業により、API連携やシステム要件を踏まえた柔軟な調整・対応ができました

• 商品ページ・特集ページなど、多様なページ構成のある中規模ECサイトに関わることで、構造設計や設計粒度の重要性を実践的に学びました

制作期間

2020年10月 ～ 2021年2月

使用技術

HTML / SCSS / JavaScript / Docker / EC-CUBE

関連記事

中途採用ページリニューアル（情報設計・デザイン・SEO最適化） メルマガ登録申込みページの新規作成 表組（テーブル）UIの改善・実装 属人化解消に向けた制作環境構築（Backlog／Git／Docker）

Powered by YARPP.