機能を売るな、世界観を売れ：ArcブラウザのLPを解剖する
多くのSaaS開発者は、ランディングページに機能一覧を詰め込む。API連携、高速な処理、豊富なカスタマイズ性。しかし、The Browser Companyが手がけたブラウザ「Arc」および「Arc Search」のランディングページは、正反対のアプローチを取っている。Linearの事例のように、機能の羅列ではなく、洗練された世界観と抽象的な言葉選びで訪問者を魅了している。
このLPがどのようにしてユーザーの心を掴んでいるのか、上から順にスクロールするようにその構造を紐解いていく。インディーハッカーが自身のプロダクトに応用できる具体的なコピーライティングとレイアウトの手法を見ていこう。
ヒーローセクション：既存の不満を言語化する
ページを開いた瞬間、目に飛び込んでくるのは製品のスクリーンショットの山ではない。静謐な空間を思わせるミニマルな背景と、心に響くヘッドラインだ。
ArcのPC版LPのファーストビューでは、次のようなコピーが配置されている。
- ヘッドライン：「Experience a calmer, more personal internet in this browser designed for you.」
- サブヘッドライン：「Let go of the clicks, the clutter, the distractions.」
ここで使われている手法は「敵の特定」である。ユーザーが日頃のネットサーフィンで感じているストレスを「clicks」「clutter（ごちゃごちゃした雑音）」「distractions（気晴らしの誘惑）」という3つの単語で端的に言い当てている。機能を説明する前に、ユーザーが抱える慢性的な疲労感に共感し、それを手放そうと誘いかける構成だ。
モバイル版（Arc Search）に見るメッセージの微調整
PC版 Arc
- 情緒的価値（精神的な平穏）を強調
- ユーザーのストレス（ノイズ）排除を訴求
モバイル版 Arc Search
- 機能的価値（AI・速さ）を強調
- 効率性と即時的なベネフィットを訴求
同じブランドであっても、プロダクトが変われば訴求の角度も微調整される。モバイルアプリである「Arc Search」のLPでは、次のようなコピーが採用されている。
- ヘッドライン：「Arc Search is the modern, AI-enabled mobile browser you’ve been waiting for — focused on getting you to an answer faster, and without all the clutter of the internet.」
PC版が精神的な平穏（calmer, personal）を前面に出していたのに対し、モバイル版ではGammaのように「modern, AI-enabled」や「getting you to an answer faster」という実用的なベネフィットが追加されている。スマホの文脈では、ユーザーはPCよりも「速さ」や「効率」を求めているという現実を踏まえた、巧みな調整だ。
ただし、この決定にはリスクもある。抽象的な世界観を優先しすぎると、「具体的に何ができるアプリなのか」が直感的に伝わりづらくなるからだ。実際に、ユーティリティ系のツールや機能特化型のエージェントツールを開発するインディーハッカーがこのアプローチをそのまま真似ると、ユーザーがサイトを離脱する原因になりかねない。Arcの場合は、ブラウザという超定番カテゴリであり、「既存のブラウザへの不満」がすでに市場に充満していたからこそ機能した手法だ。
余白と色彩がもたらす信頼の演出
Lapa Ninjaのカテゴリ分類によれば、ArcのLPは「Software」「App」「Minimal」「SaaS」「Technology」「Productivity」に属している。これらの要素を体現しているのが、徹底的にノイズを排除したレイアウト設計だ。
派手なバナーやカウントダウンタイマー、威圧的なCTAボタンは存在しない。ピンクを基調としたアクセントカラーと、十分すぎるほどの余白が、プロダクト自体のミニマルさと洗練さをそのまま信頼感へと繋げている。機能の多さを証明する代わりに、Intercomのような多層的な社会的証明を並べるのではなく、デザインの美しさそのものを「このツールは信頼できる」という無言の社会的証明にしているのだ。
自社プロダクトへ応用するためのセクション別テンプレート
- 1
ヒーローセクションの設計
理想の状態を定義し、ユーザーが抱く既存の不満を言語化する
- 2
ビジュアルの配置
プロダクトの細部ではなく、全体の佇まいや世界観を伝える
- 3
媒体ごとの訴求調整
PCでは世界観を重視し、モバイルでは実用性と速さを前面に出す
Arcの構造を自分のSaaSやインディープロダクトに応用するためのフレームワークを以下にまとめる。
- ヒーローセクション（ファーストビュー）
- ヘッドライン：ユーザーが手に入れたい理想の状態を抽象的かつ情緒的な言葉で定義する（例：「静かで、自分だけのワークスペースを」）。
- サブヘッドライン：ユーザーが現在直面している不満やノイズを3つの名詞で端的に並べる（例：「ノイズ、終わらない通知、複雑な設定を手放そう」）。
- ビジュアル配置
- スクリーンショットは細部を見せるのではなく、プロダクト全体の佇まい（世界観）が伝わる一枚絵を大きく配置する。
- ベネフィットの提示（モバイル/PCの使い分け）
- PC版などじっくり検討する媒体では世界観を重視し、モバイル版など即時性が求められる媒体では「faster」や「AI-enabled」といった具体的な強みをヘッドラインに織り込む。
참고 자료
よくある質問 (FAQ)
Q. ArcのLPは機能説明が少ないが、一般的なSaaSでも真似して大丈夫か？
プロダクトの認知度が低い初期段階では、世界観だけに頼るとユーザーが何をできるツールか理解できないリスクがある。Arcの場合は独自のブランド力と強烈なコンセプトがあったからこそ成立している手法だ。
Q. PC版とモバイル版（Arc Search）でコピーライティングのトーンに違いはあるか？
PC版のArcは『Calmer, more personal internet』と抽象的で精神的なゆとりを訴求する一方、モバイル版のArc Searchでは『getting you to an answer faster』と速度やAIという具体的ベネフィットを前面に出している。
Q. ミニマルなLPを作る際に最も重要なセクション構成は何か？
ファーストビュー（ヒーローセクション）での強烈なメッセージ提示だ。余計なUI要素を削ぎ落とし、ユーザーが抱える既存の不満（Arcの例ではclutterやdistractions）をピンポイントで言語化することが不可欠だ。