パッケージの「枠」に事業を合わせない。運用実態に直結するデータ構造に踏み込む画材ECサイトリニューアル

■ オプションを使わない「独立SKU」と「一括購買UI」の設計

【当初の想定】

数十〜数百の色が存在するという特徴に対し、アパレル等のECのセオリー通り「親商品」を用意し、色は「プルダウン（select）などのオプション」として持たせればデータは管理できると考えていました。

【実態】

しかし、ユーザーは同種のペンをまとめて十数本買うため、色をプルダウンにすると「1本選んでカートに入れ、また詳細ページに戻る」操作が必要になり、購買の妨げになります。
かといって「ペンだけ一覧画面にチェックボックスを置き、他の商品はプルダウンにする」という商品ごとの条件分岐を組み込むと、カスタマイズ範囲が広がり、将来的なシステム保守性が低下します。

【私たちが提案した設計】

そこで私たちは「色をオプションとして扱わない（すべてを完全に別商品として登録する）」設計を選択しました。このデータ構造は、後述する基幹システムとの商品マスタ連携の仕様に直結するため、お客様と綿密なコミュニケーションをとり許可を得た上での提案です。
データベース上では独立した商品としつつ、フロントUI上では一覧画面から数十種類をスムーズにカートへ入れる一括購入UIを実現しました。これにより、大量購入の要件とシステム保守性を両立しました。