プロジェクト紹介
書籍紹介サイト | ウェブサイト開発事例
書籍プロモーションウェブサイト。17 分鐘の心身誘導音声とMAIA-2 測定システムを統合。ミニマルなモノクロデザインで、癒しのブランドイメージを表現。
問題の背景
書籍、音声ガイド、質問票を一つのサイトに統合しています。再生操作、回答の保存、レーダーチャートは画面機能であり、医療効果を意味しません。
核心機能
- MAIA-2 測定システム
- 17 分鐘誘導音声再生装置
- 自動再生機能
- バックエンド管理システム
実装方法
- —カスタマイズ可能なスコアリングエンジン
- —Chart.js を使用したレーダーチャート
- —純 CSS パーティクルアニメーション
実装データフロー
- 01書籍紹介を読み、音声ガイドを再生する。
- 02質問票に回答し、進捗を保存・再開する。
- 03レーダーチャートと結果説明を見る。