QUEST

QUEST

APP DESIGN



A gamified productivity app for online students, turning task management into a space adventure with rewards, rocket focus sessions, and customizable experiences.

OVERVIEW

Questは、オンライン学習環境で学ぶ学生のために設計された、ゲーム感覚で使える生産性アプリです。私はUI/UXデザイナーとして、リサーチからコンセプト設計、プロトタイピングまでを担当しました。良い習慣に報酬を与える仕組みで、集中することが冒険のように楽しくなる体験を目指しました。

A gamified productivity app designed for students navigating online learning environments. As the UI/UX designer, I led the design process from early research to concept development and prototyping. The app rewards "good" habits and makes staying focused feel fun and rewarding. Like a space-themed adventure.

OVERVIEW

Questは、オンライン学習環境で学ぶ学生のために設計された、ゲーム感覚で使える
生産性アプリです。私はUI/UXデザイナー
として、リサーチからコンセプト設計、
プロトタイピングまでを担当しました。
良い習慣に報酬を与える仕組みで、
集中することが冒険のように楽しくなる
体験を目指しました。

A gamified productivity app designed for students navigating online learning environments. As the UI/UX designer, I led the design process from early research to concept development and prototyping. The app rewards "good" habits and makes staying focused feel fun and rewarding. Like a space-themed adventure.

PROBLEM

オンライン学習は集中力を保ちにくく、従来の教室のような構造がないため、多くの学生が自己管理や
モチベーションの維持に苦労していました。初期のユーザーインタビューで、気が散るという共通の
課題が浮き彫りになりました。

Online learning can be full of distractions, and many students struggle with self-discipline and motivation without the structure of a physical classroom. Early user interviews revealed a shared pain point: staying focused in a digital space filled with interruptions.

PROBLEM

オンライン学習は集中力を保ちにくく、
従来の教室のような構造がないため、
多くの学生が自己管理やモチベーションの維持に苦労していました。初期の
ユーザーインタビューで、気が散るという共通の課題が浮き彫りになりました。

Online learning can be full of distractions, and many students struggle with self-discipline and motivation without the structure of a physical classroom. Early user interviews revealed a shared pain point: staying focused in a digital space filled with interruptions.

SOLUTION - QUEST

この課題に対して、私は日々のスケジュール管理を宇宙冒険に変える生産性アプリを提案しました。
ユーザーは「ロケットフォーカスモード」で集中セッションを開始し、「クエストログ」でタスクを
ミッションとして記録・管理。「バザール報酬システム」ではタスク完了ごとにポイントを獲得し、
テーマやロケットのアップグレードなどでアプリ体験をカスタマイズできます。楽しみながら、
しっかり集中できる仕組みです。

To tackle this challenge, I designed a productivity app that reimagines daily planning as an interstellar adventure. Users can activate Rocket Focus Mode to launch into distraction-free work sessions, turn their to-dos into trackable missions with the Quest Log, and earn rewards through the Bazaar System to unlock themes and rocket upgrades—all making productivity feel fun, focused, and rewarding.

SOLUTION - QUEST

この課題に対して、私は日々のスケジュール管理を宇宙冒険に変える生産性アプリを提案しました。ユーザーは
「ロケットフォーカスモード」で集中
セッションを開始し、「クエストログ」
でタスクをミッションとして記録・管理。「バザール報酬システム」ではタスク完了ごとにポイントを獲得し、テーマや
ロケットのアップグレードなどでアプリ体験をカスタマイズできます。
楽しみながら、しっかり集中できる
仕組みです。

To tackle this challenge, I designed a productivity app that reimagines daily planning as an interstellar adventure. Users can activate Rocket Focus Mode to launch into distraction-free work sessions, turn their to-dos into trackable missions with the Quest Log, and earn rewards through the Bazaar System to unlock themes and rocket upgrades—all making productivity feel fun, focused, and rewarding.

PROCESS

学生へのインタビューと観察を通じて、オンライン学習における課題を調査しました。フィードバックから一貫して浮かび上がった問題は、気が散るデジタル環境の中で集中力を維持することでした。従来の教室と違い、オンライン学習者は自己モチベーションと規律を保つことが難しく、広大なデジタル領域を航行する中で無数の気を散らす要素に直面します。この洞察から導かれた重要な問いは、学生がどのように気を散らす要素を最小限に抑え、オンライン学習により集中できるかでした。

アイデア出しの過程では、集中力や参加度、モチベーションを高めるための機能を考案しました:

  • ロケット発射フォーカスモード: 学生は「ロケットを打ち上げる」ことで、比喩的に気を散らす要素を遮断し、集中できる学習環境を作ります。地球の気を散らす要素を遠ざけるデジタル航海です。


  • クエストログスケジューリング: タスクをゲーム化し、計画立てを楽しくします。学生は自分の学習スケジュールを刺激的な冒険として体験し、日常のタスクをワクワクするクエストに変えることができます。


  • バザールリワードシステム: タスクを達成すると報酬を獲得し、バザールで交換できます。モチベーションの灯台として機能し、日常の課題をスリリングな体験に変えます。


Figmaでプロトタイプを作成し、宇宙をテーマにしたビジュアルアイデンティティを構築。学習の旅のような没入型の体験を提供し、学生が集中しやすく、モチベーションを維持できる環境をデザインしました。

I began by investigating the challenges of online learning through student interviews and observations. Feedback revealed a consistent pain point: maintaining focus in a digital space full of distractions. Unlike traditional classrooms, online learners often face difficulties in self-motivation and staying disciplined, navigating a vast digital landscape filled with endless opportunities for distraction. This insight led to a key question: how can students minimize distractions and engage more deeply with their online learning?

During ideation, I designed features tailored to improve concentration, motivation, and participation:

  • Rocket Launch Focus Mode: Students “launch a rocket” to metaphorically block out distractions, creating a controlled learning environment—a digital journey that removes distractions from Earth.


  • Quest Log Scheduling: Task planning is gamified, turning to-do items into quests. Students experience their study schedule as a journey, exploring a stimulating path that transforms mundane tasks into adventurous milestones.


  • Bazaar Reward System: Completing tasks earns rewards that can be exchanged in a virtual bazaar. The system promotes motivation and customization, turning ordinary assignments into thrilling, game-like quests.


I prototyped the app in Figma and developed a space-themed visual identity to reflect the journey-like experience of staying focused, creating an immersive environment where students feel engaged and motivated throughout their learning sessions.

Onboarding explanation screens

Main feature screens

User interface


お問い合わせ
CHAT WITH ME

LET*S MAKE SOMETHING COOL!

お気軽にご連絡ください!
I'm always open to new opportunities!

Create a free website with Framer, the website builder loved by startups, designers and agencies.