#0 プロトタイプ(画面遷移)

01・1-1・02をつないだ動くプロトタイプ。予約一覧の予約カードをタップすると、その予約の施術の詳細(1-1)に遷移します。左上の戻るでスケジュールに戻ります。フッターの「顧客一覧」で顧客一覧(02)に、「設定」で設定画面(04)に、「スケジュール」で戻れます。ドロワーメニューの「施術メニュー管理」で施術メニュー管理画面(07)に、「タグ管理」でタグ管理画面(08)に(各行からスキル/設備/顧客属性の各タグ管理画面へ)、そこで各メニューをタップするとその行の内容が入った施術メニュー詳細(#7-1)に遷移します。詳細を編集モードにして必要スキルの「タグを追加」を押すと、スキルタグ選択画面(#99-1)に、必要設備の「タグを追加」では設備タグ選択画面(#99-2)に遷移し、下部のボタンで選択内容が反映されます。顧客名・担当者・時間・メニュー・金額はタップしたカードに連動、画像はサンプル固定、予約メモは追加時の入力内容に連動します。+から予約・シフト・休憩・設備メンテナンスを追加できます。スタッフと設備を固定幅の列で表示し、シフト・休憩・メンテナンスはグリップとダイアログの両方で編集できます。設備予約は表示のみです。

今日の共有事項

{{ n.text }}

{{ n.by }}
店舗・予約 スタッフ 設備

{{ t0_scheduleClosedTitle1 }}

{{ t0_scheduleClosedText1 }}

{{ t0_scheduleCloseError1 }}

{{ t0_addTitleSchedule1 }}

{{ t0_addDateSchedule1 }}

{{ t0_addErrorSchedule1 }}

メンテナンスを追加

{{ t0_resourceMaintenanceDate1 }}

{{ t0_resourceMaintenanceError1 }}

{{ t0_resourceDetailTitle1 }}

{{ t0_resourceDetailDate1 }}

{{ t0_resourceDetailSubjectLabel1 }}
{{ t0_resourceDetailName1 }}
開始時刻
終了時刻
メモ

{{ t0_resourceDetailError1 }}

削除してよろしいですか?

{{ t0_resourceDetailDescription1 }}

{{ t0_reservationTitle1 }}

お客様情報

電話番号

ここで入力する内容は、予約のための仮情報です。お客様情報の正式な登録は、ご来店時の初回カウンセリングで行います。

お客様情報

{{ t0_reservationCustomerLabel1 }}

予約内容

担当スタッフ自動割り当て

予約メモ任意

{{ t0_reservationError1 }}

お客様を選択
絞り込み
五十音
誕生月
性別
並び替え 順序
該当する顧客がいません 検索条件・絞り込み条件を変更してください
MENU
現在選択中のスタッフ
{{ t0_accountCurrentInitial1 }} {{ t0_accountCurrentName1 }} {{ t0_accountCurrentRole1 }} 選択中
同じ店舗のスタッフ
店舗を切り替え {{ t0_storeAccountName1 }}さんが所属している店舗
店舗を切り替えます 「{{ t0_storeAuthTargetName1 }}」へ切り替えるため、
{{ t0_storeAccountName1 }}さんのログインパスワードを入力してください。
{{ t0_storeAuthError1 }} プロトタイプ用パスワード:1234
{{ t0_monthLabel1 }}
{{ w.label }}
・今月お誕生月のお客様が2名様いらっしゃいます。 ・今日からカラー剤が変更になっています。 ・明日は定休日です。誤って予約を取らないようお願いします。 ・昨日、待合いのソファでシルバーのピアスの落とし物がありました。レジ横の引き出しに保管しています。
臨時休業日
{{ t0_shiftEditingLabel1 }}
{{ t0_shiftError1 }}
{{ s.short }} {{ s.label }}
{{ hour.label }}
14:20
{{ band.label }}
{{ b.name }}{{ b.menu }}{{ b.time }}
{{ b.label }}{{ b.time }}
{{ b.name }}
初 指 誕
{{ b.menu }} {{ b.time }}
{{ b.name }} 初 指 誕 {{ b.menu }} {{ b.time }}
{{ r0_reservationTitle1 }}

お客様情報

電話番号

ここで入力する内容は、予約のための仮情報です。お客様情報の正式な登録は、ご来店時の初回カウンセリングで行います。

お客様情報

{{ r0_reservationCustomerLabel1 }}

予約内容

担当スタッフ自動割り当て

予約メモ任意

{{ r0_reservationError1 }}

お客様を選択
絞り込み
五十音
誕生月
性別
並び替え 順序
該当する顧客がいません 検索条件・絞り込み条件を変更してください
施術前画像を追加
施術後画像を追加
施術の詳細

予約情報

予約日 {{ d.dateLabel }} 時間 {{ d.timeRange }}{{ d.duration }} 担当者 {{ d.staffShort }} {{ d.staffName }} メニュー {{ d.menuLabel }} 金額 {{ d.total }} 予約メモ

{{ d.reservationMemo }}

お客様情報

来店回数 {{ d.visits }} 電話番号 {{ d.phone }} メールアドレス {{ d.email }} 特記事項タグ 指名 誕生月初回施術 顧客属性タグ {{ t.label }} 備考メモ

{{ d.memo }}

施術前画像

施術前画像
施術前画像

施術後画像

施術後画像
施術後画像
関連書類
施術前 BEFORE
施術後 AFTER
施術前
BEFORE
施術後
AFTER
施術前 施術後 OVERLAY
BEFORE
{{ blendPct }}
AFTER
絞り込み
五十音
誕生月
性別
MENU
hair salon kiitos
並び替え 順序
該当する顧客がいません 名前・電話番号で検索してください
スキルタグについて
スタッフが保持するスキルおよび、メニューが要求するスキルを表すタグです。例:カット / カラー / パーマ / シャンプー
スキルタグ管理
{{ skCountLabelPk }}
新しいタグを作成
タグ名
タグの色
プレビュー {{ skPrevLabelPk }}
顧客属性タグについて
顧客の好みや来店傾向を分類するタグです。例:カラー履歴あり / 敏感肌 / 学生
顧客属性タグ管理
{{ cmCountLabelPk }}
新しいタグを作成
タグ名
タグの色
プレビュー {{ cmPrevLabelPk }}
タグ管理
設備について
メニューを実行するために必要な設備を表すタグです。例:セット面 / シャンプー台 / 施術室
設備台数を登録することで、同じ時間帯に設備台数以上のオーバーブッキングが起こることを防ぐことができます。
既存タグの編集や削除は、「メニュー」→「タグ管理」から行ってください。
設備を選択
選択中 {{ eqCountPk }}件
顧客属性タグについて
顧客の好みや来店傾向を分類するタグです。例:カラー履歴あり / 敏感肌 / 学生
既存タグの編集や削除は、「メニュー」→「タグ管理」から行ってください。
顧客属性タグを選択
選択中 {{ pctCount }}件
新しいタグを作成
タグ名
タグの色
プレビュー {{ pctPrevLabel }}
スキルタグについて
スタッフが保持するスキルおよび、メニューが要求するスキルを表すタグです。例:カット / カラー / パーマ / シャンプー
既存タグの編集や削除は、「メニュー」→「タグ管理」から行ってください。
スキルタグを選択
選択中 {{ ptpCount }}件
新しいタグを作成
タグ名
タグの色
プレビュー {{ ptpPrevLabel }}
{{ rhTitle0d }}
{{ l.text }}
施術メニュー詳細
基本情報
メニュー名 {{ dNameP }}
所要時間 {{ dMinTextP }} 分
料金 {{ dPriceTextP }} ¥
必要スタッフ数 {{ dStaffTextP }} {{ dStaffTextP }}
必要リソース
必要スキル {{ t.label }} 未設定 {{ t.label }}
必要設備 {{ e.label }} × {{ e.qty }} 設定なし {{ e.label }}
備考メモ

{{ dMemoP }}

未設定
絞り込み
必要スキル
必要スタッフ数
所要時間
必要設備
施術メニュー管理
並び替え 順序
{{ m.name }} 所要時間 {{ m.dur }} 料金 {{ m.price }} 必要スタッフ数 {{ m.staff }} 必要スキル {{ t.label }} 必要設備 {{ e.label }}
該当するメニューがありません 検索条件や絞り込みを変えてください
{{ rhTitle0a }}
{{ l.text }}
施術メニューを追加
基本情報
メニュー名
所要時間 分
料金 ¥
必要スタッフ数 {{ aStaffText }}
必要リソース
必要スキル {{ t.label }}
必要設備
{{ e.label }}
備考メモ
帳票作成
出力対象
出力範囲
開始
終了
出力形式
営業時間・定休日
{{ d.label }} 開店 閉店 定休日
営業時間について
予約一覧とシフト管理のタイムテーブルに反映されます。
営業時間外と定休日はグレーアウトされ、新規予約を登録できません。
営業時間や定休日を変更しても、すでに入っている予約が自動でキャンセルされることはありません。
臨時休業日は、予約一覧画面から日付ごとに設定します。
{{ p0SheetTitle }}を選択
:
時と分を入力(分は1分単位)
:
hair salon kiitos

{{ group.label }}

{{ group.count }}台
{{ unit.label }}
{{ unit.status }}
本日の利用件数{{ unit.count }}件
利用時間帯{{ unit.times }}
本日のメンテナンス予定なし
{{ maintenance.time }}{{ maintenance.note }}

{{ group.emptyMessage }}

{{ q0_equipmentFormTitle5 }}

{{ q0_equipmentFormHelp5 }}

{{ q0_equipmentFormError5 }}

MENU
設備詳細
基本情報
設備名{{ q0_equipmentDetailName5 }}
設備の種類{{ q0_equipmentDetailType5 }}
利用状況{{ q0_equipmentDetailStatus5 }}
本日の利用状況
本日の利用件数{{ q0_equipmentDetailCount5 }}件
利用時間帯{{ q0_equipmentDetailTimes5 }}
本日のメンテナンス予定なし
{{ maintenance.time }}{{ maintenance.note }}
その他
管理メモ

{{ q0_equipmentDetailMemo5 }}

{{ timeSheetTitle }}を選択
:
時と分を入力(分は1分単位)
:
MENU
hair salon kiitos
外部サービス連携
予約取り込み用メールアドレス kiitos-9f2a@resv.salonapp.jp このアドレスをサロンボードなどの予約サイトに登録すると、外部サービス経由の予約が自動で取り込まれます。
アプリ機能の設定
営業時間・定休日 予約一覧画面の営業時間・休業日に反映されます。
顧客画像の自動設定 最新の施術後写真を、顧客一覧画面と顧客詳細画面のアバターに自動で反映します。
セキュリティ・通知
サポート・規約
アプリバージョン 1.0.0
アカウント
MENU
hair salon kiitos
{{ person.initial }}
{{ person.name }} {{ person.kana }}
{{ person.role }}
本日のシフト{{ person.shiftLabel }}
本日の施術件数{{ person.treatmentCount }}件
施術時間帯{{ person.treatmentTimeLabel }}
休憩時間帯{{ person.breakTimeLabel }}

本日出勤のスタッフはいません。

{{ s0_shiftEditorTitle33 }}

休み

勤務時間
–

{{ s0_shiftError33 }}

スタッフ詳細
基本情報
名前 {{ mNameS }}
ふりがな {{ mKanaS }}
役職 {{ mRoleS }}
電話番号 {{ mPhoneS }}
メールアドレス {{ mEmailS }}
スタッフカラー
スタッフ画像 {{ mInitialS }} {{ mInitialS }}
本日の稼働状況
本日のシフト{{ todayShiftS }}
本日の施術件数{{ todayTreatmentCountS }}件
施術時間帯{{ todayTreatmentTimesS }}
休憩時間帯{{ todayBreakTimesS }}
シフト情報
{{ s0_shiftMonthLabel33 }}
{{ day.label }}

例外シフトを設定した日

定期シフト
{{ r.d }} {{ r.label }}

※ 定期シフトは「一覧」表示で変更できます。

保有スキル情報
スキルタグ {{ t.label }} {{ t.label }}

この情報と、予約されたメニューに必要なスキルを照らし合わせて、対応できるスタッフを自動で割り当てます。

その他
備考メモ

{{ mMemoS }}

オーナーを招待

オーナーとして招待したい方のメールアドレスを入力してください。

招待メールのリンクからアカウントを作成すると、このサロンのオーナーとして追加されます。

メンバーを招待

メンバーとして招待したい方のメールアドレスを入力してください。

招待メールのリンクからアカウントを作成すると、このサロンのメンバーとして追加されます。

書類フォーマット管理
初回カウンセリングシート管理

{{ p0_managementError }}

改訂情報

バージョン 更新すると自動的に1つ上がります。 {{ p0_counselingVersion }}
制定日 {{ p0_counselingDate }}
必須項目

初回カウンセリングに必ず含まれる項目です。
変更・削除はできません。

{{ f.label }} 必須
お店独自の項目 {{ p0_chart91Count }}件

初回カウンセリングで確認したい質問を追加できます。
例:アレルギーの有無、ご希望の過ごし方

追加した項目はありません
項目 {{ f.number }}
同意書管理

お客様に確認・同意していただく書類を管理します。
施術に合わせて、同意書を作成できます。

登録済みの同意書 {{ p0_consent92Count }}件

登録済みの同意書はありません

{{ p0_consent92EditorTitle }}

改訂情報

版 更新すると自動的に1つ上がります。 {{ p0_consent92VersionLabel }}
制定日 {{ p0_consent92RevisedDateLabel }}

同意書の内容

同意書名
{{ p0_consent92Title }}

同意書名と同意内容を入力してください。

電子カルテ管理

施術内容や経過を記録する電子カルテを管理します。
施術に合わせて、種類ごとに作成できます。

登録済みの電子カルテ {{ p0_chart93ListCount }}件

登録済みの電子カルテはありません

{{ p0_chart93EditorTitle }}

改訂情報

バージョン 更新すると自動的に1つ上がります。 {{ p0_chart93VersionLabel }}
制定日 {{ p0_chart93RevisedDateLabel }}

電子カルテの内容

電子カルテ名
{{ p0_chart93Title }}
お店独自の項目 {{ p0_chart93Count }}件

スタッフが施術内容や経過を記録する項目を追加できます。
例:使用した薬剤、施術後の状態

追加した項目はありません
項目 {{ f.number }}

電子カルテ名を入力してください。

{{ p0_intakeDialogTitle }}

{{ p0_intakeDialogMessage }}

初回カウンセリングシート
閲覧のみ

記入済みの初回カウンセリングシートはありません。

初回カウンセリングシート

{{ p0_doc994CounselingVersion }} 制定日:{{ p0_doc994CounselingRevisedDate }}
{{ f.label }} {{ f.value }}
ご要望・気になること

{{ p0_doc994CounselingRequests }}

{{ f.label }} {{ f.requiredLabel }}

{{ f.display }}

{{ o.label }}未記入
記入者{{ p0_counselingRecordedName }}
記入日時{{ p0_doc994CounselingRecordedAt }}
顧客詳細
基本情報
{{ f.label }} {{ f.display }}
顧客画像 {{ p0_customerPhotoInitial }} {{ p0_customerPhotoInitial }}
関連書類
顧客属性タグ
{{ t.label }} タグは未設定です
{{ t.label }}
来店情報
来店回数 {{ p0_c21Visits }}
最終来店 {{ p0_c21LastVisit }}
次回来店予定 {{ p0_c21NextVisit }}
その他
備考メモ

{{ p0_c21MemoDisplay }}

初回カウンセリングシート確認

{{ p0_intakeError }}

お客様の記入内容を確認し、必要に応じて追加項目を設定してください。

お客様の記入内容
{{ f.label }} {{ f.value }}
ご要望・気になること

{{ p0_r16RecordMemo }}

{{ f.label }} {{ f.requiredLabel }}

{{ f.display }}

{{ o.label }}未記入
追加設定項目
顧客画像
顧客属性タグ {{ t.label }}
備考メモ
初回カウンセリングシートのご記入
hair salon kiitos

ご来店ありがとうございます。

施術の参考にさせていただくため、
下記のご記入をお願いいたします。

お客様について
{{ f.label }}
市外局番から、数字でご入力ください。

{{ f.error }}

追加のご質問

{{ f.error }}

ご要望・気になること

ご記入内容をご確認のうえ、
下のボタンを押してください。

ご記入ありがとうございました!

端末をスタッフに
お返しください。

スタッフ用パスコードを入力
パスコードが違います。もう一度お試しください。
電子カルテの記録

種類・バージョンを問わず、すべての記録を作成日時の新しい順に表示しています。
確認する記録を選んでください。

電子カルテの記録はありません。
+から新しく作成できます。

電子カルテ

{{ p0_doc996ChartError }}

{{ p0_doc996ChartRecord.title }}

{{ p0_doc996ChartRecord.versionLabel }} 制定日:{{ p0_doc996ChartRecord.revisedDateLabel }}
{{ f.label }}

{{ f.value }}

作成者{{ p0_doc996ChartRecord.author }}
作成日時{{ p0_doc996ChartRecord.recordedAtLabel }}
最終編集者{{ p0_doc996ChartRecord.updatedByLabel }}
最終編集日時{{ p0_doc996ChartRecord.updatedAtLabel }}
電子カルテを選択

記入する電子カルテを選んでください。複数選択できます。

電子カルテ {{ p0_chartSel9913Count }}件選択中

電子カルテが登録されていません。

{{ p0_chartSel9913Prompt }}

電子カルテ入力

{{ p0_chartError }}

施術内容や使用した薬剤、仕上がりを記録してください。

{{ form.title }}

{{ form.versionLabel }} 制定日:{{ form.establishedDate }}

記入項目はありません。

同意書一覧

同意書の種類ごとに、記入済みの最新の版を表示しています。
確認する記録を選んでください。

記入済みの施術同意書はありません。
+から新しく記入できます。

施術同意書
閲覧のみ

{{ p0_read996ConsentRecord.title }}

{{ p0_read996ConsentRecord.versionLabel }} 制定日:{{ p0_read996ConsentRecord.revisedDateLabel }}

{{ p0_read996ConsentRecord.body }}

内容を確認し、同意します
記入日時{{ p0_read996ConsentRecord.signedAtLabel }}
署名
同意書を選択

{{ p0_consentError }}

お客様に表示する同意書を選んでください。複数選択できます。
未記入、または記入済みの版から更新された同意書のみ表示しています。

同意書 {{ p0_sel996Count }}件選択中

記入が必要な同意書はありません。
すべての同意書の最新版を記入済みです。

{{ p0_sel996Prompt }}

同意書のご記入
hair salon kiitos

施術前のご確認をお願いいたします。

下記の同意書をお読みいただき、
内容に同意いただけましたらチェックとご署名をお願いいたします。

{{ f.title }}

{{ f.versionLabel }}

{{ f.body }}

ご署名

上記{{ p0_consentFormCount }}件の同意書へのご署名として、
枠内にお名前をフルネームでお書きください。

こちらにお名前をお書きください

ご不明な点は、スタッフにお声がけください。
ご確認・ご署名が済みましたら、完了ボタンを押してください。

{{ p0_c997LockMessage }}

端末をスタッフに
お返しください。

スタッフ用パスコードを入力
パスコードが違います。もう一度お試しください。
記入後同意書確認

お客様の同意チェックと署名を確認してください。

{{ f.title }}

{{ f.versionLabel }}

{{ f.body }}

内容を確認し、同意します
記入日時{{ p0_review9911SignedAt }}
署名
#0-1 初回利用プロトタイプ

未登録から、認証・店舗作成・初回利用までを試す独立したデモ。店舗作成時にサンプル顧客1人と予約1件を追加します。画面右側のデモ操作でメール認証、招待、再ログインを再現できます。#0のデータには影響しません。

01 予約一覧画面

当日のタイムテーブル(0:00–24:00)。担当者ごとに固定幅の列を設け、横スクロールで表示。担当者名は上部、時刻は左側に固定。#5のシフトを参照し、勤務時間をスタッフ色の枠のあるカードで囲み、その内側に予約と休憩を表示します。シフトはこの画面では編集できません。担当者フィルタは複数選択でき、選択した担当者の列だけを表示します。右上のアカウントボタンから同一店舗のスタッフへ切り替えられ、中央のサロン名から選択中スタッフに紐づく店舗へ切り替えられます。店舗切り替え時はログインパスワードで再承認します。日付タップで月カレンダー、+から予約追加フォームを表示。既存顧客の選択・新規顧客の登録、担当者・メニュー・日時の設定ができ、同じスタッフの予約時間の重複は追加できません。指名は明るい赤の角丸四角の「指」マークと枠で表示し、担当者の背景色は維持。誕生月と重なる場合は、指名の枠の外側に金色の枠を表示します。初回施術は青い角丸四角の「初」タグと枠で表示。重複時は青枠の外に指名・誕生月の枠を重ねます。中村 涼さんを初回施術のサンプルに設定しています。予約データはサンプル。

今日の共有事項

{{ n.text }}

{{ n.by }}
店舗・予約 スタッフ 設備

{{ scheduleClosedTitle1 }}

{{ scheduleClosedText1 }}

{{ scheduleCloseError1 }}

{{ addTitleSchedule1 }}

{{ addDateSchedule1 }}

{{ addErrorSchedule1 }}

メンテナンスを追加

{{ resourceMaintenanceDate1 }}

{{ resourceMaintenanceError1 }}

{{ resourceDetailTitle1 }}

{{ resourceDetailDate1 }}

{{ resourceDetailSubjectLabel1 }}
{{ resourceDetailName1 }}
開始時刻
終了時刻
メモ

{{ resourceDetailError1 }}

削除してよろしいですか?

{{ resourceDetailDescription1 }}

{{ reservationTitle1 }}

お客様情報

電話番号

ここで入力する内容は、予約のための仮情報です。お客様情報の正式な登録は、ご来店時の初回カウンセリングで行います。

お客様情報

{{ reservationCustomerLabel1 }}

予約内容

担当スタッフ自動割り当て

予約メモ任意

{{ reservationError1 }}

お客様を選択
絞り込み
五十音
誕生月
性別
並び替え 順序
該当する顧客がいません 検索条件・絞り込み条件を変更してください

初来店のお客様です。

初回カウンセリングシートの入力に進みます。OKを押したのち、端末をお客様に渡してください。

MENU
現在選択中のスタッフ
{{ accountCurrentInitial1 }} {{ accountCurrentName1 }} {{ accountCurrentRole1 }} 選択中
同じ店舗のスタッフ
店舗を切り替え {{ storeAccountName1 }}さんが所属している店舗
店舗を切り替えます 「{{ storeAuthTargetName1 }}」へ切り替えるため、
{{ storeAccountName1 }}さんのログインパスワードを入力してください。
{{ storeAuthError1 }} プロトタイプ用パスワード:1234
{{ monthLabel1 }}
{{ w.label }}
・今月お誕生月のお客様が2名様いらっしゃいます。 ・今日からカラー剤が変更になっています。 ・明日は定休日です。誤って予約を取らないようお願いします。 ・昨日、待合いのソファでシルバーのピアスの落とし物がありました。レジ横の引き出しに保管しています。
臨時休業日
{{ shiftEditingLabel1 }}
{{ shiftError1 }}
{{ s.short }} {{ s.label }}
{{ hour.label }}
14:20
{{ band.label }}
{{ b.name }}{{ b.menu }}{{ b.time }}
{{ b.label }}{{ b.time }}
{{ b.name }}
初 指 誕
{{ b.menu }} {{ b.time }}
{{ b.name }} 初 指 誕 {{ b.menu }} {{ b.time }}
#1-1 施術の詳細画面

予約一覧画面(01)の予約カードをタップして開く詳細。顧客・メニュー・担当者・時間・金額・施術時の注意メモの確認と、各項目の編集と、下部にキャンセル導線。予約データはサンプル。上部の「予約情報」に予約日・時間・担当者・メニュー・金額・予約メモを行形式でまとめた試案。メニューはカット1つ。特記事項タグ(指名・誕生月・初回施術)はシステムが条件に応じて自動付与する想定で、手動の追加・削除は設けません。佐藤ひかりさんは6回目のため、初回施術は非該当。顧客属性タグはスタッフが設定する情報として別の行に表示し、この画面には追加ボタンを置きません。電話番号の下にメールアドレスとメールボタンを表示。電話・メールの起動は未接続。「いつも注意すること」は顧客詳細の備考メモに統合し、お客様セクションのタグの下に表示する想定。関連書類は初回カウンセリングシート・施術同意書・電子カルテの入口のみ表示。遷移先は共通画面#99-4・#99-7・#99-12へ切り出し、この画面からは遷移しません。顧客は佐藤ひかりさんのまま。

{{ e11_reservationTitle1 }}

お客様情報

電話番号

ここで入力する内容は、予約のための仮情報です。お客様情報の正式な登録は、ご来店時の初回カウンセリングで行います。

お客様情報

{{ e11_reservationCustomerLabel1 }}

予約内容

担当スタッフ自動割り当て

予約メモ任意

{{ e11_reservationError1 }}

お客様を選択
絞り込み
五十音
誕生月
性別
並び替え 順序
該当する顧客がいません 検索条件・絞り込み条件を変更してください
施術前画像を追加
施術後画像を追加
施術の詳細

予約情報

予約日 {{ detail11.date }} 時間 {{ detail11.time }}{{ detail11.duration }} 担当者 {{ detail11.initial }} {{ detail11.staff }} メニュー {{ detail11.menu }} 金額 {{ detail11.price }} 予約メモ

{{ detail11.memo }}

お客様情報

お客様 佐藤 ひかり 様
来店回数 6回目(前回 2026年6月12日) 電話番号 090-2841-7736 メールアドレス hikari.sato@example.com 特記事項タグ 指名 誕生月 顧客属性タグ 敏感肌 備考メモ

地肌が敏感でアルカリカラーの刺激が出やすい。塗布前に保護オイルを必ず使用。毛先のダメージが強いので薬剤は弱め、放置時間も短めに。シャンプー時は湯温をぬるめに。

施術前画像

施術前画像
施術前画像

施術後画像

施術後画像
施術後画像
関連書類
#1-2 施術前後の比較画面(縦)

1-1の右下のボタンから開く画面。上半分が施術前、下半分が施術後。背景は黒。

施術前 BEFORE
施術後 AFTER
#1-3 施術前後の比較画面(横)

1-2と同じ機能を横向きのレイアウトで。左半分が施術前、右半分が施術後。背景は黒。端末は縦向きのまま、表示だけ90度回転した状態。

施術前
BEFORE
施術後
AFTER
9:41
#1-4 施術前後の比較画面(重ねて)

縦向き固定。施術前を下地に、施術後を上に重ねて表示。下部のスライダーで施術後側の不透明度を調整でき、0%で施術前、100%で施術後だけが見えます。スライダーは実際に動きます。

施術前 施術後 OVERLAY
BEFORE
{{ blendPct }}
AFTER
02 顧客一覧画面

顧客のリスト。ヘッダーに検索バー(名前・かなの部分一致)を置き、並び替えと絞り込みはその下の2つのアイコンに集約。並び替えボタンはタップでプルダウンメニュー(.menu形式)が開き、五十音・誕生日(月日順)・来店回数・最終来店と昇順/降順を選択(現在の条件はボタン内に表示)。絞り込みアイコンからボトムシートを開き、五十音(行)・誕生月・性別を複数選択で絞り込めます。条件数はアイコンのバッジに表示。+ボタンで初回カウンセリングシート入力の確認ダイアログを表示します。OK・キャンセルの動作は未接続。行タップの遷移は未接続。顧客データはサンプル。

絞り込み
五十音
誕生月
性別

顧客情報を追加します。

お客様に初回カウンセリングシートをご記入いただきます。OKを押したのち、端末をお客様に渡してください。

hair salon kiitos
並び替え 順序
該当する顧客がいません 名前・電話番号で検索してください
03 スタッフ一覧

スタッフを1列のカードで表示し、役職は各カードのタグで表記。「本日出勤」は初期状態オフ。オンにすると、基準日2026年8月28日に勤務シフトがあるスタッフだけ表示します(勤務開始前・休憩中も対象)。名前・アイコン色はスケジュールの担当者と対応。各カードの遷移先と招待の導線はまだ未接続。

hair salon kiitos
{{ person.initial }}
{{ person.name }} {{ person.kana }}
{{ person.role }}
本日のシフト{{ person.shiftLabel }}
本日の施術件数{{ person.treatmentCount }}件
施術時間帯{{ person.treatmentTimeLabel }}
休憩時間帯{{ person.breakTimeLabel }}

本日出勤のスタッフはいません。

#3-1 オーナー招待

未着手。

オーナーを招待

オーナーとして招待したい方のメールアドレスを入力してください。

招待メールのリンクからアカウントを作成すると、このサロンのオーナーとして追加されます。

#3-2 メンバー招待

未着手。

メンバーを招待

メンバーとして招待したい方のメールアドレスを入力してください。

招待メールのリンクからアカウントを作成すると、このサロンのメンバーとして追加されます。

#3-3 スタッフ詳細

03の各行からの遷移先。名前・スタッフ画像・役職・メールアドレス・備考メモを表示。画像はプレースホルダー(右下のボタンで変更する想定)。

{{ shiftEditorTitle33 }}

休み

勤務時間
–

{{ shiftError33 }}

スタッフ詳細
基本情報
名前 {{ mName }}
ふりがな {{ mKana }}
役職 {{ mRole }}
電話番号 {{ mPhone }}
メールアドレス {{ mEmail }}
スタッフカラー
スタッフ画像 {{ mInitial }} {{ mInitial }}
本日の稼働状況
本日のシフト{{ todayShift }}
本日の施術件数{{ todayTreatmentCount }}件
施術時間帯{{ todayTreatmentTimes }}
休憩時間帯{{ todayBreakTimes }}
シフト情報
{{ shiftMonthLabel33 }}
{{ day.label }}

例外シフトを設定した日

定期シフト
{{ r.d }} {{ r.label }}

※ 定期シフトは「一覧」表示で変更できます。

保有スキル情報
スキルタグ {{ t.label }} {{ t.label }}

この情報と、予約されたメニューに必要なスキルを照らし合わせて、対応できるスタッフを自動で割り当てます。

その他
備考メモ

{{ mMemo }}

04 設定画面

フッター「設定」タブの遷移先。営業時間・定休日、顧客画像の自動設定は「アプリ機能の設定」にまとめ、外部サービス連携やセキュリティなどは用途ごとに分けています。開店・閉店時間はタップでMaterialの時刻選択ダイアログが開き、ダイヤルまたはキーボード入力で指定できます。各項目の遷移先は未接続。

{{ timeSheetTitle }}を選択
:
時と分を入力(分は1分単位)
:
hair salon kiitos
外部サービス連携
予約取り込み用メールアドレス kiitos-9f2a@resv.salonapp.jp このアドレスをサロンボードなどの予約サイトに登録すると、外部サービス経由の予約が自動で取り込まれます。
アプリ機能の設定
営業時間・定休日 予約一覧画面の営業時間・休業日に反映されます。
顧客画像の自動設定 最新の施術後写真を、顧客一覧画面と顧客詳細画面のアバターに自動で反映します。
セキュリティ・通知
サポート・規約
アプリバージョン 1.0.0
アカウント
04-1 営業時間

設定画面「営業時間」の遷移先。日曜日から土曜日まで、曜日ごとに開店時間と閉店時間を設定します。時間をタップで時刻選択、左上の戻るで設定画面へ。遷移・選択処理は未接続。

営業時間・定休日
{{ d.label }} 開店 閉店 定休日
営業時間について
予約一覧のタイムテーブルに反映されます。
営業時間外と定休日はグレーアウトされ、新規予約を登録できません。
営業時間や定休日を変更しても、すでに入っている予約が自動でキャンセルされることはありません。
臨時休業日は、予約一覧画面の「+」から日付ごとに設定します。
{{ bhSheetTitle }}を選択
:
時と分を入力(分は1分単位)
:
#5 設備一覧

設備管理フェーズ1。種類・台数の追加/変更と、個々の設備の本日の利用・メンテナンス予定を確認できます。「本日」は2026年8月28日、現在時刻は14:20のサンプル。#1の設備・予約データに連動します。タブの変更と#0への反映は後続フェーズで行います。

hair salon kiitos

{{ group.label }}

{{ group.count }}台
{{ unit.label }}
{{ unit.status }}
本日の利用件数{{ unit.count }}件
利用時間帯{{ unit.times }}
本日のメンテナンス予定なし
{{ maintenance.time }}{{ maintenance.note }}

{{ group.emptyMessage }}

{{ equipmentFormTitle5 }}

{{ equipmentFormHelp5 }}

{{ equipmentFormError5 }}

#5-1 設備詳細

設備一覧の各カードから確認する詳細画面。設備の基本情報、本日の利用状況、メンテナンス予定、管理メモを表示・編集します。

設備詳細
基本情報
設備名{{ equipmentDetailName5 }}
設備の種類{{ equipmentDetailType5 }}
利用状況{{ equipmentDetailStatus5 }}
本日の利用状況
本日の利用件数{{ equipmentDetailCount5 }}件
利用時間帯{{ equipmentDetailTimes5 }}
本日のメンテナンス予定なし
{{ maintenance.time }}{{ maintenance.note }}
その他
管理メモ

{{ equipmentDetailMemo5 }}

06 帳票画面

戻るボタンとタイトルのみのツールバーを持つ空の画面。中身はこれから設計します。

帳票作成
出力対象
出力範囲
開始
終了
出力形式
07 施術メニュー管理画面

戻るボタンとタイトルのみのツールバーを持つ空の画面。中身はこれから設計します。

絞り込み
必要スキル
必要スタッフ数
所要時間
必要設備
施術メニュー管理
並び替え 順序
{{ m.name }} 所要時間 {{ m.dur }} 料金 {{ m.price }} 必要スタッフ数 {{ m.staff }} 必要スキル {{ t.label }} 必要設備 {{ e.label }}
該当するメニューがありません 検索条件や絞り込みを変えてください
#7-1 施術メニュー詳細画面

施術メニュー管理から1件を開いた画面。中身はこれから設計します。

{{ rhTitle71 }}
{{ l.text }}
施術メニュー詳細
基本情報
メニュー名 {{ dName }}
所要時間 {{ dMinText }} 分
料金 {{ dPriceText }} ¥
必要スタッフ数 {{ dStaffText }} {{ dStaffText }}
必要リソース
必要スキル {{ t.label }} 未設定 {{ t.label }}
必要設備 {{ e.label }} × {{ e.qty }} 設定なし {{ e.label }}
備考メモ

{{ dMemo }}

#7-2 施術メニュー追加画面

施術メニュー管理の右下の+から開く新規追加画面。項目は詳細画面の編集モードと同じ並びで、すべて空の状態から入力します。

{{ rhTitle72 }}
{{ l.text }}
施術メニューを追加
基本情報
メニュー名
所要時間 分
料金 ¥
必要スタッフ数 {{ aStaffText }}
必要リソース
必要スキル
必要設備
{{ e.label }}
備考メモ
08 タグ管理画面

まず編集対象の種類(スキル/顧客属性)を選ぶ入口画面。選んだ先の一覧はこれから設計します。

タグ管理
#8-1 スキルタグ管理画面

タグ管理から「スキルタグ」を開いた画面。右上の選択で複数選択、+で新規作成(色の指定あり)。

スキルタグについて
スタッフが保持するスキルおよび、メニューが要求するスキルを表すタグです。例:カット / カラー / パーマ / シャンプー
スキルタグ管理
{{ skCountLabel }}
新しいタグを作成
タグ名
タグの色
プレビュー {{ skPrevLabel }}
#8-3 顧客属性タグ管理画面

タグ管理から「顧客属性タグ」を開いた画面。右上の選択で複数選択、+で新規作成(色の指定あり)。

顧客属性タグについて
顧客の好みや来店傾向を分類するタグです。例:カラー履歴あり / 敏感肌 / 学生
顧客属性タグ管理
{{ cmCountLabel }}
新しいタグを作成
タグ名
タグの色
プレビュー {{ cmPrevLabel }}
#9 書類フォーマット管理画面
書類フォーマット管理

書類フォーマット管理の入口。初回カウンセリングシート・施術同意書・電子カルテの3種類を選びます。右隣に#9-1〜#9-3を配置。画面遷移は#0で確認できます。

#9-1 初回カウンセリングシート管理画面
初回カウンセリングシート管理

改訂情報

バージョン 更新すると自動的に1つ上がります。 バージョン1
制定日 2026/09/01
必須項目

初回カウンセリングに必ず含まれる項目です。
変更・削除はできません。

{{ f.label }} 必須
お店独自の項目 {{ chart91Count }}件

初回カウンセリングで確認したい質問を追加できます。
例:アレルギーの有無、ご希望の過ごし方

追加した項目はありません
項目 {{ f.number }}

改訂情報はバージョン1・2026/09/01のサンプル表示。#2-4の7項目を必須項目として固定。お店独自の質問は、この見本内で追加・編集・削除できます。変更は再読み込みで戻ります。画面遷移・保存・記入画面への反映は未接続。#0には未反映。

#9-2 同意書管理画面
同意書管理

お客様に確認・同意していただく書類を管理します。
施術に合わせて、同意書を作成できます。

登録済みの同意書 {{ consent92Count }}件

登録済みの同意書はありません

{{ consent92EditorTitle }}

改訂情報

版 更新すると自動的に1つ上がります。 {{ consent92VersionLabel }}
制定日 {{ consent92RevisedDateLabel }}

同意書の内容

同意書名
{{ consent92Title }}

同意書名と同意内容を入力してください。

同意書のひな形を管理する見本。3件のサンプルには名称・管理用の説明・版・制定日を設定。本文は空欄。各行から編集、+から追加ができます。同意書名は新規作成時のみ入力でき、既存書類では変更できません。版・制定日は入力欄の上に配置。既存の同意書は編集画面の一番下で削除できます。既存書類は「更新」で版が1つ上がり、制定日が更新日になります。新規作成は第1版。改訂履歴の保存は未実装。保存・削除はこの見本内のみで、再読み込みで戻ります。お客様の署名・同意記録や#0とは未接続。

#9-3 電子カルテ管理画面
電子カルテ管理

施術内容や経過を記録する電子カルテを管理します。
施術に合わせて、種類ごとに作成できます。

登録済みの電子カルテ {{ chart93ListCount }}件

登録済みの電子カルテはありません

{{ chart93EditorTitle }}

改訂情報

バージョン 更新すると自動的に1つ上がります。 {{ chart93VersionLabel }}
制定日 {{ chart93RevisedDateLabel }}

電子カルテの内容

電子カルテ名
{{ chart93Title }}
お店独自の項目 {{ chart93Count }}件

スタッフが施術内容や経過を記録する項目を追加できます。
例:使用した薬剤、施術後の状態

追加した項目はありません
項目 {{ f.number }}

電子カルテ名を入力してください。

3種類の電子カルテを管理する見本。一覧から編集、+から追加ができます。名前は新規作成時のみ入力でき、既存の名前は変更できません。説明・独自項目は種類ごとに編集できます。更新でバージョンが1つ上がり、制定日が更新日になります。記入項目はお店独自の項目のみで構成します。保存・更新・削除はこの見本内のみで、再読み込みで戻ります。改訂履歴の保存・記入画面への反映は未接続。#9-1や#0とは独立。

#10はじめに

初回起動の入口。新規ユーザーと既存ユーザーの行き先を分ける。

cologne.

サロンの仕事を、シンプルに。

アカウントをお持ちの方

デザイン確認用。画面遷移・認証・送信・保存は未接続。

#10-1ログイン

既存ユーザー向け。ログイン後は所属店舗の有無に応じて案内する。

ログイン

おかえりなさい

登録済みのアカウントでログインしてください。

デザイン確認用。画面遷移・認証・送信・保存は未接続。

#10-2アカウント作成

店舗・役職の指定はここでは行わない。招待リンクから来た場合も共通の入力画面。

アカウント作成

cologneをはじめましょう

まずは、あなたのアカウントを作成します。
店舗の作成・参加は、このあとに行えます。

招待を受けている方は、招待メールが届いたメールアドレスで登録してください。

デザイン確認用。画面遷移・認証・送信・保存は未接続。

#10-3メールアドレス確認

Firebase Authenticationのメール確認待ち。メール内のリンクで認証後、アプリに戻って認証状況を確認する。

メールアドレス確認

メールをご確認ください

次のメールアドレスに、確認用のリンクを送りました。

送信先hanako@example.com

メール内のリンクを開いて認証を完了したら、このアプリに戻り「認証を完了しました」を押してください。

メールが届かない場合は、迷惑メールフォルダや入力したメールアドレスをご確認ください。

デザイン確認用・Firebase未接続。ボタンは未認証時も押せる想定。押下時にUser.reload()後のcurrentUser.emailVerifiedを確認し、認証済みの場合だけ次へ進む。未認証時はメール内のリンクを開く案内、通信失敗時は再試行の案内を表示する。確認中は連打を防止する。戻る場合もFirebase上のアカウントは作成済みのため、新規作成を繰り返さない。

#10-4 アカウント作成完了

#10-3で認証済みを確認した後の見本。所属店舗がない場合の、店舗作成・招待参加の案内。

アカウント準備完了

アカウントの準備が
できました

メールアドレスの認証が完了しました。
続いて、利用する店舗を設定しましょう。

ログイン中のアカウント 山田 花子 hanako@example.com

新しく店舗を作成する方

店舗を作成すると、その店舗のオーナーとして利用できます。

店舗に招待されている方

招待メールのリンクから、店舗に参加できます。招待が届いていない場合は、お店のオーナーにご確認ください。

デザイン確認用。認証・画面遷移・店舗作成は未接続。認証後の未所属ユーザーを想定。招待リンクから登録を開始した場合の招待情報の引き継ぎは、別途設計する。

#10-5 店舗への参加確認

#10-4の状態で招待メールのリンクを開いた場合の見本。店舗と指定された役職を確認して参加に同意する。

店舗への参加確認

店舗に参加しますか?

次の店舗に招待されています。
店舗名と役職をご確認ください。

招待内容

店舗名 hair salon cologne
役職 メンバー
招待者 田中 菜々

参加するアカウント

山田 花子 hanako@example.com

この店舗に、メンバーとして参加します。

デザイン確認用。招待先とログイン中のアカウントが一致し、有効な招待を受け取った想定。役職は招待元が指定する読み取り専用の情報。オーナー招待では役職と参加説明をオーナーに置き換える。「今は参加しない」・閉じる操作は招待を辞退・削除せず#10-4へ戻る想定。画面遷移・参加処理は未接続。

#10-6 店舗作成

#10-4の「新しく店舗を作成」から開く想定。店舗名と種類を指定し、オーナーとして店舗を作成する。種類に応じた初期設定を用意する。

店舗作成

お店について
教えてください

新しい店舗を作成して、オーナーとして利用をはじめます。

店舗を作成するアカウント

山田 花子 オーナー
hanako@example.com

デザイン確認用。店舗名・店舗の種類は必須の想定。種類に応じて施術メニュー、スキル・顧客属性タグ、初回カウンセリングシート・施術同意書・電子カルテのひな形を用意する方針。種類別の具体的な内容と「その他」の初期設定は今後設計する。既存アカウントがオーナーとして店舗を作成する。入力・種類の選択のみ操作可能で、初期データ生成・入力検証・保存・画面遷移は未接続。

#10-7営業時間・定休日

既存の営業時間設定と同じ曜日別のUI。開店・閉店時刻と定休日を設定し、次にオーナーの定期シフトを設定する。

営業時間、定休日の設定

お店の営業日を
設定しましょう

曜日ごとの開店・閉店時刻と定休日を設定してください。

{{ d.label }} 開店 閉店 定休日
営業時間について
予約一覧のタイムテーブルに反映されます。
営業時間外と定休日はグレーアウトされ、新規予約を登録できません。
営業時間や定休日を変更しても、すでに入っている予約が自動でキャンセルされることはありません。
臨時休業日は、予約一覧画面の「+」から日付ごとに設定します。
{{ ob107SheetTitle }}を選択
:
時と分を入力(分は1分単位)
:

見本内で設定可能。初期値は毎日10:00〜19:00、定休日なし。既存設定とは独立。保存・画面遷移・#0への反映は未接続。

#10-8オーナーの定期シフト

スタッフ詳細の定期シフト一覧と同じUI。曜日をタップして勤務時間を編集する。

{{ ob108shiftEditorTitle33 }}

休み

勤務時間
–

{{ ob108shiftError33 }}

定期シフトの設定

あなたの勤務時間を
設定しましょう

お店の営業時間をもとに、定期シフトを設定しています。勤務時間や休みが異なる曜日をタップして変更してください。

#10-7の営業時間・定休日を初期シフトとして使用。変更・キャンセル・休みの設定はこの見本内のみ。休憩は今日の予定で設定。店舗作成・保存・画面遷移・#0への反映は未接続。

#10-9 外部サービス連携

店舗作成後の任意設定。店舗専用の予約取り込み用メールアドレスを案内する。設定を後回しにしても今日の予定へ進める。

外部サービス連携

外部サービスの予約を
取り込みましょう

予約通知の受信先に次のメールアドレスを設定すると、ホットペッパーなどの外部サービス経由の予約を、このアプリに自動で取り込めます。
メールアドレスは、設定画面の「外部サービス連携」からいつでも確認できます。

予約取り込み用メールアドレス

cologne-9f2a@resv.salonapp.jp

デザイン確認用。アドレスはサンプルで、コピー・予約取り込み・画面遷移は未接続。両ボタンとも今日の予定へ進む想定で、連携成功を判定するものではない。外部サービスごとの受信先設定手順と対応範囲は本実装前に確認する。定期シフトから期限なく勤務予定を算出し、個別日の例外を優先する方針。

#99-1 共通画面(スキルタグ選択画面)

スタッフ詳細や施術メニュー詳細から呼び出す共通画面。登録済みのタグをタップでON / OFFして複数選択する。

スキルタグについて
スタッフが保持するスキルおよび、メニューが要求するスキルを表すタグです。例:カット / カラー / パーマ / シャンプー
既存タグの編集や削除は、「メニュー」→「タグ管理」から行ってください。
スキルタグを選択
選択中 {{ tpCount }}件
新しいタグを作成
タグ名
タグの色
プレビュー {{ tpPrevLabel }}
#99-2 共通画面(設備選択画面)

施術メニュー詳細から呼び出す共通画面。選択は#99-1と同じON / OFF。タグの登録時のみ、サロンの設備数を紐づける。

設備タグについて
メニューを実行するために必要な設備を表すタグです。例:セット面 / シャンプー台 / 施術室
設備台数を登録することで、同じ時間帯に設備台数以上のオーバーブッキングが起こることを防ぐことができます。
既存タグの編集や削除は、「メニュー」→「タグ管理」から行ってください。
設備を選択
選択中 {{ eqCount }}件
新しい設備タグを作成
設備名
設備数 {{ eqAddQty }}
#99-3 共通画面(顧客属性タグ選択画面)

顧客のカルテから呼び出す共通画面。登録済みの顧客属性タグをタップでON / OFFして複数選択する。

顧客属性タグについて
顧客の好みや来店傾向を分類するタグです。例:カラー履歴あり / 敏感肌 / 学生
既存タグの編集や削除は、「メニュー」→「タグ管理」から行ってください。
顧客属性タグを選択
選択中 {{ ctCount }}件
新しいタグを作成
タグ名
タグの色
プレビュー {{ ctPrevLabel }}
#99-4 共通画面(初回カウンセリングシート閲覧画面)
初回カウンセリングシート
閲覧のみ

初回カウンセリングシート

{{ doc994CounselingVersion }} 制定日:{{ doc994CounselingRevisedDate }}
{{ f.label }} {{ f.value }}
ご要望・気になること

{{ doc994CounselingRequests }}

記入者南 里奈
記入日時{{ doc994CounselingRecordedAt }}

記入済みの内容を閲覧する共通画面。バージョン・制定日・記入者・日時を表示。内容は編集不可。青木 結衣さんのサンプル。#1-1・#99-15からの遷移と、呼び出し元に戻る操作は未接続。#0には未反映。

#99-5 初回カウンセリングシート記入画面

初来店のお客様が基本情報とご要望を記入する画面。記入完了・左上の閉じるボタンで、端末返却の案内とスタッフ用パスコード入力を表示します。

初回カウンセリングシートのご記入
hair salon kiitos

ご来店ありがとうございます。

施術の参考にさせていただくため、
下記のご記入をお願いいたします。

お客様について
{{ f.label }}
市外局番から、数字でご入力ください。

{{ f.error }}

ご要望・気になること

ご記入内容をご確認のうえ、
下のボタンを押してください。

ご記入ありがとうございました!

端末をスタッフに
お返しください。

スタッフ用パスコードを入力
パスコードが違います。もう一度お試しください。

試作用パスコード「1234」で解除すると、入力内容を保ったまま記入画面に戻ります。保存・本番認証・他画面との連携は未接続。#0には未反映。

#99-6 初回カウンセリングシート確認画面

スタッフが記入内容を確認し、顧客画像・顧客属性タグ・備考メモを追加設定して、顧客情報に反映するための画面。

初回カウンセリングシート確認

お客様の記入内容を確認し、必要に応じて追加項目を設定してください。

お客様の記入内容
{{ f.label }} {{ f.value }}
ご要望・気になること

{{ r16RecordMemo }}

追加設定項目
顧客画像
顧客属性タグ
備考メモ

中村 涼さんの記入内容を表示した独立した見本。備考メモは入力でき、ご要望・気になることの全文をコピーできます。写真・タグの設定、顧客一覧への反映、#99-5との連携は未接続。#0には未反映。

#99-7 共通画面(同意書一覧画面)
同意書一覧

同意書の種類ごとに、記入済みの最新の版を表示しています。
確認する記録を選んでください。

種類ごとに記入済みの最新の版を表示する同意書一覧画面。各行・+ボタンからの画面遷移は未接続。閲覧画面は#99-8、同意書選択画面は#99-9に独立して配置しています。青木 結衣さんのサンプル。#1-1・#99-15からの遷移と、呼び出し元に戻る操作は未接続。#0には未反映。

#99-8 共通画面(同意書閲覧画面)
施術同意書
閲覧のみ

{{ read996ConsentRecord.title }}

{{ read996ConsentRecord.versionLabel }} 制定日:{{ read996ConsentRecord.revisedDateLabel }}

{{ read996ConsentRecord.body }}

内容を確認し、同意します
記入日時{{ read996ConsentRecord.signedAtLabel }}
署名

#99-7の各行から開く想定の閲覧専用画面。記入時点の同意書本文・版・制定日・記入日時・署名を表示します。青木 結衣さんの施術同意書(第2版)の見本。#99-7からの遷移と、戻る操作は未接続。#0には未反映。

#99-9 共通画面(同意書選択画面)
同意書を選択

お客様に表示する同意書を選んでください。複数選択できます。
未記入、または記入済みの版から更新された同意書のみ表示しています。

同意書 {{ sel996Count }}件選択中

記入が必要な同意書はありません。
すべての同意書の最新版を記入済みです。

{{ sel996Prompt }}

#99-7の+から開く想定の同意書選択の見本。#9-2の同意書と青木 結衣さんの記入履歴を照合し、未記入の種類・更新された版のみ表示します。複数選択できます。「同意書を表示」の遷移・記入処理は未接続。#99-7からの遷移と、戻る操作は未接続。#0には未反映。

#99-10 共通画面(同意書記入画面)
同意書のご記入
hair salon kiitos

施術前のご確認をお願いいたします。

下記の同意書をお読みいただき、
内容に同意いただけましたらチェックとご署名をお願いいたします。

{{ f.title }}

{{ f.versionLabel }}

{{ f.body }}

ご署名

上記2件の同意書へのご署名として、
枠内にお名前をフルネームでお書きください。

こちらにお名前をお書きください

ご不明な点は、スタッフにお声がけください。
ご確認・ご署名が済みましたら、完了ボタンを押してください。

{{ c997LockMessage }}

端末をスタッフに
お返しください。

スタッフ用パスコードを入力
パスコードが違います。もう一度お試しください。

お客様用の同意書記入画面。2種類を選択した見本です。同意チェックと手書き署名で記入を完了でき、端末返却の案内とパスコード入力を表示します。「書き直す」で署名を消去できます。試作用パスコード「1234」で解除すると記入画面に戻ります。#99-9の選択内容との連携・画面遷移・保存・本番認証は未接続。本文はデザイン確認用のサンプル。#0には未反映。

#99-11 記入後同意書確認画面

#99-10と同じ構成で、スタッフが同意書の本文・同意チェック・署名を確認する画面。

記入後同意書確認

お客様の同意チェックと署名を確認してください。

{{ f.title }}

{{ f.versionLabel }}

{{ f.body }}

内容を確認し、同意します
記入日時{{ review9911SignedAt }}
署名

#99-10の記入完了後、スタッフがパスコードを解除して確認する想定の見本。2種類の同意書を記入済みとして表示し、本文・同意チェック・署名は編集できません。署名は青木 結衣さんの固定サンプルを共通の署名欄に1つ表示。同意書一覧への反映、他画面との連携は未接続。#0には未反映。

#99-12 共通画面(電子カルテの記録)
電子カルテの記録

種類・バージョンを問わず、すべての記録を作成日時の新しい順に表示しています。
確認する記録を選んでください。

電子カルテ

{{ doc996ChartError }}

{{ doc996ChartRecord.title }}

{{ doc996ChartRecord.versionLabel }} 制定日:{{ doc996ChartRecord.revisedDateLabel }}
{{ f.label }}

{{ f.value }}

作成者{{ doc996ChartRecord.author }}
作成日時{{ doc996ChartRecord.recordedAtLabel }}
最終編集者{{ doc996ChartRecord.updatedByLabel }}
最終編集日時{{ doc996ChartRecord.updatedAtLabel }}

顧客ごとの全種類・全バージョンの記録を作成日時順に表示する共通画面。行をタップして詳細へ進み、記録内容を編集できます。作成情報を保持し、最終編集者・日時を更新します。青木 結衣さんのサンプル。#1-1・#99-15からの遷移と、呼び出し元に戻る操作は未接続。#0では顧客に紐づけた作成・閲覧・編集の操作を接続済み。

#99-13 共通画面(電子カルテ選択画面)
電子カルテを選択

記入する電子カルテを選んでください。複数選択できます。

電子カルテ {{ chartSel9913Count }}件選択中

電子カルテが登録されていません。

{{ chartSel9913Prompt }}

スタッフが記入する電子カルテを複数選択する見本。#9-3に登録された電子カルテの最新版を表示し、過去の記入状況にかかわらず選択できます。選択数に応じて「記入に進む」が有効になります。戻る操作・記入画面への遷移・保存は未接続。#0では顧客に紐づけた作成・閲覧・編集の操作を接続済み。

#99-14 共通画面(電子カルテ入力画面)
電子カルテ入力

施術内容や使用した薬剤、仕上がりを記録してください。

{{ form.title }}

{{ form.versionLabel }} 制定日:{{ form.establishedDate }}

スタッフ向けの入力見本。施術カルテとカラー施術カルテの2種類を選択した想定で、記録項目は入力できます。記入項目はお店独自の項目のみで、予約には紐づけません。項目はサンプルです。#99-13の選択内容・#9-3の項目設定との連携、キャンセル・保存処理は未接続。#0では顧客に紐づけた作成・閲覧・編集の操作を接続済み。

#99-15 共通画面(顧客詳細)
顧客詳細
基本情報
{{ f.label }} {{ f.display }}
顧客画像 顧客画像 顧客画像
関連書類
顧客属性タグ
{{ t.label }} タグは未設定です
{{ t.label }}
来店情報
来店回数 {{ c21Visits }}
最終来店 {{ c21LastVisit }}
次回来店予定 {{ c21NextVisit }}
その他
備考メモ

{{ c21MemoDisplay }}

#02の顧客一覧と#1-1の施術詳細から共通で開く顧客詳細画面の見本。青木 結衣さんの基本情報・関連書類・顧客属性タグ・来店情報・備考メモを表示。右上の「編集」で基本情報・メモの変更とタグの削除ができます。変更はこの見本内のみで、再読み込みで戻ります。関連書類の遷移先は共通画面#99-4・#99-7・#99-12へ切り出し、この画面からは遷移しません。編集モードでは関連書類を非活性にします。呼び出し元からの遷移・戻る操作・写真の変更・タグ追加は未接続。

OLD(不採用案)

過去の検討案として保管している画面です。

#2-1 顧客追加画面

顧客一覧の+から、下から上がるフルスクリーンカバーで開く想定。#7-2と同様に空欄から入力します。左上はキャンセル、右上は追加。開いた状態のデザイン見本で、開閉・登録・写真変更・タグ選択は未接続。#0には未反映。

顧客を追加
基本情報
{{ f.label }}
顧客画像
顧客タグ
備考メモ
#2-3 同意書選択画面

お客様による個人情報の入力を始める前に、スタッフが表示する同意書の種類を選ぶ画面。複数選択できる独立した見本です。同意書は#9-2と同じ3種類のサンプルを表示。閉じる操作・#2-4への遷移・選択内容の引き継ぎは未接続。#0には未反映。

同意書を選択

お客様に表示する同意書を選んでください。
施術内容に合わせて、複数選択できます。

同意書 {{ consent23Count }}件選択中

選択した同意書は、電子カルテの記入後にお客様に表示します。

{{ consent23Prompt }}

#2-4 電子カルテ記入画面

お客様ご自身にご記入いただく電子カルテ。基本情報とご要望のみをご記入いただきます。お客様用の閉じるボタンは設けず、写真・タグの設定も表示しません。下部の「同意書の記入に進む」から、#2-3で選んだ同意書の記入へ進む想定です。同意書記入画面は#2-5に配置。画面遷移・登録処理は未接続。#0には未反映。

電子カルテのご記入
hair salon kiitos

ご来店ありがとうございます。

施術の参考にさせていただくため、
下記のご記入をお願いいたします。

お客様について
{{ f.label }}
ご要望・気になること

ご記入いただき、ありがとうございます。
続いて、同意書のご確認・ご記入をお願いいたします。

#2-5 同意書記入画面

お客様用の同意書記入画面。2種類を選んだ状態の独立した見本で、本文はデザイン確認用のサンプルです。同意チェックと手書き署名を入力すると完了でき、返却案内を全面表示します。指・ペン・マウスで署名でき、「書き直す」で消去できます。署名はこの画面内だけで保持し、#2-6とは連動しません。試作用パスコード「1234」で解除すると、この見本では記入画面に戻ります。#2-3との連動・画面遷移・保存・本番認証は未接続。#0には未反映。

同意書のご記入
hair salon kiitos

施術前のご確認をお願いいたします。

下記の同意書をお読みいただき、
内容に同意いただけましたらチェックとご署名をお願いいたします。

{{ f.title }}

{{ f.versionLabel }}

{{ f.body }}

ご署名

上記2件の同意書へのご署名として、
枠内にお名前をフルネームでお書きください。

こちらにお名前をお書きください

ご不明な点は、スタッフにお声がけください。
ご確認・ご署名が済みましたら、完了ボタンを押してください。

ご記入ありがとうございました!

端末をスタッフに
お返しください。

スタッフ用パスコードを入力
パスコードが違います。もう一度お試しください。
#2-6 電子カルテ・同意書確認画面

スタッフ用の確認画面。#2-5の同意書記入を完了し、パスコードを解除した後に表示する想定の見本です。画面遷移は、後で#0に実装する想定です。「お客様の記入書類」に#2-2と同じ電子カルテ・施術同意書の行を配置。タップすると閲覧専用画面が開き、電子カルテの回答や同意書の本文・同意状況・署名を編集できない形で確認できます。追加設定項目のスタッフ用メモは編集可能。署名は固定の手書き風サンプルを表示し、#2-5とは連動しません。写真変更・タグ選択は未接続。「顧客情報を反映」による保存処理は未接続。#0には未反映。

カルテ・同意書確認

電子カルテの記入内容と、同意書の同意状況・署名を確認してください。

お客様の記入書類
追加設定項目
顧客画像
顧客属性タグ
備考メモ
{{ r26DocumentTitle }}
閲覧のみ
{{ f.label }} {{ f.value }}
ご要望・気になること

{{ r26RecordMemo }}

{{ f.title }}

同意済み

{{ f.body }}

内容を確認し、同意します
署名
上記2件の同意書への署名