新規事業 / Webプロダクト
恋クラ事業の立ち上げと診断プロダクト運営
RPG の世界観と恋愛診断を掛け合わせた自社事業「恋クラ」を企画・制作・運営し、診断導線、相性診断、図鑑、PWA、SNS シェアまで一貫して設計・実装した事例です。
公開サイト
実際に公開されている画面をそのまま確認できます。表示が崩れる場合は新しいタブで開いてください。
課題
診断系サービスは入口の訴求だけでは差別化しづらく、結果画面の満足度、シェアのしやすさ、再訪導線の設計が弱いと継続的な成長につながりません。
背景
Z 世代向けの恋愛診断文脈に RPG 的な成長要素を掛け合わせ、診断後も遊びが続く構造を作ることで、世界観訴求とシェア性の高いプロダクトにする狙いがありました。
提案・設計
診断だけで終わらないよう、結果カード、相性診断、図鑑、PWA、動的 OGP を接続し、回遊と共有が自然に起きる体験へ再編しました。
実装
Next.js / TypeScript / Tailwind を基盤に、診断ロジック、16 タイプの結果設計、相性導線、PWA、シェア導線、動的 OGP、状態保存を含む一連の機能を実装しました。
役割
事業企画、コンセプト設計、情報設計、UI/UX デザイン、フロント実装、公開運営を担当。
成果
単なる LP ではなく、遊びながら回遊できる Web プロダクトとして公開運営できる状態まで仕上げ、企画、体験設計、UI、実装、運営まで一貫して担った実績として整理できました。