AXテックケア株式会社様が開発・販売されているブレイントレーニングアプリ「BrainTQ（ブレイントレーニングキュー）」の特設サイトを制作させていただきました。
BrainTQ は、80 以上のトレーニングミニゲームで記憶力・計算力・空間認識力など 8 つの脳の基盤能力を鍛え、「プレイシェア」で家族や友人と見守り合えるアプリです。特設サイトの役割は、アプリストアの説明文だけでは伝えきれない「楽しさ」と「仕組み」を 1 ページで理解してもらい、App Store・Google Play のダウンロードへつなげること。アプリのキャラクターや画面をふんだんに使い、読み進めるほど遊んでみたくなる構成を目指しました。
デザインの考え方
- アプリの世界観をそのまま … メインビジュアルは、スマートフォンを持つ手とミニゲームの画面、ブレインパートナー（キャラクター）を散りばめたにぎやかな構成。下にストアのバッジを並べ、最初の画面でダウンロードに進めます
- 黄色とオレンジの元気な配色 … 「脳トレ」の堅さを避け、黄色とオレンジを差し色にして、毎日続けたくなる明るさを出しました。脳のアイコンとセクション名の英字を各章の見出しに統一し、長いページでも今どこを読んでいるか分かります
- ページ内ナビゲーション … メインビジュアルの直下に 8 つの章（BrainTQ とは・プレイモード・ゲームメニュー・本日のミッション・週間タイムチャレンジ・トレーニングゲーム・パートナーズハウスなど）へのボタンを置き、知りたい機能へすぐ移動できます
ページの内容
章 | 内容 |
|---|---|
INFORMATION | アプリのアップデート情報（WordPress の投稿から自動表示） |
WHAT'S BRAINTQ | コンセプト「毎日 3 分で脳を活性化」、紹介動画とショート動画、プレイシェアの説明 |
8 つの基盤能力 | 記憶力・計算力・空間認識力・言語能力・予知処理力・論理思考力・集中力・視覚認識力の解説 |
PLAY MODES | フリーモードとプロモードの違い、料金の比較表 |
GAME MENU / DAILY MISSIONS / WEEKLY TIME CHALLENGE | ゲームメニュー、本日のミッション、週間タイムチャレンジの遊び方 |
TRAINING MINI GAMES | 能力ごとのトレーニングゲームの画面 |
PARTNER'S HOUSE | ブレインパートナー（キャラクター）の紹介 |
開発メンバー | クレジットページ |
スマートフォンでの表示
アプリの特設サイトは、ストアの前後にスマートフォンで見られることがほとんどです。ミニゲームの画面は横にスクロールして見られるようにし、ストアのバッジはどの画面幅でも押しやすい大きさにしています。
運用面の工夫
- インフォメーションはコーポレートサイトのお知らせと共通の投稿を使い、アップデート情報を 1 回投稿すれば特設サイトにも自動で表示されます
- 日本語・英語の 2 言語に対応し、英語版の特設サイトもヘッダーの「EN」から切り替えられます
- アプリに関わった開発メンバー・協力企業を掲載するクレジットページを用意しました
制作内容
- 特設サイトの構成設計と原稿整理（アプリの仕様をもとに機能の紹介文を整理）
- デザイン（PC・スマートフォン）
- WordPress でのページ構築（インフォメーションの自動表示、動画の埋め込み、比較表、2 言語対応、クレジットページ）
弊社は BrainTQ の特設サイトのほか、アプリのサーバー開発・Web アプリ開発・インゲーム Web サイトの制作にも参加しています。アプリ本体の企画から公開後の運用まで、開発チームの一員として関わらせていただきました。