Skip to content

Feature: [front] 初回オンボーディング(Web版ウォークスルー)を実装する #497

Description

@ippei-shimizu

概要

mobile はインストール後に3ステップのスライド(自動計算 / ランキング / 成長グラフ)を表示し、完了状態を永続化して未完了ならリダイレクトする。front には LP はあるが、サインアップ直後のプロダクト内ウォークスルーがない。

実装対象

  • ONBOARDING_STEPS 定数(mobile constants/onboarding.ts の3ステップをそのまま流用可)
  • イラスト3点(mobile の React Native SVG を Web SVG へ移植、または共通 SVG 化)
  • スライド UI(キーボード左右操作・スワイプ・PageIndicator・スキップ / 戻る / 次へ / はじめる)
  • 表示タイミングの決定(サインアップ完了後 or register-username 後)

要検討

完了状態を localStorage にすると mobile とデバイス間で共有されず、mobile で完了済みのユーザーが Web で再度見ることになる。許容するか、users テーブルに onboarding_completed_at を持たせて統一するか(back 変更が必要)を先に決める。

規模: M

Metadata

Metadata

Assignees

Labels

enhancementNew feature or requestfrontendgrowthユーザー獲得・収益化に関する施策

Projects

Status
Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions