Webbu
AI活用Learn a language. One little story at a time.
- 月間訪問数
- 10K
- 下降7.0%前月比2026年9月
- 公開された売上
- 非公開
- 公開収益の証明はまだありません
- 最低料金
- $3.99/月
- 同カテゴリの 85% より低価格同カテゴリ中央値 $8/月
- 公開日
- 4年前
- 2022-05-24 · 推定
訪問
マーケティング動向
公開・検索＆コンテンツ・参照・プロモーションShow HN (1 ポイント · 1 コメント) でリリース公開
Virtual mentor for learning German (Bottom-right) — Hi HN! I have been improving my webapp to learn languages. I started with short stories so that users can quickly read bits of German and…
2023年6月15日 · 3年前ローンチページ
Show HN (2 ポイント) でリリース公開
Listen to short stories to learn German — A few weeks ago I launched [1] this webapp to learn German with short stories [2] and since then I have received a lot of feedback and hel…
2023年5月31日 · 3年前ローンチページ
Show HN (180 ポイント · 119 コメント) でリリース公開
Learn German with Short Stories — Hi HN! I have been working on a webapp to keep learning German and today I want to share the first version. In the past, I have used books…
2023年4月26日 · 3年前ローンチページ
Show HN (2 ポイント · 3 コメント) でリリース公開
Webbu – Assistant for the Browser — Show HN: Webbu - assistant for the browser Hi HN! Fernando here. I want to show you the first version of Webbu (), an assistant, like Alex…
2022年5月24日 · 4年前ローンチページ
第三者レビュー＆事例分析
集客チャネル分析・エンジニア評価・OSS指標- 開発者投稿の抜粋：
- Show HN: Webbu - assistant for the browser Hi HN! Fernando here. I want to show you the first version of Webbu (https://webbu.app/), an assistant, like Alexa, but for the browser. For example, you can change the color of a website by saying "make the background blue". We have all been spending more time in the browser, and Webbu wants to be right there with
- 開発者投稿の抜粋：
- Hi HN! I have been working on a webapp to keep learning German and today I want to share the first version. In the past, I have used books with "Short stories" to learn the language and I always wanted more stories so I thought I could put that into an app. Short stories are nice because the learner can attempt to understand words from the context of the tex
- 開発者投稿の抜粋：
- A few weeks ago I launched [1] this webapp to learn German with short stories [2] and since then I have received a lot of feedback and help from the HN community to make it better. Today, I wanted to share one of those improvements: audio. Many have asked for the ability to listen to the stories on top of just reading them. I am using text-to-speech APIs to
- 開発者投稿の抜粋：
- Hi HN! I have been improving my webapp to learn languages. I started with short stories so that users can quickly read bits of German and translate the parts they need by tapping on words. Today, I'm adding a virtual mentor which lets you ask questions about the German language, culture or the related countries. In any story, you can click chat button at the
OSS＆セルフホスト
流入元
訪問構成
チャネル
- 自然検索39%
- ダイレクト34%
- 外部参照9%
- SNS7%
- その他12%
国・地域
- アルジェリア21%
- ドイツ18%
- アメリカ合衆国18%
- ベトナム18%
- インド11%
検索
ドメイン評価 (DR) —ドメイン登録 2022-02-28
| キーワード | 月間検索数 |
|---|---|
| german a1 reading practice | 800 |
| stories in german | 300 |
| german a1 stories with english translation | 160 |
| interactive german stories a1 | 50 |
| webbu | — |
トラフィックデータ：Vaneform
料金
無料トライアル：なし · 1 paid tier ($3.99) · Up to 16% off annually · Observed 2026-11-04 · 元の料金ページ
最低料金 $3.99/月、同カテゴリの 85% より低価格; “語学学習」の中央値は $8/月です。価格ベンチマークを見る
ページ＆変更履歴
主要ページ
週次スナップショット変更
デザイン
ソフト＆フレンドリー（ライト背景・標準密度）：左テキスト・右ビジュアルレイアウトとイラスト・キャラクターアートビジュアル。
ファーストビュー · クリックで拡大
First-screen pitch & conversion flow
“Learn a language. One little story at a time.”
左テキスト・右ビジュアルのファーストビュー構造に、直接入力・即体験のCTAと生成結果のライブショーケースを組み合わせた設計。
Conversion path: 左テキスト・右ビジュアル + イラスト・キャラクターアート → 直接入力・即体験 · Trust bar: 生成結果のライブショーケース
- 課題解消＆既存ツール代替
- 大型ヒーロープロダクトショット
- カスタムイラスト
パレット · クリックでコピー
- フォント＆タイポグラフィ
- 8.0
- 配色＆コントラスト
- 8.0
- レイアウト＆余白
- 8.0
- ディテール＆完成度
- 8.0
- 独自性・スタイル識別度
- 7.0
市場構造
- フォント
- Arial
- ファーストビュー構成
- 左テキスト・右ビジュアル
- メインビジュアル
- イラスト・キャラクターアート
- コンバージョンCTA
- 直接入力・即体験
- 社会的証明・実績
- 生成結果のライブショーケース
- ナビゲーション
- 全幅トップバー
- 明暗＆情報密度
- ライト · 標準
- 角丸＆階層表現
- 中角丸 · シャドウあり
AIデザイン仕様全文をプレビュー（:root CSS変数＆レイアウト規則を含む）スタイルトークンのみ抽出。ブランド名・ロゴ・文言・画像の模倣は禁止
# デザインブリーフ：ソフト＆フレンドリー
温かみのある低彩度パステル、大きめの角丸、親しみやすいイラスト。
## デザイントークン
```css
:root {
--background: #f7f8f1;
--surface: #ffffff;
--foreground: #252622;
--muted-foreground: #777970;
--accent: #d6d34a;
--radius: 8px;
--font-heading: "Arial", ui-sans-serif, system-ui, sans-serif;
--font-body: "Arial", ui-sans-serif, system-ui, sans-serif;
}
```
配色面積比：背景 #F7F8F1 (~76%) · サーフェス #FFFFFF (~12%) · 本文 #252622 (~7%) · 補助テキスト #777970 (~3%) · アクセント #D6D34A (~2%)。背景とサーフェスがキャンバスの大部分を占め、アクセントカラーは主要ボタンとアクティブ状態に限定します。
## レイアウト＆コンバージョン構造
- ヒーローレイアウト：左テキスト・右ビジュアル
- ナビゲーション構造：全幅トップバー
- テーマと密度：ライト · 標準
- 角丸とエレベーション：中角丸；エレベーションシャドウでレイヤー階層を分離
- 主なビジュアル媒体：イラスト・キャラクターアート
- コンバージョン CTA：直接入力・即体験 · トラストバーに 生成結果のライブショーケース を使用
- 見出しフック：課題解消＆既存ツール代替
- ヒーローコンポーネント：大型ヒーロープロダクトショット、カスタムイラスト
- 空間レイアウトの要点：左テキスト・右ビジュアルのファーストビュー構造に、直接入力・即体験のCTAと生成結果のライブショーケースを組み合わせた設計。
- ビジュアル要約：ソフト＆フレンドリー（ライト背景・標準密度）：左テキスト・右ビジュアルレイアウトとイラスト・キャラクターアートビジュアル。
## 避けるべき表現
- きつい純黒の背景
- シャープな0pxの角
- ヒーローコピーでの冷たい専門用語
上記のデザイントークンとレイアウト仕様に従ってUIを実装してください。カラーはこれらのCSS変数のみを使用し、アクセントカラーは主要CTAとアクティブ状態に限定します。視覚スタイルのみを取り入れ、参考製品のブランド名・ロゴ・文言・画像は一切複製しないでください。
よくある質問と根拠データ
- Webbu の料金プランはいくらですか？（無料枠・月額費用）
- Basic Free: 不明; Premium: $3.99/月（年払いも可能）. 観測日：2026-11-04。 最新の支払い条件、利用上限、税金は掲載元でご確認ください。出典
- Webbuのウェブサイトの訪問数は？
- Vaneformによる2026-09の推定訪問数は10Kです。再訪問も含まれます。有料顧客数と売上はそれぞれの根拠で確認してください。出典
- What is Webbu and what platforms does it support?
- Webbu is catalogued under 語学学習: Learn a language. One little story at a time.. Supported platforms: Webのみ.
- Is Webbu open source?
- Webbu has a public repository (https://github.com/fersarr/webbu_backend) ＋ its source repository published.出典
同じカテゴリのプロダクト
同じカテゴリに登録されているプロダクトです。代替として使えるかは、解決する課題、機能、導入条件を比べて判断してください。