読了 約 6 分 Cosoado Lab

「LP に書いた機能、実装してありますか?」— ピアコネクト LP を全面リライトした話

個人開発で気づかぬうちに踏み込みやすい「未実装機能を LP で約束する」罠と、利用規約との食い違いの整理、そして医療系プロダクトの sensitivity に合わせて LP を「お便りのような和風」へ作り直した記録。景表法・優良誤認のラインの引き方も含めて、約 6 分でまとめます。

何が起きていたか

ピアコネクト は、希少がん・AYA 世代のがん・男性のがんなど、身近に同じ病気の方が見つかりにくい方のためのマッチングアプリです。1 つのコードベースから 8 本のマッチングアプリを動かしているテンプレ の中の 1 ジャンルとして公開しました。

公開後の LP を改めて読み直してみると、2 つの「実装していない機能」を訴求の中心に置いていたことに気づきました。

  1. 夜のラウンジ — 22 時から翌 5 時だけ開く匿名チャット
  2. 先輩の道のり — 同じがん種・治療法を経験した先輩の 3 年・5 年・10 年後が読める投稿欄

どちらも、コードベースを grep しても実装の痕跡がありません。マイグレーションにテーブル定義もない。LP に書いた約束が、宙に浮いている状態でした。

過去にも、同じ問題で別アプリ (CosMate) の「ドタキャン防止 / 自動制裁」訴求を撤去した経験がありました。教訓は明確で、

LP に書く中核訴求は、実装根拠を Phase 1 段階で必ず確認する。

これを今回も適用し、LP を全面的に書き直しました。

撤去の判断 — 「準備中」と「お約束」を分ける

未実装の機能を LP から消す際、選択肢は 3 つあります。

選択肢採用度理由
A. すぐに実装して LP の主張を真にする「先輩タイムライン」は DB 設計 + モデレーション + UI で 2-3 週間。今すぐは無理
B. LP からまるごと削除する撤去はすぐ可能
C. 「準備中」セクションに格下げして残す撤去 + 透明性確保

採用は B + C のハイブリッド

今、お使いいただけるもの
  ・5 軸プロフィールで似た方をお探しになる機能
  ・双方が「いいね」されたあとのメッセージ機能
  ・匿名のアバター・プッシュ通知を送らない設計
  ・退会後にプロフィール・メッセージ・履歴を速やかにお消しする運用

これから検討してまいるもの
  ・経験された方の経過を、お読みになれる投稿欄
  ・がん種別の合言葉のような小さなしるし
  ・患者会さま・支援団体さまとの公式リンクのご紹介

「先にお約束だけを並べることはいたしません」と添えました。β 段階の小さなアプリにとって、誠実な期待値調整は登録動機に直結します。

利用規約・PP との食い違いも検証する

LP リライトで予定外に発覚したのが、利用規約・プライバシーポリシーとの整合性の問題です。

LP には「退会すると、すべてのデータが即時削除される」と書いてありました。一方、プライバシーポリシー第 6 条には:

運営者は、利用目的の達成に必要な期間に限り個人情報を保存します。アカウント削除(退会)の請求があった場合、運営者は本人確認の上で合理的な期間内に当該アカウントの個人情報を削除するものとします。ただし、以下の情報については削除されない場合があります。

  • 法令により保存が義務付けられている情報
  • システムのバックアップに含まれる情報
  • 統計目的で匿名化・集計化された情報
  • 不正利用防止・係争対応のために合理的に必要な情報

ここに食い違いがありました。LP は「即時 + すべて」、PP は「合理的な期間内 + 例外あり」。

景表法 5 条の優良誤認に該当する可能性のあるラインで、安全側に倒すには LP 側の表現を弱める必要があります。

修正後:

退会後、プロフィール・メッセージ・履歴は速やかに削除されます (法令保存義務分・バックアップ世代を除く / プライバシーポリシー参照)。

長くはなりますが、利用規約と整合します。安全側に倒した。

教訓:

LP を書いたら、自分の利用規約とプライバシーポリシーを音読する。1 文ずつ食い違いを潰す。

デザインを「お便りのような和風」に切り替えた理由

リライト前の LP は、明朝体ベースで墨色と紺、夜空 SVG をヒーロー背景に使った「夜の窓」モチーフでした。それ自体は方向性として悪くないものの、

そこで、コンセプトを 「同じご病気の方へお書きする、一通の手紙」 に切り替えました。

具体的なデザイン判断:

