リッチパス
プロジェクト概要
株式会社グローテラスが運営する、金融知識をはじめとした「理想の人生を歩むための知識」を学べるe-Learningプラットフォームです。
プロジェクトの目的
サービスへの入り口から学習体験、決済、進捗管理までを一貫して整備し、ユーザーが迷わず学習を継続できるプロダクト体験を構築することを目的として支援しました。
担当領域 / 関わったこと
- e-LearningプラットフォームのUX/UI設計・デザイン・構築
- 学習コンテンツ動画のデザイン・撮影・編集
- Instagram / TikTokの企画・制作・配信・分析
実施内容（具体施策）
プラットフォームの設計・デザイン・構築
- サービスLP（本命導線）と金融性格診断（カジュアル導線）の設計・制作
- アカウント登録・編集まわり（登録ページ / メール認証 / SSO / プロフィール）
- 決済機能（Stripe → Square移行含む）の設計・実装
- 学習コアシステム（開放条件 / 確認テスト付きe-Learning）の構築
- 学習進捗確認画面（継続日数・累計学習時間など）の設計
- 管理者用画面（ユーザー管理 / 進捗確認 / 課金者数管理など）の整備
SNSの企画・制作・配信・分析
- アカウント初期設計 / KPI設定 / 仮説検証
- 投稿企画、原稿作成、撮影・編集、投稿運用
- インサイト分析（動画単体＋アカウント全体）
学習コンテンツ動画のデザイン・撮影・編集
- グリーンバック撮影環境での収録設計・制作
- 冒頭・締めは講師を全面に、学習パートはスライド中心＋ワイプ構成で制作
- スライド制作〜編集まで一貫対応
対象コンテンツ
- 金融カテゴリー：全27コース / 動画総数98本
- マーケティングカテゴリー：全1コース / 動画総数10本
- 財務カテゴリー：全1コース / 動画総数14本
- 営業カテゴリー：全1コース / 動画総数10本
使用ツール / 技術
- フロント：Next.js（App Router / TypeScript / Tailwind）＋Vercel
- バック：Laravel（Sanctum Cookie）＋Xserver VPS
- 決済：Stripe（初期）→ Square（現在）
- 動画編集：Adobe Premiere Pro
- スライド作成：Adobe Illustrator / Figma
- 撮影：カメラ・照明・プロンプター・マイク設営
成果・実績
学習体験の中核となる「登録→決済→学習→進捗管理」までを一貫して整備し、継続運用が可能なプロダクト基盤を構築しました。
