TOLTO（トルト）画面定義書

ワイヤーフレーム・画面仕様・入力項目定義 v1.0 / 2026年5月

合同会社terzweb

開発依頼元：株式会社グラシーズ

🔐 認証 🏠 ホスト操作 👤 ゲスト操作 ⚙️ マスター管理 📍 スペース管理 📱 LIFF画面 ⚠️ エラー 🎨 デザインシステム
🔐 認証系画面
ホスト登録画面 LIFF / WEB共通
URL: /register/host
認証: LINE Login必須（LIFF経由）
対象: GRASSESビジネス会員

TOLTO公式LINEへの友だち追加が同時に行われます

プロフィール情報

プラン選択

Free

無料 / 単発イベント向け

Pro

月額 ¥○○○○ / 予約ビジネス向け

ホストログイン画面 LIFF / WEB共通
URL: /login/host
主要手段: LINEログイン
補助手段: メール+パスワード
またはメールで

パスワードを忘れた方

アカウントをお持ちでない方は 新規登録

ゲスト登録画面 LIFF / WEB共通
URL: /register/guest
LINE連携: 任意（通知受取に必要）
ゲスト予約: 会員登録なしでも可

予約完了通知・リマインドをLINEで受け取れます

通知設定

ゲストログイン画面 LIFF / WEB共通
URL: /login/guest
会員登録なし予約: メールアドレスのみで可
またはメールで

会員登録なしで予約

メールアドレスのみで予約できます

🏠 ホスト操作系画面
ホストダッシュボード（マイページ） LIFF / WEB
URL: /host/dashboard
権限: ホスト（Free / Pro）
山

山田料理教室

Pro

開催実績 28回

38
公開中
312
今月予約
¥286K
今月売上
124
累計顧客

直近のイベント

料理教室〜パスタ編〜

残3席

5/15（木）13:00〜15:00

Googleカレンダー連携

連携済み
イベント作成画面 LIFF / WEB
URL: /host/events/create
Free: 日時固定・GRASSES直営のみ
Pro: フリー予約・全スペース・複数時間帯

基本情報

日時設定

スペース・定員・料金

公開設定

予約者一覧・管理 LIFF / WEB
URL: /host/events/{id}/bookings
機能: 絞り込み・キャンセル・CSV・一括メール
予約合計：8名 定員：10名 残り：2名
氏名日時状態操作
山田 花子5/15 13:00確定
佐藤 次郎5/15 13:00確定
鈴木 次郎5/15取消済
顧客管理一覧 Pro限定
URL: /host/customers
権限: ホスト（Proのみ）
タグ: VIP / 常連 / 新規 / 休眠
124
累計顧客
38
リピーター
12
今月新規
氏名参加最終タグ
花
山田 花子
8回5/15VIP
佐
佐藤 次郎
3回5/22常連
田
田中 誠
5回4/10休眠
顧客カルテ詳細 Pro限定
URL: /host/customers/{id}
機能: 参加履歴・メモ・タグ・個別メッセージ
花

山田 花子

hanako@example.com

VIP

参加回数

8回

累計支払

¥16,000

カルテ・メモ

タグ

VIP × 料理好き ×

参加履歴

料理教室〜パスタ編〜5/15 ¥2,000
和食の基本 春編4/18 ¥2,000
プロフィール編集 ホスト共通
URL: /host/profile/edit
公開設定: プロフィールページ公開/非公開
山
✓ 料理・グルメ ✓ スイーツ ビジネス

SNS・外部リンク

Instagram
ホームページ
Stripe Connect連携設定 Pro限定
URL: /host/stripe
目的: イベント参加費のオンライン収受
S

Stripe 決済連携

イベント参加費のオンライン収受

未連携

連携の流れ

① 「Stripeと連携する」ボタンをクリック

② StripeのログインページへOAuth遷移

③ TOLTOへの連携を許可 → 自動的に戻る

④ イベント作成時に「Stripe決済」が選択可能になる

Stripeアカウントをお持ちでない方は こちらから作成

主催者公開ページ ゲストから見える
URL: /hosts/{id}
公開: ログイン不要で閲覧可
表示: 開催実績・イベント一覧
山

山田料理教室

Pro

山形県山形市・仙台市

山形県在住の料理講師。和食・洋食・スイーツを中心に教室を開催。

28

開催回数

124

参加者

4.8

評価（将来）

開催中のイベント

画像

料理教室〜パスタ編〜

5/15 ¥2,000

残3席
👤 ゲスト操作系画面
イベント検索・一覧（ポータル） 公開・ログイン不要
URL: /events
公開: ログイン不要で閲覧可
絞り込み: キーワード・カテゴリ・日付・エリア・参加費

12件のイベント

イベント画像残3席料理

初心者向け料理教室〜パスタ編〜

5/15（木）13:00〜 / GRASSES山形七日町

山田料理教室 Pro¥2,000
イベント画像空き有

副業スタートアップ勉強会 vol.3

5/20（火）19:00〜 / GRASSES仙台青葉

佐藤ビジネス塾無料
イベント詳細 公開・ログイン不要
URL: /events/{id}
公開: ログイン不要で閲覧可
イベントメイン画像
料理・グルメ

初心者向け料理教室〜パスタ編〜

開催日時

5/15（木）13:00〜15:00

場所

GRASSES山形七日町店

残席

残3席 / 定員10名

参加費

¥2,000

初心者でも安心！プロが教えるパスタの基本。材料・道具はすべてご用意します。持ち物：エプロン

山

山田料理教室

Pro28回

山形県在住の料理講師

予約申込み画面 要ログインまたはゲスト
URL: /events/{id}/book
決済: Stripe / 当日現金払い

料理教室〜パスタ編〜

5/15（木）13:00〜15:00 ／ ¥2,000

