本文へスキップ
開発事例 / Webアプリ

VOICE-Chat LP Builder

音声対話型ランディングページを自動生成するノーコードツール

公開中

音声対話機能付きのランディングページをノーコードで作成できるプラットフォーム。100種類以上の画像スタイル、Q&A管理、バージョン履歴管理など、LP運用に必要な機能を完備。VoiceLP.vueの20万行を超える大規模コンポーネントで、あらゆるLP表現に対応。音声×LPという新しいマーケティング手法を誰でも実践可能に。

この作品の要点
困っていたこと音声対話型LPの開発には専門知識と多大な工数が必要。
やったこと音声対話機能を組み込んだLPテンプレートを提供。
起きたこと音声対話LPの制作コスト・時間を大幅削減。
もくじ

どこでつまずいたか

01音声対話型LPの開発には専門知識と多大な工数が必要

02LP制作と音声AI実装が分断され、統合コストが高い

どう解いたか

01音声対話機能を組み込んだLPテンプレートを提供

02ノーコードでコンテンツ・Q&A・スタイルをカスタマイズ可能

03管理画面から即座にLP更新→公開のサイクルを実現

マンガでわかる

VOICE-Chat LP Builderのしくみを4コマ漫画で説明した図

できあがったもの

できあがった画面

VOICE-Chat LP Builder の画面 1
VOICE-Chat LP Builder の画面 2
VOICE-Chat LP Builder の画面 3
VOICE-Chat LP Builder の画面 4
VOICE-Chat LP Builder の画面 5

結果

01音声対話LPの制作コスト・時間を大幅削減
02マーケターが専門知識なしで音声LPを運用可能に
03LPファクトリー機能で複数LP同時運用を効率化

この作品でできること

  • 音声対話機能付きLPをノーコードで作成可能
  • 100種類以上の画像スタイルプリセット
  • Q&A管理機能で音声応答を簡単にカスタマイズ
  • バージョン履歴管理でLP改善サイクルを可視化
  • 管理画面でLP内容をリアルタイム編集
  • LPファクトリー機能で量産体制に対応

どう作ったか

担当と道具

担当企画・設計・フルスタック開発・AI連携
使った技術Vue 3・TypeScript・Supabase・AI音声合成・Tailwind CSS

この作品のきほん

種類Webアプリ
いまの状態公開中
規模担当4領域 / 技術5種類
公開先voice-chat-lp.nextcode.ltd

数字で見る

156
更新した回数
78
足した機能
54
直したところ
21
作っていた日数

2026-01-05に作りはじめて、いちばん新しい更新は2026-01-26です。

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。

この事例をシェアする

同じ課題を持っている人に届くかもしれません。

この作品の開発記録・お客様の声

作っているときに考えていたこと、詰まったところをそのまま書いています。