どこでつまずいたか
01紙の保証書は紛失しやすい
02アフターサポートの連絡が手間で離脱する
03リピート来店の動機付けが弱い
どう解いたか
01デジタル保証書でいつでもスマホから確認可能
02NFC/QRワンタップで保証・クーポン・サービスに即到達
03定期的なクーポン配信でリピート来店を自然に促進
マンガでわかる

できあがったもの
できあがった画面



結果
| 01 | アフターサポートのデジタル化でCS向上 |
|---|---|
| 02 | クーポン施策でリピート率改善の基盤構築 |
| 03 | 保証書管理の手間をゼロに削減 |
この作品でできること
- NFC/QRスキャンで保証書・クーポンに即アクセス
- サービス別(修理・エアコン・防犯カメラ)の案内ページ
- クーポン配信でリピート来店を促進
- スマホ最適化のレスポンシブUI
- 保証書のデジタル化で紛失リスクゼロ
どう作ったか
できること3項目
| NFCワンタップアクセス | お客様に渡すNFCカードをスマホにかざすだけで、専用ページに即アクセス。アプリのインストールは不要で、誰でも簡単に利用可能。 |
|---|---|
| デジタル保証書 | 修理内容・日付・保証期限をデジタルで管理。紛失リスクゼロで、いつでもスマホから保証状況を確認できます。 |
| クーポン自動配信 | 季節や利用履歴に応じたクーポンを自動配信。エアコンクリーニングや防犯カメラ設置の需要喚起でリピート来店を促進。 |
つくり4項目
| Web NFC API | ブラウザネイティブのWeb NFC APIでカード読み取りを実現。専用アプリ不要でNFCタグのデータを読み取り。 |
|---|---|
| QRコードフォールバック | NFC非対応端末向けにQRコードを併用。カード裏面のQRを読み取ることで同じページにアクセス可能。 |
| Supabase Auth/DB | 顧客データと保証書情報をSupabaseで安全に管理。RLSでユーザーごとのデータアクセスを厳密に制御。 |
| レスポンシブUI | スマホでの閲覧を最優先に設計。タップしやすいボタンサイズ、読みやすいフォントサイズで高齢者にも優しいUI。 |
使いどころ3項目
| スマホ修理後のお客様 | 修理完了時にNFCカードを渡し、保証書とクーポンをデジタルで提供。紙の保証書不要でCS向上。 |
|---|---|
| エアコンクリーニング | 施工後のアフターフォローをNFCカード経由で自動化。次回クリーニング時期のリマインドも可能。 |
| 防犯カメラ設置 | 設置後のサポート窓口・マニュアル・クーポンをカード1枚で提供。問い合わせ対応コストを削減。 |
担当と道具
| 担当 | 企画・UI設計・フルスタック開発 |
|---|---|
| 使った技術 | Next.js 16・TypeScript・Tailwind CSS 4・Supabase Auth/DB・NFC/QR |
この作品のきほん
| 種類 | NFC |
|---|---|
| いまの状態 | 公開中 |
| 規模 | 担当3領域 / 技術5種類 |
| 公開先 | repair.nextcode.ltd |
相談する
おなじものが作れます
同じ仕組みを、あなたの商品でも作れます。
この作品の開発記録・お客様の声
作っているときに考えていたこと、詰まったところをそのまま書いています。