参加者情報

お支払い

参加費¥2,000
合計¥2,000
予約完了・領収書 ゲスト
URL: /bookings/{id}/complete
領収書: PDF自動生成・ダウンロード可
通知: LINE + メール自動送信
✓

予約が完了しました！

予約番号：TOLTO-20260515-0042

予約内容

イベント料理教室〜パスタ編〜
日時5/15（木）13:00〜15:00
お支払い¥2,000 決済済み

LINEでリマインドを受け取る

前日・当日にTOLTO公式LINEから通知が届きます

領収書プレビュー

領収書

2026年5月15日発行

山田 花子 様

品目料理教室〜パスタ編〜参加費
金額¥2,000（税込）

発行者：山田料理教室 ／ 予約番号：TOLTO-20260515-0042

ゲストマイページ 要ログイン
URL: /mypage
機能: 予約履歴・ポイント・通知設定
花

山田 花子

hanako@example.com

8
参加回数
2
今後の予約
350pt
ポイント

予約履歴

今後
過去

料理教室〜パスタ編〜

予約確定

5/15（木）13:00〜 / GRASSES山形七日町

通知設定

📍 スペース登録・編集画面
スペース登録・編集（マスター管理 / スペース管理） マスター専用
URL: /admin/spaces/create | /admin/spaces/{id}/edit
権限: マスター（スーパー管理者 / 管理者）
種別: 直営店舗 / 準直営店舗

基本情報

公開設定

所在地

写真・画像（最大10枚）

+メイン
+
+
+

利用可能時間帯

月

火

水

木

金

土

日

設備・アメニティ

外部連携

直営店舗のみ選択可

⚙️ マスター管理画面（AdminLTE風）
マスターダッシュボード 管理者専用
URL: /admin/dashboard
権限: マスター全役割
124
ホスト数
1,842
ゲスト数
38
公開中イベント
¥286K
今月決済総額
最新の予約（直近5件）
ゲストイベント金額状態
山田 花子料理教室¥2,000確定
鈴木 恵ヨガ体験¥1,500保留
田中 誠料理教室¥2,000取消
ユーザー管理 管理者専用
URL: /admin/users
タブ: ホスト一覧 / ゲスト一覧
操作: 停止・有効化・詳細・CSV
ホスト一覧
ゲスト一覧
氏名プラン開催状態操作
山田 太郎Pro28回有効
鈴木 健一Pro12回停止中
特集・推薦枠設定 管理者専用
URL: /admin/featured
機能: ポータルのおすすめ枠（最大5件）・バナー設定
ポータル おすすめ枠（最大5件）
順位イベント名操作
1料理教室〜パスタ編〜
2ヨガ体験教室
—（空き枠）
特集バナー設定
システム設定（テーブル編集） スーパー管理者専用
URL: /admin/settings
タブ: 基本設定 / プラン料金 / 通知設定 / API連携
基本設定
プラン
通知
API
プラン・料金設定
プラン月額(円)上限状態操作
Free03件有効
Pro3,980無制限有効
📱 LIFF公式画面（LINE内表示）

TOLTO公式LINE

‹
TOLTO（トルト）
⋯
「TOLTO」を友だち追加しました
T
🎉 TOLTOへようこそ！

下のメニューからご利用ください！
✅ 予約完了
料理教室〜パスタ編〜
5/15 13:00〜 ¥2,000

領収書カレンダー
＋
メッセージを入力
↑
メインメニュー
🔍
イベントを探す
📋
マイ予約
👤
マイページ
📅
イベント管理
👥
顧客管理
❓
よくある質問

GRASSES公式LINE（既存・TOLTOボタン追加）

‹
GRASSES公式
⋯
G
スペース予約・お問い合わせはメニューからどうぞ🏠
＋
メッセージを入力
↑
🏠
スペースを予約
📋
予約を確認
📍
店舗・アクセス
T
イベント管理（TOLTO）
主催・参加はこちら →
📞
お問い合わせ
🎁
キャンペーン
🏢
会社情報
⚠️ エラー・共通画面
404 ページが見つかりません 共通
404

ページが見つかりません

お探しのページは存在しないか、
URLが変更・削除された可能性があります。

こちらもご利用ください

→ イベント一覧・検索

→ ホスト登録・ログイン

→ お問い合わせ

503 メンテナンス中 共通
⚙

メンテナンス中です

TOLTOはただいまシステムメンテナンスのため
一時的にご利用いただけません。

メンテナンス予定時間

2026年5月15日（木）

02:00 〜 06:00（予定）

復旧次第、TOLTO公式LINEにてお知らせします。

🎨 デザインシステム
カラーパレット v1.0

ブランドカラー

Navy

#1F3864

Blue

#2F5496

L.Blue

#BDD7EE

LL.Blue

#DEEAF1

Orange

#C55A11

L.Orange

#FCE4D6

セマンティックカラー

Success

#00a65a

Warning

#f39c12

Danger

#dd4b39

LINE

#06C755

Stripe

#635BFF

AdminLTE

#3c8dbc

コンポーネント一覧 v1.0

ボタン

バッジ・ステータス

Pro Free 確定 残3席 満席 VIP 休眠

タイポグラフィ

ページタイトル 20px 500

セクション見出し 16px 500

本文・ラベル 13px 400

補助テキスト・ヒント 11px 400

ボーダーラジウス

4px バッジ
8px ボタン
12px カード
50% アバター

対応画面幅

  • LIFF（LINE内WebView）: 375px
  • スマホWEB: 390px〜
  • タブレット: 768px〜
  • PC ポータル / 管理画面: 1280px〜

TOLTO（トルト）画面定義書 v1.0 | 合同会社terzweb | 株式会社グラシーズ 御中 | 2026年5月