完成作品最新版・2026.08.01全26ページPC / スマホ対応

Case Study 01 / Charioot

まだ、相談するほどではないと思っていた。

相談内容をまだ言葉にできない人と、丁寧に聴きたい工務店。その間にChariootが会話の入口をつくる物語です。

もし自社のサイトにも「情報はあるのに相談されない」という課題があるなら、この事例を自社の商品に置き換えながらお読みください。

自社の課題に置き換えて読む

Does this feel familiar?

説明は揃っている。それでも、相談につながらない。

FAQ、事例、料金、サービス説明を増やしても、見込み客が「まだ相談するほどではない」とページを閉じてしまう。この事例では、相談前の迷いを言葉にし、商品理解と人への相談へ自然につなぐ流れを漫画で示しています。

01 / YOUR SITUATION

情報はあるのに、読まれない

サイトや営業資料は整っている。それでも見込み客は、自分に関係する話だと気づく前に離れてしまう。そんな状態を想定した事例です。

02 / CUSTOMER'S MIND

お客様は、相談内容をまだ言葉にできない

工事名や予算が決まる前の人は、FAQや事例があっても「自分はまだ客ではない」と感じます。漫画は、その言葉になる前の迷いから始まります。

03 / THE CHANGE

機能説明の前に、「自分のことだ」をつくる

見込み客が自分の状況に気づき、Chariootで会話を始め、担当者へつながるまで。商品が必要になる流れを、物語として追えるようにしました。

Customer journey

見込み客の気持ちは、こう変わります。

  1. 01
    P1–5 「自分のことかもしれない」と感じる

    話を聴く父の姿を通じて、相談する前の不安に自分を重ねる。

  2. 02
    P6–13 相談できない理由が見える

    情報はあっても、自分の状況を言葉にできずページを閉じてしまう。

  3. 03
    P14–20 解決方法を理解する

    会話の入口があれば、決まっていない段階から話し始められると分かる。

  4. 04
    P21–26 「話してみよう」に変わる

    画面の中だけで終わらず、相談内容を引き継いだ担当者との対話へ進む。

Imagine your story

自社の商品に置き換えて、4つを確かめてください。

  1. 1

    お客様が「自分のことだ」と感じられるか。商品名を知らない段階から、自分の悩みとして物語へ入れるか。

  2. 2

    商品を必要とする理由が自然に分かるか。機能の列挙ではなく、困りごとが変わる流れの中で価値を理解できるか。

  3. 3

    読後の行動まで無理なくつながるか。漫画を読んで終わらず、相談や申込みへ進む理由が物語の中にあるか。

  4. 4

    PCでもスマホでも読みやすいか。作画と文字を分離し、PCはページ構図へHTML文字を重ね、スマホはコマ下へ読みやすく配置できているか。

Two reading experiences

PC版とスマホ版。
同じ漫画を、2つの読み方で。

PC VIEW26ページの構図で読む

文字を画像へ焼き込まず、HTML文字としてページ構図へ重ねます。視線の流れとコマ割りを保ちながら選択・拡大できます。

SMARTPHONE VIEW83コマに再配置して読む

作画をコマ単位に並べ、台詞をHTML文字で表示。小さな画面でも読みやすくします。

Charioot Story 0011 / 26
画面幅に合わせて表示

漫画を読み込んでいます。

Your story

あなたの商品なら、 誰の「まだ、相談するほどではない」 を描くか。

漫画の案が決まっていなくても大丈夫です。現在のサイトや営業資料から、顧客が立ち止まる場面、商品が必要になる前後、読後に取ってほしい行動を一緒に整理します。

和音漫画は、約25ページの漫画だけでなく、PC・スマホのビューワー、LP、CTA、相談フォームまでを一つの意思決定導線として構築します。

制作について相談