本文へ

設計コンセプトを見る

二つのコンセプトと、その設計の理由。

提供内容を伝え、訪問者の判断を助けるWebサイトの構成を考えます。既存の画像を使った設計の検討であり、完了した顧客案件の紹介ではありません。

導線の比較例:次の行動が不明なウェブサイトと、明確なページから問い合わせ、APIへつながる流れを示しています。
構成の例 — 途切れた導線から、ページ・問い合わせ・APIがつながる流れへ。

どちらもコンセプトです。画像はサイト内の視覚的な参考資料であり、受注案件の証拠ではありません。効果は設計上の目的で、観測した顧客成果ではなく、実績データの主張はありません。

設計コンセプト · 01

インテリアの提供内容と相談までの導線

インテリアと家具のWebサイト画像を用いた設計コンセプトの参考
インテリアと家具のWebサイト画像を用いた設計コンセプトの参考

課題

この仮想の要件では、インテリア事業が相談を受ける前に、何を提供するかを説明する必要があります。大きな写真だけでは、対応範囲、自分の要望との相性、相談の始め方が伝わりません。

目指す効果

目的は、訪問者が要望を説明しやすい最初の会話をつくることです。顧客に対して検証した案ではありません。このコンセプトから問い合わせ件数や売上の増加を判断することはできません。

設計の判断と学びを見る

考え方

既存のインテリアと家具の画像を参考に、訪問者の疑問を順番に整理します。サービス説明と補助的な写真を分け、連絡ボタンの前に、検討するための具体的な情報を配置する構成を考えます。

提案する構成

提案する構成は、具体的な提供内容、用途がわかる例、相談時に用意する情報の順です。問い合わせの前にサービスページへ進めるようにし、対応範囲を確認してから相談できる導線にします。

設計から学べること

写真は提供内容の説明を支えるために使います。初めて読む人にサービスと次の手順を説明してもらい、まだ疑問が残る場所を記録すれば、構成を見直すための材料になります。

ガイドを読む: 信頼できるWebサイトは、明確なサービス説明から

設計コンセプト · 02

比較に必要な情報を揃える商品カタログ

商品カタログのコンセプトを考えるための既存ECサイト画像
商品カタログのコンセプトを考えるための既存ECサイト画像

課題

この仮想の店舗要件では、商品を選ぶ前に比較できる情報が必要です。整った一覧でも、種類、在庫、選んだ後の手順がわからなければ、購入者の疑問は残ります。見た目と情報の両方を考える必要があります。

目指す効果

目的は、注文や問い合わせの前に比較をしやすくし、未回答の疑問を減らすことです。この検討では店舗の数値を測定していません。購入率の改善や問い合わせ負担の減少を実証したものではありません。

設計の判断と学びを見る

考え方

既存のEC画像を視覚的な出発点として使い、動作する店舗のデモとは扱いません。カテゴリ、商品情報、次の操作までの流れを描き、在庫や配送の説明が必要な場所を確認します。

提案する構成

提案するカタログは、統一した商品概要と、選択肢や注文手順を説明する詳細ページで構成します。決済、在庫、配送、アカウントの連携は、実現可能性を確認したうえで別途実装範囲を合意する必要があります。

設計から学べること

商品情報と運用の責任を一緒に計画します。決済機能を作る前に、カタログの管理担当、在庫を確認する方法、注文を完了できない場合に顧客へ表示する内容を決めてください。

ガイドを読む: 問い合わせまでの流れを、わかりやすく整える