気に入った収納家具を見つけて、置き場所に合わせて幅を少し変えたい。脚も写真とは別の形にできるだろうか。商品ページに「セミオーダー対応」とだけあると、選択画面で決められることと、職人への相談が必要なことが分かりません。購入者が自由に数値を入力してよいと思ったり、反対に変更できる仕様を見落として離れたりします。
家具製造・木工の経営者・Web担当者が整えたいのは、選択肢の数を増やすことではなく、実際の製作範囲を画面で誤解なく示すことです。この記事では架空の収納家具を例に、標準仕様、選べる仕様、個別相談の境界を表にし、商品ページの選択画面と相談への引継ぎを考えます。表中の寸法・脚・価格は実在の製品仕様ではありません。数値や納期は製造担当者が確認した資料を使って決めます。
「セミオーダー」の一語を、製品ごとの条件へ分解する
同じ会社の家具でも、幅を一定の刻みで選べる製品、色だけ選べる製品、脚の変更に個別見積が必要な製品があります。全商品へ「サイズ変更可」という共通表示を付けると、対応できない組み合わせまで選べる印象になります。まず製品ごとに、変更しない標準形、決められた候補から選べる形、担当者が個別に可否を判断する希望を分けます。この三つは、購入者が画面上で取る行動も異なります。
カリモク家具のサイズオーダーソファは、対象モデルの幅や肘の形などの選択肢とともに、短い脚のオプションは一部の型に限ると示しています。同社のデスクユニットも、天板・脚などの組み合わせを示しつつ、アイテムによって対応色が違うと注記しています。ここから参考にするのは「選択肢がある」と「どの組み合わせにも使える」を区別する見せ方です。両製品の寸法や価格を、別の木工所の対応範囲として転用するものではありません。
現行の家具製造・木工向けWeb制作案内は、既製品、寸法変更、一からの別注を分け、製品ごとに変えられる範囲を示す方針です。この記事ではその中でも、すでに製品が決まっている人が選択画面で迷う場面に絞ります。一から設計するフルオーダーの進め方や木材の品質判断を広げず、画面が何を選べると約束しているかを確認します。
標準・選択可・個別相談の仕様表を作る
サイトの入力欄を設計する前に、製品仕様書、実際の見積、受注時の説明をそろえます。標準の状態を「選択されている候補」として示すには、どの寸法、脚、仕上げが基本形かを明確にする必要があります。次の表は架空の収納家具についての情報設計例です。具体的な変更幅、選択肢の互換性、価格は何も確定していない想定です。自社では、表の空欄へ確認済みの値と資料名を入れて使います。
| 仕様項目 | 標準として示すこと | 画面で選択可にする条件 | 個別相談へ送る条件 |
|---|---|---|---|
| 外寸の幅 | 基本モデルの幅と単位、図面の版 | 製造側が承認した候補値だけを列挙 | 候補にない幅、壁や設備に合わせた納まり |
| 奥行き・高さ | 標準外寸と内寸への影響 | 選べる場合は幅との組み合わせを確認 | 開閉や強度など再設計が必要な希望 |
| 脚の形・高さ | 標準脚と設置時の全高 | 対応する本体・仕上げの組だけ表示 | 別形状、既定外の高さ、現場条件による変更 |
| 素材・仕上げ | 使用部位ごとの標準仕様 | 実際に供給できる色・素材だけ提示 | 見本にない素材や特殊な仕上げ |
| 扉・内部 | 標準の開き方、棚の数、内寸 | 製造側が定義した構成のみ | 配線、設備、造作との取り合い |
| 搬入・設置 | 配送と設置の標準的な扱い | 地域等で選べるサービスがあれば表示 | 狭い経路、階段、壁固定などの確認 |
表で「選択可」としたものだけを、ボタンやプルダウンにします。「個別相談」の欄は、購入者が自由な数値を打ち込めば注文できるという意味ではありません。希望を伝える入口と、正式な仕様を確かめる手順を示すための欄です。製品ごとに異なる場合は、共通の大きな「自由に変更できます」という文より、その商品で有効な選択肢を優先します。
表を管理画面へ移すときは、表示用の短い名前と社内で照合する品番を別に持たせます。購入者には「丸脚・濃色」のように違いが分かる名を見せ、製造側には承認済みの仕様コードを渡す形です。名前だけを更新して品番の対応が古いままだと、画面に見える選択と工房へ届く指示がずれます。新しい選択肢を追加する際は、写真、価格、対応する本体、受付後の帳票まで同時に確認し、一覧に載っただけで注文できる状態にしないようにします。
幅を選ぶ欄には、何の幅かと単位を残す
「幅120」という数字だけを並べても、外寸なのか収納部分の内寸なのか、単位がセンチメートルかミリメートルか分かりません。製品図の同じ位置に選択した値を表示し、寸法の基準を言葉でも示します。収納家具なら、外側が置き場所に収まることと、収納したい物が内部に入ることは別です。選んだ幅に応じて内部の仕切りや棚の数が変わるなら、その違いを図・説明へ反映します。写真が標準幅の製品なら、変更後も同じ比率に見えるような画像だけを表示しないようにします。
幅を自由入力にするか、候補から選ぶかも、製造側の承認条件から決めます。例えばある刻みでだけ製作できるなら、その候補を選択肢として表示し、範囲外の希望は相談へ分けます。数値欄に上限と下限だけを付けても、間の全数値を受注できるとは限りません。画面が数学的に入力できる値と、工房が製作できる仕様を一致させます。変更できない製品で数値欄を出す必要はありません。
寸法を決める前に、利用者が測る場所を案内します。置き場所の壁幅だけでなく、巾木、コンセント、開けた扉、通路などで必要な確認は変わります。ただし、サイト上で一般的な採寸の目安を示すことと、製作前の正式な採寸を済ませることは別です。壁面や造作に合わせる場合に誰が現地を確認するか、どの段階で仕様が確定するかを示します。購入者がフォームの自己申告寸法だけで設置を保証されたと思わないようにします。
脚・仕上げの選択は、組み合わせを確認する
脚の写真を三種類並べるなら、その三種類がすべての本体幅・素材に合うかを製造担当者へ確認します。特定の幅では中央脚が必要になる、仕上げによって対応しない脚がある、といった条件がある場合は、選択後に初めて警告するより、組み合わせを選ぶ時点で分かる表示にします。「選択不可」の理由が短く説明できるなら添え、相談で確認できる希望なら入口を残します。ただし、可能か不明な組み合わせを自動で「対応可」と見せないようにします。
表示する写真も選択肢と対応させます。標準脚の全体写真しかない場合、別の脚を選んだ途端に合成画像で正確な完成品を示す必要はありません。脚の単体写真、取り付けた実物の参考写真、寸法図を分け、どこまでが見本か説明します。画像上の木目や色味は、前の無垢材の個体差を伝える記事が扱う範囲です。ここでは「脚Aを選んだのに確認画面は脚Bの写真」という選択と表示の不一致を防ぐことに集中します。
組み合わせの制約が多い製品なら、最初から全候補を並べるより、まず本体の型を決め、その型で使える脚と仕上げを順に示す方法もあります。一方、見た目の好みから脚を選ぶ人もいるため、順番は実際の相談の流れで試します。どの順番でも、選べない候補を単に消すだけでは「在庫がない」「廃番」「この幅と組めない」の違いが伝わりません。理由を確認できる短い説明へつなぎ、選択し直すか相談するかを選べるようにします。
価格と納期は、選択が変わる位置で確認できるようにする
幅や脚を変えると価格が変わるなら、選択後の合計を見せるか、個別見積が必要かを画面で分けます。標準価格だけを大きく表示し、脚の差額を最後の確認画面で初めて出す構成は避けます。価格を自動計算できる仕様の組み合わせと、見積が必要な変更を同じ「注文する」ボタンへ流さないようにします。表示価格に配送・組み立て・設置が含まれるかも、その商品と選択中のサービスに合わせて確認します。
製作期間も、素材や仕様によって変わる場合は一つの数字だけで約束しません。希望時期を聞くことと、納品日が確定することは違います。選択可能な標準の組み合わせでは目安を示せても、個別相談では仕様確認後の案内になるかもしれません。日付を掲載するなら、いつ確認した情報か、どの段階で正式に回答するかを明記します。制作担当が過去の納品事例から一律の最短日数を作らず、現在の受注体制に合わせます。
購入画面へ進める場合は、注文直前に選んだ本体、幅、脚、仕上げ、価格、配送・設置の扱いを一覧で示します。個別相談へ進む場合は、希望を受け取っただけで製作可能と確約した文になっていないか確認します。「ご希望を確認し、製作可否と見積をご案内します」のように、次の判断者と段階を示します。両方の出口で同じ「注文完了」の表示を使わないようにします。
注文を受けた後に製造側が仕様を見直す運用なら、その確認段階も画面へ反映します。購入完了メールの仕様名、管理画面の受注情報、製作指示書の品番を一件の架空注文で照合し、選択した脚や幅が欠けていないか試します。個別相談から承認済みの見積へ進む場合は、最初の希望と最終仕様を別の記録として残します。相談時の数値をそのまま製作寸法にしてしまわないためです。
選択画面のラベルと、更新する仕様をそろえる
W3Cの入力ラベルと説明に関する解説は、入力に必要なラベルや説明を示すことを求めています。色だけで標準と追加料金を区別せず、「標準」「選択可」「個別相談」を文字で示します。脚の選択肢が画像だけなら、名前と対応する製品写真、選択後の状態が分かる説明を用意します。スマートフォンで下へ長く続く場合にも、現在選んでいる幅と脚、価格を確認できる位置へ要約を置きます。
未対応の組み合わせを選んだ際は、ただ選択肢を消すだけでなく、なぜ選べないか、相談なら可能性を確認できるかを示します。途中で幅を変えた結果、選択済みの脚が無効になった場合は、脚の選択状態を黙って標準へ戻さないことが大切です。変更された内容を知らせ、利用者が再選択できるようにします。自由入力の希望欄を設けるなら、「ここに書けば注文仕様が確定する」印象にならない説明を添えます。
運用面では、製品仕様の変更が選択肢、図、価格、写真、確認画面のすべてへ反映されるようにします。標準幅の改訂、脚の廃番、素材の欠品などが生じた時、どの表示を更新するか一覧にしておきます。古い商品写真や選択できない候補だけが残ると、画面で受け取った希望と現場の製作条件がずれます。仕様書の版とサイト公開日を対応させ、製造・販売担当者の確認を経て更新します。
受入確認には三つの場面を使います。標準品のまま注文する人、承認済みの幅と脚を選ぶ人、候補外の幅を相談する人です。それぞれで商品図、選択欄、価格表示、確認画面、送信後の文が同じ仕様を指しているか見ます。画面幅を狭めても、選択中の値と条件が離れず読めるかを確かめます。個別相談で受け取った希望は、製造担当に届く際にも「未確定」のまま残します。
現行の家具向けLPは、製品販売・別注事例・相談の広い導線を案内します。無垢材の個体差の記事は、見本写真と届く品との関係が中心です。この記事はその間にあるセミオーダー選択画面を対象に、変更できる仕様と確認が必要な希望を分けました。自社の主力製品一つについて、標準仕様と承認済みの選択肢を持ち込み、家具製造・木工向けWeb制作案内から画面の改修範囲を相談できます。
選べる仕様を、製作条件と一致させる
主力製品の標準形、確定した選択肢、個別相談で確認する希望を一枚の表にしてみてください。幅や脚の選択、価格表示、相談への引継ぎを、実際の製作と販売の流れに合わせて整理できます。
参考にした公開情報
2026年9月23日確認。表・図は架空のWeb設計例です。他社の寸法や価格を自社仕様として使用するものではありません。
