K12 Online Education Platform — Product Design
Product Design  ·  UX / UI
K12 Online Education
Platform
K12オンライン教育プラットフォーム設計
01
Student
学生 · 保護者
App Web / PC iPad
Learning experience starting point — teacher search, live lessons, progress tracking.
02
Teacher
講師
App Web / PC
Class management & learning support — scheduling, live delivery, feedback.
03
TA
ティーチングアシスタント
Web / PC
Operations, matching & support hub — the connective tissue of the platform.
● Student books
学生が予約
● TA matches
TAがマッチング
● Teacher teaches
講師が授業
● Student reviews
学生がフィードバック
Challenge
Three user types — students (+ guardians), teachers, and operations staff — each with radically different workflows that needed to stay in sync in real time.
三種類のユーザーが異なるワークフローをリアルタイムで連携する必要があった
Approach
Designed role-specific native apps and web portals, unified by a shared data and workflow integration layer beneath all three surfaces.
各役割に特化したUI設計と、三者を繋ぐ共通データ基盤の構築
Scope
3
Roles
5
Platforms
1
Ecosystem
Student — 学生向け
学習体験の起点 / Learning experience starting point
Role
Student
学生 + 保護者(Guardians)
The primary user of the learning experience. Students search for teachers, book and attend live online lessons, submit homework, and track their own progress — all from one app. Guardians share visibility into the child's learning journey.
教師を探し、予約し、オンライン授業を受け、課題を提出し、学習進捗を確認するメインユーザー
Platforms
📱
App
スマートフォン
💻
Web / PC
ブラウザ対応
📲
iPad App
タブレット学習
Key features
01
Teacher search & booking
教師検索・予約 — 教科・スケジュール・評価でフィルタリング
02
Live online lesson attendance
オンライン授業受講 — 統合ツールでライブ授業に参加
03
Recorded lesson playback
授業録画の視聴 — いつでも復習できるアーカイブ機能
04
Homework & assignment submission
宿題・課題提出 — アプリ内で完結する課題管理
05
Progress tracking & teacher feedback
学習進捗・フィードバック確認 — 継続的な学習改善をサポート
Design focus
Frictionless booking flow
予約の摩擦を最小化し、最初の授業まで迷わせないUX
Visibility for guardians
保護者が子どもの学習状況を把握しやすいダッシュボード
Continuity across devices
スマホ・タブレット・PCでシームレスな学習体験
Motivation & habit loops
進捗可視化で継続学習を促すモチベーション設計
Teacher — 講師向け
授業運営と学習支援 / Class management & learning support
Role
Teacher
講師(授業運営・学習支援)
Teachers manage their own availability, publish lesson slots that students can book, deliver live online classes through the platform, and create tailored feedback for each student after each session.
スケジュール管理・ライブ授業配信・教材管理・学習フィードバックを一つのアプリで完結
Platforms
📱
App
授業管理・通知
💻
Web / PC
授業配信・教材管理
Key features
01
Class schedule management
授業スケジュール管理 — 空き時間を公開し、学生が直接予約(学生予約)
02
Live online lesson delivery
オンライン授業実施 — プラットフォーム内蔵ツールでライブ配信
03
Course & material management
教材・コース管理 — 教材のアップロード・整理・配布
04
Learning feedback creation
学習フィードバック作成 — 授業後の個別フィードバックを自動記録・送信
Design focus
Schedule-first design
スケジュール管理を中心に据えた講師ダッシュボード
In-class tools integration
授業ツールをアプリ内に統合し、外部ツール不要
Feedback workflow
授業後フィードバックを効率化するテンプレート設計
Teacher quality visibility
評価・実績データを講師自身も確認できる透明性設計
TA — ティーチングアシスタント向け
運営・マッチング・サポートの中枢 / Operations, matching & support hub
Role
Teacher Assistant
TA(運営・マッチング・サポートの中枢)
The TA is the operational backbone of the platform — matching students to the right teachers, managing teacher availability and hours, handling post-lesson follow-up, resolving CS issues, and feeding quality data back into continuous improvement.
学生と講師のマッチング・品質管理・CS対応・改善提案を担う運営の中核
Platform
💻
Web / PC
TAはWeb専用ポータルで運営
学生・講師の両サイドのデータを一元管理するオペレーション特化設計
Key features
01
Teacher hours & schedule management
講師稼働・授業時間管理 — 講師の稼働状況・授業時間をリアルタイム把握
02
Student × teacher matching support
学生 × 講師マッチング支援 — 教科・スケジュール・相性に基づく最適マッチング
03
Top teacher recommendation & referral
優秀講師の提案・紹介 — 高評価講師を学生へ積極的にレコメンド
04
Post-lesson follow-up & CS support
受講後フォロー・問い合わせ対応 — 授業後の継続サポートとCS窓口対応
05
CS, sales support & improvement proposals
CS・営業支援 / 改善提案 — 品質データに基づくプラットフォーム改善
Design focus
Operational dashboard
全体状況を一目で把握できるオペレーションダッシュボード
Matching queue management
マッチング待ちの学生を優先度順で管理するキュー設計
Cross-role data visibility
学生・講師両側のデータを横断的に閲覧・操作できる権限設計
Quality signal aggregation
授業品質・問い合わせを集約し改善提案に繋げる仕組み
System design — 機能構造
三者を繋ぐデータフローと統合基盤 / Unified data flow & integration layer
Online Education Platform  |  オンライン教育基盤
Student
学生 · 保護者
予約情報の
共有
 
授業・
フィードバック
Teacher
講師
最適なマッチング
問題介入・改善
学習データ
授業品質・要望
TA — Teacher Assistant
運営・マッチング・サポートの中枢
Data & Workflow Integration  |  データ・業務連携
STUDENT → TEACHER
Booking information & schedule preferences shared to teacher upon reservation
予約情報の共有・学習状況の反映 — 学生が予約すると教師に自動連携される
TEACHER → STUDENT
Lesson delivery, recorded content, and personalized learning feedback after each class
授業提供・学習フィードバック — 授業後に個別フィードバックが学生に届く
TA → STUDENT + TEACHER
Optimal matching decisions, problem resolution, and retention nudges sent to both sides
最適なマッチング・問題介入・継続利用の促進 — 両者に働きかけるTA
BOTH → TA
Learning data, class quality signals, and inquiries flow into TA for continuous improvement
学習データ・授業品質・問い合わせ・要望がTAに集約される