1. はじめに

鈴木さま

お世話になっております、中嶋です。
Tobiraアプリの完全版設計図をお送りいたします。

💡 開発の考え方

すべてを一度に完璧に作る必要はありません。
以下の3段階で進めていただければと思います。

まずはPhase 1で動くものを作りましょう。

2. 【重要】今回の変更点まとめ

前回までのやり取りから、以下の点を変更しました。
鈴木さんが「あれ、ここ変わってた?」と混乱しないよう、
すべての変更点をBefore/Afterで明示します。

3. Tobiraサービス概要

サービスとは?

Tobiraは、紙のフォトアルバムに動画と写真を紐付け、
スマホでかざすと動画が再生される「魔法のアルバム」サービスです。

体験の流れ

ブランドの世界観

• キーコンセプト: 扉(Tobira)、鍵、魔法
• マスコット: コヌシ(扉の番人・ふわふわの小動物)
• キャッチコピー: 「思い出の扉をひらく」
• デザイン: Apple、Aesop、MUJI風の上品・洗練
• カラー: ネイビー #1A2B4A + ゴールド #C9A66B

4. 商品・料金プラン

⭐ Standardプラン(初期リリース)

配送オプション(2択フラット型)

Coming Soonプラン

• Premium Plan(将来実装)
• Bridal Plan(将来実装)
• Pet Plan(将来実装)

これらはアプリ内で「Coming Soon」として表示し、タップでLINE登録誘導します。

5. 全体機能リスト

Phase 1で実装する機能

6. アプリの全画面リスト

Tobiraアプリは全20画面で構成されます。
画面イメージは別途お送りする画像ファイルをご参照ください。

7. 各画面の詳細設計

主要画面の詳細設計を記載します。
全画面の詳細は、別添の画面イメージ画像と合わせてご確認ください。

※ 他17画面の詳細は、別添画像ファイルと同じテンプレートで記述します。
本ドキュメントでは紙幅の都合上、主要画面のみ記載しています。
全画面の細かい仕様は、添付の画面イメージ画像と各セクション(8-15)をあわせて確認してください。

8. 紐付け画面の詳細仕様

動画の仕様

写真の仕様

保存・差し替え

9. アルバム共有機能(URL + QR)

Phase 1で実装する2方式

プレゼントする側の操作

受け取る側の操作

動画の保管(セキュリティ)

• 場所: Tobiraクラウドサーバー(AWS S3 or Cloudflare R2)
• 期間: 一時保管(最大30日)
• 削除: ダウンロード完了後24時間で自動削除
• 暗号化: 転送時・保管時ともに暗号化
• 共有URLは1回のダウンロードで無効化

10. AR再生画面とコヌシの体験

マスコット「コヌシ」とは

Tobiraの世界の番人。小さくてふわふわの白い猫風の生物。
ちょっとめんどくさそうな性格が魅力。

コヌシのキャラクター仕様

コヌシのポーズ

1. 歩く(横向き): 鍵を引きずって登場・退場
2. 立ちあくび(前向き): ドアの前で「ふぁ〜」
3. 座って見守る: 動画再生中
4. 鍵を拾う: 中間ポーズ
5. 鍵を回す: 中間ポーズ
6. 伸びをする: 動画終了時

11. アニメーション動作指示

※詳細は別添 tobira_animation_spec.txt をご参照ください。

全12シーンのタイミング表

12. サウンド仕様

効果音ファイル

音量設定

• BGM: 30%
• 効果音(足音): 60%
• 効果音(その他): 70%
• 動画音声: 100%

13. Stripe決済の実装

※詳細は tobira_stripe_spec_v3_final.txt をご参照ください。

採用方式

Stripe Checkout(ホスト型)

3パターンのCheckout Session

明細表記

TOBIRA ALBUM

APIキー

14. テンプレートの技術仕様

印刷サイズ

• 判型: 2L判(127 × 178mm)
• 解像度: 300 DPI
• ピクセルサイズ: 1500 × 2100px

レイヤー構造

1. 最前面: テンプレートPNG(透過済み)
2. テキスト(タイトル・メッセージ)
3. QRコード
4. 最背面: 写真

8種類のテンプレート

15. Coming Soonモーダル

表示タイミング

Premium / Bridal / Pet プランをタップした時

デザイン

┌──────────────────────────────┐
│           [✕]                │
│                              │
│   [konushi_yawning画像]      │
│                              │
│   コヌシ「準備中だよ...」      │
│                              │
│     Premium Plan は          │
│       現在準備中             │
│                              │
│  リリース時にLINEで         │
│   お知らせします             │
│                              │
│ [LINEで通知を受け取る]      │
│      [また今度]              │
└──────────────────────────────┘

使用画像

konushi_yawning_standing.png

LINEボタンの遷移先

https://lin.ee/RciJwfc

16. ヘルプ機能(?ボタン)

?ボタンの配置

• 各画面の右上(統一感)
• 重要なボタンの横(必要な時)
• 設定画面にまとめページ

含めるコンテンツ

1. Tobiraって何ができるの?
2. アルバムの作り方
3. アルバムの見方
4. 大切な人にプレゼントする方法
5. もらった動画を紐づける方法
6. よくある質問
7. コヌシって何?

問い合わせ

LINEに飛ばす: @258adwsx

17. デザイン仕様

カラーパレット

フォント

ロゴの使い分け

18. 素材ファイル一覧

📁 logo/
├ tobira_master_logo.png(マスター)
├ tobira_app_icon.png(アプリアイコン用・白背景)
└ tobira_header_logo.png(アプリ内ヘッダー用・透過)

📁 templates/(8枚・透過処理済み)
├ template_01_signature_pink.png
├ template_02_memory_light.png
├ template_03_night_memory.png
├ template_04_ocean_dream.png
├ template_05_botanical.png
├ template_06_classic_frame.png
├ template_07_minimal_arch.png
└ template_08_pet_warm.png

📁 konushi/(マスコット・全ポーズ)
├ konushi_walking_left.png
├ konushi_walking_right.png
├ konushi_yawning_standing.png
├ konushi_sitting_watching.png
├ konushi_picking_key.png
├ konushi_turning_key.png
└ konushi_stretching.png

📁 doors/(ドア4状態)
├ door_01_closed.png
├ door_02_key_inserted.png
├ door_03_slightly_open.png
└ door_04_fully_open.png

📁 effects/(エフェクト)
├ sparkles.png
└ glow_halo.png

📁 sounds/(効果音・全種類)

📁 screens/(画面イメージ・全20枚)
└ app_screen_01_home.png 〜 app_screen_20_help.png

19. 段階的実装計画

20. 将来計画(Phase 2 / 3)

※詳細は tobira_roadmap.txt をご参照ください。

商品ライン拡張

• Premium Plan(高級紙・特別装丁)
• Bridal Plan(結婚式専用)
• Pet Plan(ペット専用)
• Memorial Plan(追悼用)

コヌシのブランド展開

• LINEスタンプ
• ぬいぐるみ
• 絵本
• 季節限定スキン

21. お問い合わせ