本文へスキップ
開発事例 / NFC

スマホ119 お客様専用ページ

NFCカードをかざすだけ。修理保証書・クーポン・サービス案内に即アクセス。

公開中

スマホ修理・エアコン・防犯カメラのスマホ119お客様専用ページ。NFCカードやQRコードを読み取ると、修理保証書の確認、クーポン取得、各種サービス案内にワンタップでアクセス。紙の保証書紛失問題を解決し、デジタルクーポンでリピート来店を促進。アフターサポートの完全自動化を実現します。

この作品の要点
困っていたこと紙の保証書は紛失しやすい。
やったことデジタル保証書でいつでもスマホから確認可能。
起きたことアフターサポートのデジタル化でCS向上。
もくじ

どこでつまずいたか

01紙の保証書は紛失しやすい

02アフターサポートの連絡が手間で離脱する

03リピート来店の動機付けが弱い

どう解いたか

01デジタル保証書でいつでもスマホから確認可能

02NFC/QRワンタップで保証・クーポン・サービスに即到達

03定期的なクーポン配信でリピート来店を自然に促進

マンガでわかる

スマホ119 お客様専用ページのしくみを4コマ漫画で説明した図

できあがったもの

できあがった画面

スマホ119 お客様専用ページ の画面 1
スマホ119 お客様専用ページ の画面 2
スマホ119 お客様専用ページ の画面 3

結果

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

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。