【VR】360度パノラマ・アプリ・管理ツール
 
■ サービスの概要
「みらいえ360」は、RICOH THETAで撮影した360度パノラマ画像を、スマホやPCのウェブサイト上で閲覧できるサービスです。タグを埋め込むことで、住まい探しの臨場感あふれる3D内見体験を提供します。
■ 360アプリの特徴
360アプリを使えば、現地での撮影からクラウドへのアップロードまで簡単操作。THETAの遠隔操作や写真の管理画面連携ができ、撮影後すぐに確認・公開できるため、無駄な手間が省けます。
■ 管理画面の特徴
写真はドラッグして登録。管理画面は直感的なUIで、間取り図との紐付け、画像編集（色調補正・ぼかし・塗りつぶし）、写真の並べ替えなどが簡単。初心者でもマウス操作だけで設定でき、CMS連携でスムーズにサイトに反映できます。
■ 360アプリと管理画面の連携
撮影後、360アプリからワンクリックで管理画面に写真をアップロード。管理画面側で間取り図への配置や公開設定を行い、すぐにホームページにリンクやQRコードを設置して公開が可能です。
■ コンセプト
RICOH THETAで撮影された360度パノラマ画像を、スマホサイトとPCサイト上で閲覧するサービスです。 お客様のウェブサイトにタグを埋め込むことにより、360度パノラマによる臨場感あふれた空間をエンドユーザー様に提供します。
■ 期間
約10ヶ月
■ デザインの理由
ユーザーが直感的に操作できるUIを目指し、情報の階層化や視覚的なアクセントを工夫。
■ 工夫点
・ユーザーの業務フローに沿った情報設計
・イラストやアイコンを活用した視覚的なガイド
・プロトタイプを用いたユーザビリティテストの実施​
■ プロセス
・リサーチ、要件定義、システム設計、システム構築、テスト、リリース
・ワイヤーフレームの作成とフィードバック
・リリースを早めるため、モックの段階からコーディング
・プロトタイプの構築とユーザビリティテスト
・デザインの最終調整と実装​
■ 担当
情報設計、UIデザイン
■ 人数
デザイナー1名（本人） 、コーダー1名（本人）、エンジニア1名、 テスター複数名
社内一の天才エンジニアと評される上司と二人体制で業務を行い、少人数ながら多様なプロジェクトに参画することができました。
■ ツール
・Visual Studio Code（モック、デザイン、コーディング）
・Slack（チーム内コミュニケーション）

モックを表示（スマホ撮影・登録）

モックを表示（連動先管理画面）

App Storeを表示

VRテスト1

VRテスト2

エディタテスト