- 月間訪問数
- 28.4K
- 上昇44.8%前月比2026年10月
- 公開された売上
- 非公開
- 公開収益の証明はまだありません
- 最低料金
- $12/月
- 同カテゴリの 53% より低価格同カテゴリ中央値 $14/月
- 公開日
- 3ヶ月前
- 2026-08-05 · 推定
訪問
マーケティング動向
公開・検索＆コンテンツ・参照・プロモーションScrollytelling launched on Product Hunt公開
Describe your campaign, get an animated microsite
9月2日 · 3ヶ月前出典
当時: 月間訪問 13.9K月間訪問：前 1 か月 -53%、後 2 か月 +104%同時期に他 2 件の動きScrollytelling launched on Product Hunt公開
Immersive storytelling with AI. No design skills required.
8月23日 · 3ヶ月前出典
当時: 月間訪問 29.4K月間訪問：後 3 か月 -3%同時期に他 2 件の動きScrollytelling launched on Show HN (4 ポイント · 1 コメント)公開
I was wrong about scrollytelling landing pages — My position for years: minimal static landing page, one clear offer, optimised for conversion. Everything else is designers entertaining t…
8月5日 · 3ヶ月前出典
当時: 月間訪問 29.4K月間訪問：後 3 か月 -3%同時期に他 2 件の動き
第三者レビュー＆事例分析
集客チャネル分析・エンジニア評価・OSS指標- 開発者投稿の抜粋：
- My position for years: minimal static landing page, one clear offer, optimised for conversion. Everything else is designers entertaining themselves. Then the “built this 3D scrolling page with Fable in 5 minutes” posts started going around and my customers began asking for that. I pushed back, lost the argument, and built a few. Two things surprised me. Firs
MCPサーバー＆Agentエコシステム
流入元
訪問構成
チャネル
- 自然検索40%
- ダイレクト27%
- 外部参照18%
- AIアシスタント9%
- その他6%
国・地域
- アメリカ合衆国78%
- ドイツ6%
- インドネシア3%
- インド3%
- ハンガリー2%
検索
ドメイン評価 (DR) —ドメイン登録 2025-02-25
| キーワード | 月間検索数 |
|---|---|
| scrollytelling | 5,070 |
| viking music artists female | 4,060 |
| background animated visualization apps like mandalas for windows | 600 |
| ai story scolling website | 190 |
| scrolly telling an incident | 190 |
トラフィックデータ：Vaneform
料金
無料トライアル：なし · Free tier included · 3 paid tiers ($12–$59) · Up to 17% off annually · Observed 2026-11-04 · 元ページ
最低料金 $12/月、同カテゴリの 53% より低価格; “Webサイト・LP作成・ノーコード」の中央値は $14/月です。価格ベンチマークを見る
ページ＆変更履歴
主要ページ
週次スナップショット変更
追跡開始以降、価格・プラン・位置づけの変更は検出されていません。
デザイン
エディトリアル（ダーク背景・余白多め密度）：中央見出し＋CTAボタンレイアウトと実写写真・ライブ動画ビジュアル。
ファーストビュー · クリックで拡大
ファーストビューの訴求とコンバージョン導線
“Scrollytelling platform”
中央見出し＋CTAボタンのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと明示的な実績表示なしを組み合わせた設計。
Conversion path: 中央見出し＋CTAボタン + 実写写真・ライブ動画 → 無料で開始 / 今すぐ登録
- カテゴリ定義・王道アンカー
- 動画デモ
パレット · クリックでコピー
- フォント＆タイポグラフィ
- 9.0
- 配色＆コントラスト
- 8.0
- レイアウト＆余白
- 8.0
- ディテール＆完成度
- 8.0
- 独自性・スタイル識別度
- 8.0
市場構造
- フォント
- Instrument Serif / Inter
- ファーストビュー構成
- 中央見出し＋CTAボタン
- メインビジュアル
- 実写写真・ライブ動画
- コンバージョンCTA
- 無料で開始 / 今すぐ登録
- 社会的証明・実績
- 明示的な実績表示なし
- ナビゲーション
- 全幅トップバー
- 明暗＆情報密度
- ダーク · 余白多め
- 角丸＆階層表現
- ピル型 · シャドウあり
AIデザイン仕様全文をプレビュー（:root CSS変数＆レイアウト規則を含む）スタイルトークンのみ抽出。ブランド名・ロゴ・文言・画像の模倣は禁止
# デザインブリーフ：エディトリアル
特大のセリフ体見出し、幅の狭い読書カラム、雑誌風のグリッドレイアウト。
## デザイントークン
```css
:root {
--background: #050509;
--surface: #111116;
--foreground: #f8f7f5;
--muted-foreground: #c7c4c5;
--accent: #f6f4f1;
--radius: 9999px;
--font-heading: "Instrument Serif", serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
配色面積比：背景 #050509 (~69%) · サーフェス #111116 (~6%) · 本文 #F8F7F5 (~14%) · 補助テキスト #C7C4C5 (~4%) · アクセント #F6F4F1 (~7%)。背景とサーフェスがキャンバスの大部分を占め、アクセントカラーは主要ボタンとアクティブ状態に限定します。
## レイアウト＆コンバージョン構造
- ヒーローレイアウト：中央見出し＋CTAボタン
- ナビゲーション構造：全幅トップバー
- テーマと密度：ダーク · 余白多め
- 角丸とエレベーション：ピル型；エレベーションシャドウでレイヤー階層を分離
- 主なビジュアル媒体：実写写真・ライブ動画
- コンバージョン CTA：無料で開始 / 今すぐ登録
- 見出しフック：カテゴリ定義・王道アンカー
- ヒーローコンポーネント：動画デモ
- 空間レイアウトの要点：中央見出し＋CTAボタンのファーストビュー構造に、無料で開始 / 今すぐ登録のCTAと明示的な実績表示なしを組み合わせた設計。
- ビジュアル要約：エディトリアル（ダーク背景・余白多め密度）：中央見出し＋CTAボタンレイアウトと実写写真・ライブ動画ビジュアル。
## 避けるべき表現
- ありきたりなSaaSヒーローテンプレート
- 窮屈な多段カラムの機能グリッド
- ネオンサイバーなアクセント
上記のデザイントークンとレイアウト仕様に従ってUIを実装してください。カラーはこれらのCSS変数のみを使用し、アクセントカラーは主要CTAとアクティブ状態に限定します。視覚スタイルのみを取り入れ、参考製品のブランド名・ロゴ・文言・画像は一切複製しないでください。
よくある質問と根拠データ
- Scrollytelling の料金プランはいくらですか？（無料枠・月額費用）
- Free: 無料; Starter: $12/月（年払いも可能）; Pro: $29/月（年払いも可能）; Pro+: $59/月（年払いも可能）. 観測日：2026-11-04。 最新の支払い条件、利用上限、税金は掲載元でご確認ください。出典
- Scrollytellingのウェブサイトの訪問数は？
- Vaneformによる2026-10の推定訪問数は28.4Kです。再訪問も含まれます。有料顧客数と売上はそれぞれの根拠で確認してください。出典
- What is Scrollytelling and what platforms does it support?
- Scrollytelling is catalogued under Webサイト・LP作成・ノーコード: Scrollytelling platform. Supported platforms: Webのみ.
同じカテゴリのプロダクト
同じカテゴリに登録されているプロダクトです。代替として使えるかは、解決する課題、機能、導入条件を比べて判断してください。
