マニュアル構成

🧭 LP全体構成：全8ブロック

① ヒーローヘッダー（メインビジュアル）

目的： 第一印象でブランドとサービス価値を伝える
見出し：

WEB BEAN
マニュアル制作と業務効率化で、あなたのチームをもっとスマートに

テキスト：
Web制作とAI技術で「伝える力」と「働く力」を高める。
マニュアル制作・業務効率化サポートのプロフェッショナルチーム。

デザイン提案：

背景：淡いグリーン×ホワイトのグラデーション
中央にロゴとキャッチコピー
ボタン「無料相談はこちら」配置

② 課題提示セクション（Problem）

目的： 読者の「共感」・「課題意識」を引き出す
見出し：

業務のムダ、見えてますか？

テキスト：
「人によってやり方が違う」
「マニュアルが更新されていない」
「新人教育に時間がかかる」
そんな課題を放置していませんか？

デザイン提案：

3つの吹き出し＋イラストで課題を表現
モノクロ背景→次セクションでカラー転換

③ サービス紹介セクション（Solution）

目的： 提供価値の明示
見出し：

WEB BEANが解決します。
「わかる」「できる」「続けられる」マニュアルへ。

テキスト：

図解・動画対応のわかりやすいマニュアル制作
クラウド共有でいつでも最新情報にアクセス
AI自動化で教育・問い合わせの時間を削減

デザイン提案：

各項目をアイコン付きカードで3列表示
緑ベース＋白背景で爽やかに

④ 導入メリットセクション

目的： 導入後の効果を明確化
見出し：

導入すれば、ここまで変わる。

テキスト：

属人化の解消
教育・研修コスト削減
情報共有スピード向上
生産性アップ

デザイン提案：

チェックマーク付きリスト
背景をライトグレーに変更しセクション区切り

⑤ お客様の声セクション（Voice）

目的： 信頼感・社会的証明
見出し：

導入企業からの声

テキスト：

「教育マニュアルをクラウド化しただけで研修時間が半分に！」
「操作動画でミスが大幅減少。」
「AI FAQで問い合わせが激減！」

デザイン提案：

吹き出し or コメントカード風
顔アイコン or ロゴ風シルエット付き

⑥ 強みセクション（Features）

目的： 差別化・信頼性強化
見出し：

WEB BEANが選ばれる理由

テキスト：

Web制作×業務設計の両軸サポート
IT・AIツールの導入提案も可能
導入から運用支援まで伴走サポート

デザイン提案：

数字アイコン付きの３カラム構成
緑と白の切り替えでリズムを出す

⑦ 共感・ビジョンセクション

目的： ブランド理念を伝え、好感度アップ
見出し：

マニュアルが変われば、組織が変わる。

テキスト：
マニュアルは、企業の知識を未来につなぐ“資産”です。
WEB BEANは「伝える仕組み」を通じて、働く人の時間を豊かにします。

デザイン提案：

背景：ナチュラルなグリーン＋手書き風フォント
写真：チームワーク・人の笑顔など

⑧ CTAセクション（行動喚起）

目的： お問い合わせ・資料請求への誘導
見出し：

業務効率化の第一歩は、ここから。

テキスト：
制作相談・お見積りは無料です。
今すぐ、あなたの会社の「伝える仕組み」を整えましょう。

ボタン：
👉 「無料相談・お問い合わせはこちら」
👉 「資料請求する」

デザイン提案：

背景：コントラストのある濃いグリーン
ボタン：白 or ゴールドで強調
下部にフッター情報（社名・サービス概要・SNSリンク）