開発事例 / NFC

NFCデジタル名刺 / Nano-Card Pro

「配る」から「読ませる」へ。AI漫画体験×NFCプラットフォーム

運用中

100vh没入型スワイプ体験（Nano-Card Pro）とGoogle GeminiによるAI画像生成を融合。物理NFCから「ストーリーで魅せる」デジタル体験へ誘導する次世代マーケティングツール。アプリ不要で高速動作するPWA仕様により、名刺交換の瞬間をエンターテインメントに変える。

この作品の要点

困っていたこと	紙名刺は「リンク集」止まりで、次のアクションや深い理解に繋がりにくい。
やったこと	「読ませる」漫画スワイプUIとリッチコンテンツで、名刺交換そのものをエンタメ化。
起きたこと	名刺交換からの会話発生率向上、物理カードとデジタルの完全融合。

どこでつまずいたか

01紙名刺は「リンク集」止まりで、次のアクションや深い理解に繋がりにくい

01「読ませる」漫画スワイプUIとリッチコンテンツで、名刺交換そのものをエンタメ化

01	名刺交換からの会話発生率向上、物理カードとデジタルの完全融合

12枚の漫画スワイプ体験	100vh没入型スワイプUIで、名刺交換の瞬間をストーリーテリング体験に変える。iOSライクな操作感（Pull to Refresh / 慣性スクロール）で直感的に閲覧。
Gemini AI画像自動生成	Google GeminiのAI画像生成で、漫画・イラスト・デザイン素材をワンクリック生成。「Nanobanana Pro」エンジンで高品質な出力を実現。
NFC/QR/リンク集を1URLに集約	物理NFCカード、QRコード、SNSリンク集、動画、PDF配布を全て1つのURLに統合。名刺1枚で全てのコンテンツにアクセス可能。

Laravel + Alpine.js	サーバーサイドレンダリングとリアクティブUIの最適な組み合わせ。高速な初回表示とインタラクティブな操作性を両立。
PWA対応	プログレッシブWebアプリとしてインストール可能。オフラインキャッシュ、プッシュ通知、ホーム画面追加に対応。ネイティブアプリ不要。
Gemini API統合	gemini-3-pro-image-previewモデルで高品質なAI画像生成。プロンプト最適化で日本人キャラクター・ビジネスシーンを正確に描画。
NFC/QRハイブリッド	NFCタッチとQRコードスキャンの両方に対応。どちらの方式でもワンアクションでデジタル名刺にアクセス。デバイス制限なし。

ビジネス交流会	大規模な交流会でも名刺切れの心配なし。NFCカード1枚で何百人にも対応。漫画で印象に残る自己紹介。
営業・商談	商談時にNFCタッチでプレゼン資料・実績・動画を即共有。「後で資料を送ります」が不要に。
イベント・展示会	ブースでのNFCタッチで来場者にリッチコンテンツを配信。QRコード不要でスマートな体験。
フリーランス・クリエイター	ポートフォリオ、SNS、作品集を1枚のカードに集約。印象的な漫画ストーリーで記憶に残る。

担当	要件定義・UI設計・フルスタック実装・AI機能実装・PWA最適化
使った技術	Laravel・Alpine.js・Tailwind CSS・Gemini API・NFC/QR・PWA