プロダクトハブ
プロダクトハブは、テナントのすべてのアクティブな製品を一か所にまとめたカタログページです。エンドユーザーが製品を見つけてフィードバックチャンネルにアクセスするための理想的なエントリポイントです。
URL
| ページ | URL |
|---|---|
| 製品一覧 | /p/{tenant-slug} |
| 個別製品 | /p/{tenant-slug}/{product-slug} |
例:
https://yourdomain.com/p/acme-corp
https://yourdomain.com/p/acme-corp/acme-pro-dashboard
製品一覧ページ
製品カードのレスポンシブグリッドを表示します(モバイル:1 列、タブレット:2 列、デスクトップ:3 列)。
各カードには以下が表示されます:
- 製品画像(またはグラデーションのプレースホルダー)
- カテゴリバッジ(設定されている場合)
- 製品名
- 説明(省略表示)
- スター評価(平均)
- レビュー数
- アクションボタン:
- 「フィードバックを送る」 -> 製品のアクティブなキャンペーンフォームにリンク
- 「レビューを見る」 -> 製品でフィルタリングされたフィードバックウォールにリンク
個別製品ページ
単一製品の詳細情報を表示します:
製品ヘッダー
- 製品画像
- 名前と説明
- カテゴリバッジ
- 平均評価とレビュー数
クイックアクションカード(4 カード)
| カード | アクション | URL |
|---|---|---|
| フィードバックを送る | フィードバックフォームを開く | /feedback/{campaign-slug} |
| レビューを見る | 承認済みレビューを確認 | /wall/{tenant-slug}?product={product-slug} |
| ロードマップ | 製品のロードマップを確認 | /roadmap/{tenant-slug}?product={product-slug} |
| チェンジログ | 製品のアップデートを確認 | /changelog/{tenant-slug}?product={product-slug} |
最近のレビュー
この製品の最新の承認済みフィードバックが「すべてのレビューを見る」リンク付きで表示されます。
ユースケース
- エントリポイント --
/p/your-slugをメインフィードバック URL として共有 - 複数製品を持つ企業 -- ユーザーが製品間をナビゲートできるように
- ソーシャルプルーフ -- スター評価とレビュー数が信頼性を高める