要素BeforeAfter
カラー墨 + 紺 + 夜空和紙の生成り #f7f0dd + 墨 #2a2520 + 落款の朱 #a8503a
角丸12-16px2-4px (障子・封筒の直線感)
shadowカードに 4-12px の影ほぼゼロ (和紙に影は似合わない)
アニメhover scale 1.02 + springscale 完全排除、opacity / 微 translate のみ
ヒーロー装飾夜空 SVG + 星 + 月罫線一本 + 落款「絆」(右上に小さく)
余白line-height 1.8line-height 2.0、padding 32-56px

落款は SVG で擬似的に作りました。フィルタで微妙に擦らせてあります。

過剰装飾 (桜・鶴・水紋繚乱) は意図的に避けました。和風 LP は「やりすぎ」で安っぽくなるリスクがあり、ワンポイントの落款で「お便り」感を完成させるほうが、医療系の sensitivity と合います。

文言を「お医者さんが話すような優しい敬語」へ

並行して、文言も全面的に書き直しました。

Before (リライト前):

同じ道を歩む人と、静かにつながる。
希少がんをはじめ、同じ病気・同じ治療段階の人を探せる場所。
比較しない、ランクしない。

After (今):

同じご病気の方と、静かなつながりを
あなたと似た道を歩いてこられた方が、どこかにいらっしゃいます。
希少がん、AYA 世代のがん、男性のがん。
ご身近に同じご病気の方がおられないとき、
5 つの軸でゆっくりお探しになれる場所をご用意しました。

ポイント:

体言止めのルールは普段は守りますが、今回は対象ジャンルの sensitivity を理由に明示的に上書きしました。ジャンル単位でルールを上書きできる柔軟性を残しておく価値を改めて感じました。

アプリ内のロックアウト画面も同じトーンに

LP だけ和風にしても、登録後にダッシュボードへ飛んだ瞬間に通常 UI が出てくると、体験ギャップで「あれ?」となります。

ピアコネクトはベータで betaDashboardLocked: true のため、登録直後のユーザーは必ずロックアウト画面を見ます。ここを cancer 専用の softMode で和風に揃えました。

{softMode ? (
  <>
    ご登録の方が、徐々にお集まりになっています。
    <br />
    お一人お一人とゆっくり出会えますよう、
    <br />
    もう少しだけお時間をいただけますと幸いです。
  </>
) : (
  <>
    ベータ版なので、コミュニティが育ったら順次解放します。
    <br />
    しばらくお待ちください。
  </>
)}

scale アニメーションも opacity に置き換えました。「跳ねるボタン」は他ジャンルでは触覚アナログとして気持ちよくても、cancer では情緒的に重い。

チェックリスト — LP を公開する前に

最後に、今回のリライトで作った自己チェックリストを残しておきます。

  1. 未実装機能を訴求していないか — LP の機能名で grep src/ してヒットしない機能は撤去または「準備中」へ
  2. 利用規約・プライバシーポリシーと矛盾していないか — LP の主張ごとに PP の該当条文を引き、表現の幅 (即時 vs 合理的期間) を確認
  3. 景表法・薬機法の優良誤認に該当しないか — 「絶対」「完全」「即時」を機械的に検索
  4. ジャンル sensitivity に合うトーンか — がん・AYA・男性がんに「跳ねるアニメ」「scale 1.05」「派手な色」は逆効果
  5. AI 感の排除パスを通したか*LandingPage.tsx の新規作成・大幅編集後は「さっきの AI 要素を排除して同じ要件で再作成」を自己実行
  6. LP の長尾 SEO を用意したか — 単独の LP だけでは検索流入が薄い。/guide 配下のロングフォーム記事 (出典付き) を 3-5 本同時公開する

特に 1, 2, 3 はミスると致命的です。優良誤認は景表法・特商法の違反になり、消費者庁の指導対象にもなりえます。個人開発でも他人事ではない。

関連リソース

本記事で言及したマッチングアプリ + 関連プロダクト

ピアコネクト(本記事の主役) 希少がん・AYA・男性がんの仲間を 5 軸で探せる匿名マッチング TsuriMate 釣り仲間・船割りメンバーマッチング、釣果ログ・魚種図鑑搭載 SparMate BJJ・Boxing・MMA など格闘技の練習相手マッチング NetaPair 漫才・コント・ピン芸人の相方マッチング BoardLink ボドゲ・TRPG・カードゲームの同卓メンバー募集 OshiMate 推し活仲間 (同担スタンス 4 分類) のマッチング