Works
制作事例
ECプラットフォーム「futureshop」のカスタマイズ
アパレルのオンラインショップで、スタッフのコーディネートオプションを実装しました。
クライアントの要望は、通常の仕様では実現できないため、独自にカスタマイズを行いました。
※ 守秘義務のため、サイトURLおよび一部情報は非公開としています。
| クライアント属性 | アパレル |
|---|---|
| 制作形態 | チーム制作 |
| 期間 | 2024年10〜11月 |
| 制作範囲 | HTML/CSS、Javascriptコーディング、ECサイト（futureshop）へ実装 |
ポイント
クライアントよりデザインデータの支給があり、
そのデザインをもとにECサイト（futureshop）への実装を担当しました。
本案件では、futureshopのオプション機能「STAFF START」を使用していますが、
デフォルト仕様では
・表示位置が固定されている
・デザインの自由度が低い
といった制約があり、支給されたデザインをそのまま再現することが難しい状況でした。
【対応・工夫した点】
・支給デザインを優先し、仕様制限の中で実装方法を検討
・JavaScriptによるDOM操作を用いて、通常は変更できない表示位置へ要素を再配置
・CSSにより、既存テーマとの干渉を避けながらデザインを調整
・公式にカスタマイズ方法の案内がない機能についても、挙動検証を重ねながらデザイン通りの表示を実現
ギャラリー
-
通常の仕様（公式サイト（https://www.future-shop.jp/function/staffstartconnect.html）より） -
実際の実装（トップページ例）。通常は新着順かランキングの一つずつしか表示できないが、Javascriptでタブ切り替えを実装