案件概要

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

対応範囲

  • 静的コーディング(HTML/SCSS/JavaScript)
  • EC-CUBEと連携することを前提とした設計
  • コンポーネント単位でのマークアップ実装
  • レスポンシブ対応、主要ブラウザでの表示確認

こだわったポイント

  • 再利用性・保守性を意識したコンポーネント設計により、後工程でのCMS組み込みや運用面での負荷軽減を図りました
  • バックエンド開発チームとの協業により、API連携やシステム要件を踏まえた柔軟な調整・対応ができました
  • 商品ページ・特集ページなど、多様なページ構成のある中規模ECサイトに関わることで、構造設計や設計粒度の重要性を実践的に学びました

制作期間

2020年10月 ~ 2021年2月

使用技術

  • HTML
  • SCSS
  • JavaScript
  • Docker
  • EC-CUBE

Mimu Fujiwara

フリーランスのテクニカルPM/Webディレクター。 Webサイトのリニューアルや改善の相談を受ける中で、「本当に解決したいこと」と「依頼内容」が少しずれている場面によく出会います。 依頼されたものをそのまま作る前に、目的や課題、運用状況を整理し、「何を作るべきか」から一緒に考える立場で関わっています。 WordPressやHubSpotなどのCMS案件を中心に、要件整理・情報設計・技術調整・運用改善までを横断して支援。公開して終わりではなく、その後も無理なく運用・改善できる状態をつくることを大切にしています。