
- 期間
- 要件定義からリリースまで約1ヶ月以上
- 担当範囲
- 要件定義 / 設計 / 実装 / リリース対応
- 構成技術
- Claude Code
- Next.js
- TypeScript
- Tailwind CSS
BACKGROUND
背景
エンターテインメント業界でポップアップイベントの会場を提供されているお客様からのご依頼です。出店したい企業と会場をつなぐBtoBの側面と、消費者向けにポップアップ情報を届けるBtoCの側面、この2つを同時に満たすサイトが必要とされていました。
CHALLENGE
課題
- 会場を探している出店企業と、会場を提供する側とを結びつける導線が整理されていなかった
- 開催中・開催予定のポップアップ情報がWeb上に散らばっており、消費者が探しにくい状態だった
- BtoB(会場を探す企業向け)とBtoC(情報を探す消費者向け)という、目的も文体も異なる2つの利用者を1つのサイトで両立させる必要があった
APPROACH
やったこと
- お客様と要件定義から入り、BtoB・BtoCそれぞれの利用者が何を求めているかを整理した
- 会場を探す企業向けの問い合わせ導線と、消費者向けのポップアップ情報一覧を、情報設計の段階で明確に分離して設計した
- Claude Codeを活用し、要件定義からリリースまでを一貫して対応した
- 開催期間・場所・カテゴリなどの情報を統一したデータ構造で管理し、掲載情報を追加しやすい状態にした
HIGHLIGHT
工夫した点
BtoBとBtoCを1つのサイトで両立させる設計
会場を探す企業と、ポップアップ情報を探す消費者とでは、必要な情報も読み方もまったく異なります。同じサイト内でも導線と見せ方を明確に分けることで、どちらの利用者にとっても迷わない構成にしました。
RESULT
結果
- お客様から好評をいただきました。
LEARNING
学び
目的の異なる2種類の利用者を1つのサイトでどう両立させるかという設計判断は、その後の案件でも意識するようになった経験です。