コンテンツにスキップ

機能と画面

会員証アプリにどんな機能があるかを、サンプル実装の実際の画面と一緒に紹介します。

お店の準備から会員の来店・クーポン利用・予約までを一連の流れとして追いたい場合は、紙芝居デモ(画面を順にめくって見られるデモ)もどうぞ。会員アプリと管理画面を自分で操作してみたい場合は、さわれるデモで試せます。

機能は「必須の会員証 + 選べるオプション」という構成です。 お店や商店街(テナント)は必要な機能だけを契約して組み合わせ、契約した機能だけが会員アプリに表示されます。

機能の構成

機能 位置づけ 紹介ページ
デジタル会員証 必須。他のすべての機能の土台 デジタル会員証
チェックイン(来店記録) オプション。来店実績の記録基盤 チェックイン
ポイント・スタンプ オプション。リピーター施策の核 ポイント・スタンプ
クーポン・抽選(福引) オプション。販促ツール クーポン・抽選
お知らせ・PUSH通知 オプション。会員への情報配信 お知らせ・通知
会員ランク オプション。ポイント・スタンプの蓄積(台紙の進み)に応じた特典差 ポイント・スタンプを参照
予約 オプション。承認型と自動確定型の2方式 予約
鍵解錠 オプション(将来提供予定)。会員証をスマホの鍵に —
運営管理 運営・テナント・ショップの管理基盤 管理画面と運営の仕組み

逆に、あえて作らない機能も3つあります。

  • 決済(いま使っている決済手段をそのまま使えばよい)
  • 高度なデータ分析(シンプルさ優先)
  • 商品や賞品の在庫管理(既存システムと重複する)

必要最小限に絞ったほうが、個人店でも導入しやすく、開発も早く進められると考えています。

会員アプリの画面構成

会員アプリはボトムナビ4タブ(ホーム・クーポン・お知らせ・マイページ)を中心に構成し、ホームの会員証一覧から各店舗の会員証詳細へ入る流れです。

flowchart TD
    BottomNav(["ボトムナビ(4タブ・常時表示)"])
    BottomNav --> Home["ホーム<br/>会員証一覧"]
    BottomNav --> Coupons["クーポン一覧<br/>(全店舗)"]
    BottomNav --> News["お知らせ"]
    BottomNav --> Profile["マイページ"]

    Home -->|会員証カードをタップ| CardDetail["会員証詳細<br/>(会員証・ポイント・クーポン・予約タブ)"]
    Home -->|店頭QRをスキャン| AddCard["会員証の追加"]
    CardDetail -->|店頭QRをスキャン| Checkin["チェックイン"]
    Coupons -->|クーポンをタップ| CouponDetail["クーポン詳細"]
    CouponDetail -->|抽選参加券| Lottery["抽選(福引)"]

会員証詳細のタブ(ポイント/スタンプ・クーポン・予約)は、その店舗が該当機能を契約している場合のみ表示されます。

会員アプリの主要画面

サンプル実装の実画面です。

ログイン ホーム(会員証一覧) 会員証詳細
ログイン画面 ホーム画面 会員証詳細画面
メールアドレスとパスワードでログイン 保有する会員証をカード形式で一覧表示 会員証・QRコード・会員情報を表示
クーポン一覧 お知らせ マイページ
クーポン一覧画面 お知らせ画面 マイページ画面
全店舗のクーポンを利用可能/使用済みで分類 カテゴリでフィルタして閲覧 統計・プロフィール・保有会員証
チェックイン 予約 店舗詳細
チェックイン完了画面 予約画面 店舗詳細画面
店頭QRの読み取りで来店記録(ポイント契約時は自動付与) 空き枠検索から予約作成・キャンセル 営業情報・地図・所属テナント

管理画面と会員アプリの対応

「管理画面で設定・運用したことが、会員アプリでどう見えるか」の対応です。

機能 管理画面でできること 会員アプリでの見え方
デジタル会員証 会員証追加QRコードの印刷・掲示、会員管理 QR読み取りで会員証を追加、ホームに一覧表示
チェックイン 店頭掲示用QRコード(日替わり)の掲示、会員を指定した来店記録 QR読み取りでチェックイン(ポイント・スタンプ契約時は同時に自動付与)
ポイント・スタンプ 会員を特定してポイント付与・消化、履歴管理 スタンプカード表示・残高・付与履歴
クーポン クーポン作成・配信、店頭での読み取り消込 クーポン一覧・QRコード提示・利用
抽選(福引) クーポンへの抽選設定(賞品・確率・上限) 参加券で抽選を引き、当選クーポンを受け取る
お知らせ お知らせ登録(種別・対象ランク・掲載期間) お知らせ一覧・カテゴリフィルタ
予約 営業カレンダー・予約メニュー/リソース・予約カレンダー・予約一覧・ショップ予約の作成・アプリ予約受付のON/OFF 空き枠検索・予約作成・キャンセル

例えば、会員がアプリで取った予約は、そのまま管理画面の予約カレンダー・予約一覧に現れます。逆に、店舗側で登録したショップ予約も会員のアプリの予約一覧に表示されます。

会員アプリ: 予約が確定 管理画面: 同じ予約が予約一覧に表示
会員アプリの予約タブ 管理画面の予約一覧

各機能の詳しい説明と画面は、次のページへ。

  1. デジタル会員証
  2. チェックイン(来店記録)
  3. ポイント・スタンプ
  4. クーポン・抽選(福引)
  5. お知らせ・PUSH通知
  6. 予約
  7. 管理画面と運営の仕組み