ECサイト

Lumi Home

数百点の中からお気に入りの器を見つけ、1ページで決済。注文後の在庫切れの心配もありません。

Lumi Home — ECサイト
クライアント
複数チャネルで小売展開する手作り生活雑貨ブランド
業界
小売
サービス
Webサイト制作
開発期間
11週間
年
2025

プロジェクト概要

対応範囲

ユーザーリサーチUIデザインECサイト在庫同期

このブランドは、手工芸の工房でつくられた陶器、キッチン用品、インテリア雑貨を、実店舗、ECモール、SNSで同時に販売しています。陶器は一点ごとに釉薬の色やサイズが微妙に異なり、各デザインの数量も少ないため、注文後に在庫切れが判明するケースが頻繁に起きていました。

ブランドが求めていたのは、手仕事ならではの素朴な魅力を伝えながら、数百点の商品の中から欲しいものを見つけやすく、スムーズに決済でき、どのチャネルで購入しても正確な在庫数が常に表示されるWebサイトでした。

課題

01

一般的な絞り込みでは不十分

お客様は商品コードや固定のカテゴリーではなく、「苔のような緑の釉薬」「4人掛けの食卓にちょうどいい」といった感覚で商品を探していました。

02

分散した在庫

同じ商品が店舗、ECモール、Webサイトで販売されており、更新がわずかに遅れるだけで実際の在庫を超えて販売してしまうおそれがありました。

03

決済ステップでのカゴ落ち

従来の購入フローはステップが多く、アカウント作成が必須だったため、注文完了の直前で離脱するお客様が多くいました。

GREEN TECHのソリューション

私たちは、お客様が実際に商品を表現する言葉に沿って、釉薬の色、素材、サイズ、用途、テーブルコーディネートのスタイルといった商品属性を再設計しました。Next.jsとTailwind CSSによるフロントエンドでスムーズな閲覧体験を実現し、LaravelとMySQLを唯一の在庫データソースとして、キューを介して各販売チャネルとの変更の受け渡しを行います。決済は1ページに集約し、アカウントなしでの購入や、リピーターの住所自動入力にも対応しました。サイトはCloudflare経由で配信し、どの端末でも商品画像が素早く表示されます。

主な機能

スマートな絞り込み検索

複数の属性を組み合わせて絞り込めるほか、同じコレクションの商品を提案し、釉薬の色のバリエーションごとに実物の写真を表示します。

1ページ決済

電子ウォレット、銀行振込、代金引換に対応し、住所を入力した時点で送料を計算します。

複数チャネルの在庫同期

店舗、ECモール、Webサイトのすべての注文が同じ在庫から引き当てられ、売り越しのリスクを最小限に抑えます。

季節ごとのコレクション

チームが自らコレクションページを作成し、販売開始日時を予約したり、数量限定品にラベルを付けたりできます。

導入の成果

+24%

コンバージョン率

-60%

在庫切れによるキャンセル

1.6秒

カテゴリーページの表示

新しいWebサイトにより、ブランドは受注対応の人員を増やすことなく売上を伸ばせるようになりました。お客様は自分のイメージどおりに商品を探せるようになり、注文はより早く完了し、在庫切れのお詫びをすることもほとんどなくなりました。また、売れ筋の釉薬の色やサイズに関する明確なデータが得られたことで、手工芸の工房への発注計画を立てやすくなり、過剰在庫を防げるようになっています。

使用技術

React / Next.js
Tailwind CSS
Laravel
MySQL
Cloudflare
今すぐお問い合わせ!

次のプロジェクトのアイデアをお持ちですか?

貴社の目標をぜひGREEN TECHにお聞かせください。ご要望を分析したうえで最適なソリューションをご提案し、詳細なお見積りを無料でお送りします。

無料相談はこちら

お問い合わせ

貴社のプロジェクトを
今日から始めましょう

協業のご相談

または、こちらへ直接メールでご連絡ください:

  • 24時間以内にスピーディーに対応。
  • 専門家と直接やり取りが可能。
  • 明確な戦略をご提案。