【試作】NFC機能紹介ページ 3レイアウト比較 — どれが見やすい？
“スクエア／縦長／横長、3パターンの4コマ漫画LPを試作してみました。どれが一番見やすいか、率直な意見を聞きたいです。”
NFC SNS CARD MAKERの全38機能を、1機能=1ページで4コマ漫画とともに紹介するLPを検討中です。今回その試作として「検索して書き込み（Google口コミNFC）」の機能ページを3つのレイアウトで作りました。
各ページには「アプリを使う場合（左）」と「使わない/他社アプリの場合（右）」を並べて、便利さの違いが一目でわかるようにしています。どのレイアウトが見やすいか、PC・スマホ・タブレットそれぞれで試してみてください。
1A. スクエア 1:1（左右並び）
正方形4コマを左右に並べる案。PC/タブレットでもスマホでも縦横のバランスが安定します。
パターン A
店名検索→タップ選択→NFC書込み→★5レビュー完了
URL探し→短縮サービス→別アプリに貼付→月額¥2,000
2B. 縦長 9:16（左右並び）
Instagram/TikTok風の縦長ストーリー型を左右に並べた案。スマホでは読みやすいですが、PCで横に並べると縦長すぎるかもしれません。
パターン B
3C. 横長 16:9（上下並び）
新聞4コマ風の横長案。左右には並べず上下配置にしています（左右に並べると1コマが小さすぎて文字が読めないため）。
パターン C
4メリット・デメリット比較表
4コマ漫画と併せて、各機能ページには下記のような比較表も掲載予定です。
📊 「検索して書き込み」機能の比較
| 項目 | NFC SNS CARD MAKER | 従来の方法／他社アプリ |
|---|---|---|
| 店舗検索 | ◎アプリ内で一発検索 | Google Mapで手動検索 |
| URL短縮 | ◎自動（nfc.bz短縮URL） | 別サービスで手動短縮 |
| NFC書込み | ◎ワンタップ | 別アプリに貼り付け |
| リダイレクト先変更 | ◎ダッシュボードで後から変更可 | NFCタグを書き直し |
5ご意見募集中
A / B / C どのレイアウトが一番見やすかったですか？ または「もっとこうした方がいい」というアイデアがあれば、ぜひコメント・DMでお知らせください。選ばれたレイアウトで残り37機能分も量産予定です。
※ 4コマ漫画はGoogle Gemini 3 Pro Image Previewで生成しています。他社アプリ名・価格表記は伏せ字（bly / NC Tools）＋2026年4月時点の情報です。
この記事を書いた人
NextCode（沖縄県宜野湾市）は、iOSアプリ・ホームページ／LP・NFCデジタル名刺・AI業務自動化を作っている開発スタジオです。 ここで書いているのは、実際に作って公開したものと、その過程で詰まったことだけです。
お問い合わせフォームは24時間受け付けています。