どこでつまずいたか
01FCの魅力をテキストだけでは伝えきれない
02問い合わせ後のフォロー体制が手動で遅延する
03地方FCの魅力を都市部の候補者に伝えるのが難しい
どう解いたか
01漫画形式で加盟メリットを視覚的・感情的に訴求
02フォーム送信→メール自動通知で即座にフォロー開始
03地域データとマップで沖縄エリアの成長ポテンシャルを可視化
マンガでわかる

できあがったもの
できあがった画面



結果
| 01 | LP経由のFC問い合わせ導線を確立 |
|---|---|
| 02 | 漫画形式でページ滞在時間とコンバージョン率を改善 |
| 03 | メール自動通知でフォロー漏れをゼロに削減 |
この作品でできること
- 漫画ストーリー形式でFC加盟のメリットを直感的に訴求
- ターゲット→サポート→収益→FAQの段階的導線設計
- お問い合わせフォーム+メール自動通知
- 沖縄エリアの地域優位性をマップで可視化
- レスポンシブ設計でスマホからの問い合わせにも最適化
どう作ったか
できること3項目
| 漫画ストーリーで訴求 | 4コマ漫画形式でFC加盟の魅力をストーリーで伝達。テキストだけでは伝わらない感情面に訴求し、共感から問い合わせへの導線を構築。 |
|---|---|
| 段階的導線設計 | ターゲット層の説明→サポート体制→収益モデル→FAQ→お問い合わせの段階的な構成で、読み進めるほど加盟意欲が高まる設計。 |
| 自動フォローシステム | お問い合わせフォーム送信と同時にNodemailer経由で管理者にメール通知。即座にフォローを開始し、機会損失を防止。 |
つくり4項目
| Next.js SSG | 完全静的生成のLPでCore Web Vitals満点を実現。SEO最適化されたメタタグ・OGP・構造化データを搭載。 |
|---|---|
| Nodemailer通知 | フォーム送信時にNodemailerでSMTP経由のメール通知を自動送信。管理者・応募者双方に確認メールを配信。 |
| Supabase DB | 問い合わせデータをSupabaseに保存し、管理画面から応募状況をリアルタイム確認。ステータス管理で対応漏れを防止。 |
| 漫画コンポーネント | レスポンシブ対応の漫画表示コンポーネント。スマホでは縦スクロール、PCではグリッド表示に自動切替。 |
使いどころ3項目
| 独立希望の個人 | 低リスクでスマホ修理ビジネスを開業したい個人向け。漫画で「自分にもできそう」と感じてもらう。 |
|---|---|
| 既存事業者の多角化 | 既存の修理業や家電販売業にスマホ119ブランドを追加し、顧客単価と集客力をアップ。 |
| 沖縄移住+起業 | 沖縄移住を検討中の方に、地域密着ビジネスとしてのFC加盟を提案。生活と仕事を同時にサポート。 |
担当と道具
| 担当 | 企画・構成設計・フルスタック開発 |
|---|---|
| 使った技術 | Next.js 16・TypeScript・Tailwind CSS 4・Supabase・Nodemailer |
この作品のきほん
| 種類 | Webアプリ |
|---|---|
| いまの状態 | 公開中 |
| 規模 | 担当3領域 / 技術5種類 |
| 公開先 | sumai119-franchise.nextcode.ltd |
相談する
おなじものが作れます
同じ仕組みを、あなたの商品でも作れます。
この作品の開発記録・お客様の声
作っているときに考えていたこと、詰まったところをそのまま書いています。
同じカテゴリの制作実績(Webアプリ)
似た課題を解いた他の事例です。


