← KAMON DESIGN|サービス・制作見本へ
自主制作 / WEB IMPROVEMENT DEMO

何を変えるか。
どう変わるか。見てから頼める。

架空の教室の体験ページを使って、文章・相談ボタン・スマホ表示の整理を実演します。同じサービス情報でも、配置と伝え方を変えると何が見つけやすくなるかを比較できます。

このページは営業用の自主制作デモです。教室・料金・体験内容は架空です。実際の顧客事例、効果測定の結果ではありません。予約や個人情報の送信はできません。

修正前・修正後を切り替える

デモの初期表示は「修正後」です。「修正前」で元の情報配置も確認できます。

修正後|架空の教室ページ
こもれび写真教室 / DEMO
はじめての方向け・体験レッスン

いつものスマホで、
日常をすてきな一枚に。

撮り方の基本から、身近なものを使った練習まで。まずは75分の体験で、写真を楽しんでみませんか。

Find your
everyday beauty.
スマホひとつで、写真の時間。
体験料金
3,000円(税込)
所要時間
75分
持ち物
スマートフォン

まずはご希望日をお知らせください。お申し込み前の相談です。

DELIVERY SAMPLE

納品するのは、修正した画面と変更の記録。

以下は、この自主制作デモの変更報告です。実案件でも「修正項目・理由・確認結果」をセットで整理します。

CHANGE 01

判断材料を、まとまった場所へ。

文章の下に埋もれていた料金・時間・持ち物を、3つの項目に整理。金額や条件は変えず、申し込み前に確認しやすい配置にしました。

CHANGE 02

ボタンの先で何をするかを明示。

「詳しくはこちら」を「体験日程を相談する」に変更。押すと予約が確定するのか、まず相談するのかを案内文でも伝えます。

CHANGE 03

スマホでは、情報を縦に。

広い画面では横に並べた情報を、狭い画面では縦に配置。ボタンは幅を確保し、短い見出しと段落で読めるようにしています。

確認報告の見本

  • 対象:この比較デモ1ページ(自主制作)
  • 確認する画面幅:375px / 768px / 1280px
  • 確認項目:横にはみ出さないこと、情報の折り返し、切り替え操作、ボタン案内、戻るリンク
  • 本番の納品物:修正ファイル、変更一覧、合意した範囲の確認結果。改善プランは修正前後の画像も添付

ここで示すのは表示・操作・情報配置の確認です。売上、予約率、検索順位への効果は測定していません。ブラウザの画面幅での確認は、全機種の実機検証を意味しません。

あなたのページなら、どこから整えるか。

対象URLと、困っていることをお送りください。静的HTML / CSSの1ページを中心に、対応できる範囲とお見積もりをご案内します。

相談方法・料金を確認する →