開発事例 / 音声LP

ReviewTap

NFCタップひとつでGoogleクチコミを集めるiOSアプリのLP

公開中

飲食店・美容室・サロン向けの「クチコミカード」を作るiOSアプリ ReviewTap の公式ランディングページ。店舗名を検索するだけでGoogle MapsのPlace IDを自動解決し、正規のクチコミ投稿URLを生成。NFCタグに書き込んでカウンターに置けば、お客様がタッチするだけでGoogleクチコミ投稿画面が開く。nfc.bz短縮URL経由でタップ数を自動計測。★3.2の店が★4.5になるまでのストーリーを7話の漫画で説明。

この作品の要点

困っていたこと	店舗オーナーがGoogleクチコミ投稿URLを正しく作れない。
やったこと	店舗名入力だけでPlace IDを自動解決し正規URLを生成。
起きたこと	クチコミ特化iOSアプリとしてApp Store申請準備完了。

どこでつまずいたか
できあがったもの
どう作ったか
相談する

どこでつまずいたか

01店舗オーナーがGoogleクチコミ投稿URLを正しく作れない

02紙のPOPはクチコミ投稿ページまで誘導できない

03既存NFCアプリはクチコミ特化の機能がない

どう解いたか

01店舗名入力だけでPlace IDを自動解決し正規URLを生成

02NFC+QR両対応のクチコミカード印刷機能を内蔵

03短縮URL経由でタップ分析を可能に

できあがったもの

できあがった画面

結果

01	クチコミ特化iOSアプリとしてApp Store申請準備完了
02	飲食店・サロン・整体の3業種で導入テスト中

この作品でできること

Googleクチコミ直リンクの自動生成（Place ID自動解決）
nfc.bz短縮URL経由でタップ数を自動計測
印刷できるクチコミカードをPNGで生成
★3.2→★4.5を描く全7話の漫画ストーリー
広告・トラッキング・解析SDKを一切使用しない設計

どう作ったか

できること4項目

店舗名検索でPlace IDを自動解決	店舗名を入力するだけでGoogle Maps Place APIから正規のPlace IDを自動取得。手作業でURLを組み立てる必要なく、Googleクチコミ投稿ページへの直リンクを即座に生成します。
NFCタッチでクチコミ投稿画面が即起動	クチコミカード（NFCタグ内蔵）をスマホにタッチするだけで、Googleクチコミ投稿フォームが自動的に開く。お客様の操作は1タップで完了し、レビュー投稿率が劇的に向上します。
nfc.bz短縮URLでタップ数を自動計測	発行されるリンクは全てnfc.bz経由のため、タップ回数・地域・時間帯をダッシュボードで可視化。どのカードが効いているかをデータで把握できます。
印刷できるクチコミカードをPNG生成	店舗ロゴ・QRコード・★メッセージを配したクチコミカード画像をPNG出力。コンビニ印刷でそのままカウンターに置けるレディメイドのデザイン。

つくり6項目

Next.js 15 + App Router	Server Components中心の構成でTTFB最適化。LP・管理画面・APIをワンパッケージで提供。
TypeScript	Place API型定義からNFC書き込みエンドポイントまで、フルスタック型安全。
Tailwind CSS 4	暖色トーンのオリジナルデザインシステム。飲食店現場に馴染むカラーパレット。
Google Maps Place API	店舗名→Place ID自動解決。曖昧検索にも対応するフォールバック実装。
NFC (NDEF) 書き込み	iOS Core NFC + NDEF URI Recordで書き込み・読み取り両対応。
gpt-image-2	クチコミカード・LP用ヒーロー画像を全て gpt-image-2 で生成。

使いどころ4項目

飲食店	会計時にカウンターのクチコミカードを案内。タッチ1回で投稿画面が開くため、お客様の負担ゼロでGoogleクチコミが集まる。★3.2→★4.5の改善事例も。
美容室・サロン	施術後の余韻でその場でクチコミ投稿。次回予約割引と組み合わせて投稿率を最大化。
整体・治療院	リピート訴求に必須のクチコミ件数を、強制感なく自然に増やす導線として活用。
宿泊・観光	客室・受付に設置するだけで、チェックアウト時のクチコミ投稿を促進。

担当と道具

担当	企画・UI設計・フルスタック開発・漫画ストーリー制作
使った技術	Next.js 15・TypeScript・Tailwind CSS 4・Google Maps Place API・NFC・gpt-image-2.5-flare