← 横スワイプで他の実績を見る →
📱NFC公開中
📷
読み込み中...
🎯主要機能
NFCワンタップアクセス
お客様に渡すNFCカードをスマホにかざすだけで、専用ページに即アクセス。アプリのインストールは不要で、誰でも簡単に利用可能。
デジタル保証書
修理内容・日付・保証期限をデジタルで管理。紛失リスクゼロで、いつでもスマホから保証状況を確認できます。
クーポン自動配信
季節や利用履歴に応じたクーポンを自動配信。エアコンクリーニングや防犯カメラ設置の需要喚起でリピート来店を促進。
🎨
Feature Image
⚙️技術的詳細
Web NFC API
ブラウザネイティブのWeb NFC APIでカード読み取りを実現。専用アプリ不要でNFCタグのデータを読み取り。
QRコードフォールバック
NFC非対応端末向けにQRコードを併用。カード裏面のQRを読み取ることで同じページにアクセス可能。
Supabase Auth/DB
顧客データと保証書情報をSupabaseで安全に管理。RLSでユーザーごとのデータアクセスを厳密に制御。
レスポンシブUI
スマホでの閲覧を最優先に設計。タップしやすいボタンサイズ、読みやすいフォントサイズで高齢者にも優しいUI。
💼活用シーン
🔧
スマホ修理後のお客様
修理完了時にNFCカードを渡し、保証書とクーポンをデジタルで提供。紙の保証書不要でCS向上。
❄️
エアコンクリーニング
施工後のアフターフォローをNFCカード経由で自動化。次回クリーニング時期のリマインドも可能。
📹
防犯カメラ設置
設置後のサポート窓口・マニュアル・クーポンをカード1枚で提供。問い合わせ対応コストを削減。
📖ストーリーで見る
👥
お客様編
💻
開発編
👤担当領域
企画UI設計フルスタック開発
🛠️使用技術
Next.js 16TypeScriptTailwind CSS 4Supabase Auth/DBNFC/QR
✨ハイライト
1
NFC/QRスキャンで保証書・クーポンに即アクセス
2
サービス別（修理・エアコン・防犯カメラ）の案内ページ
3
クーポン配信でリピート来店を促進
4
スマホ最適化のレスポンシブUI
5
保証書のデジタル化で紛失リスクゼロ
😰課題・問題
- ✗紙の保証書は紛失しやすい
- ✗アフターサポートの連絡が手間で離脱する
- ✗リピート来店の動機付けが弱い
💡解決策
- ✓デジタル保証書でいつでもスマホから確認可能
- ✓NFC/QRワンタップで保証・クーポン・サービスに即到達
- ✓定期的なクーポン配信でリピート来店を自然に促進
🎯成果・結果
🏆
アフターサポートのデジタル化でCS向上
🏆
クーポン施策でリピート率改善の基盤構築
🏆
保証書管理の手間をゼロに削減