概要
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
概要
mobile はインストール後に3ステップのスライド(自動計算 / ランキング / 成長グラフ)を表示し、完了状態を永続化して未完了ならリダイレクトする。front には LP はあるが、サインアップ直後のプロダクト内ウォークスルーがない。
実装対象
ONBOARDING_STEPS定数(mobileconstants/onboarding.tsの3ステップをそのまま流用可)register-username後)要検討
完了状態を
localStorageにすると mobile とデバイス間で共有されず、mobile で完了済みのユーザーが Web で再度見ることになる。許容するか、usersテーブルにonboarding_completed_atを持たせて統一するか(back 変更が必要)を先に決める。規模: M