BRAND DESIGN × WEB
今のWordPressを残して、問い合わせ導線だけ直したい
- 悩み
- ページ構成や更新の仕組みは変えず、相談先を見つけやすくしたい。
- 確認すること
- 読む順番、ボタンの文言・位置、リンク先、編集できる範囲。
- 対応の考え方
- 既存のテーマとページを活かし、入口と必要な説明だけを調整します。
サービス詳細
サイト改善・改修 （部分修正・スマホ表示崩れ・WordPress不具合対応）
今のサイトを活かして、
困っている箇所から直す。
ボタンの位置、スマホ表示、記事内リンク、WordPressの更新や不具合。困る画面と操作を伺い、小規模修正・ページ改善・全体改修から対応範囲を選びます。
できること一覧へ
改善前の例
依頼内容は、各ページへ。
説明が分かれ、
相談先が見つけにくい。
改善後の例
まず、困っていることから。
修正したい箇所や、変えたいことを
そのままお聞かせください。
このページの内容相談できる悩み
相談できる悩みと、手を入れる箇所。
困る画面・端末・操作を伺い、原因を調べる範囲と、修正する対象を切り分けます。
スマホだけ、画像や文字の表示が崩れる
- 悩み
- PCでは読めるのに、スマホで画像がはみ出したり文字が重なったりする。
- 確認すること
- 端末・画面幅・起きる操作と、画像サイズやCSSの適用範囲。
- 対応の考え方
- 原因のある指定へ絞って修正し、PC・タブレットにも影響がないか確かめます。
サービスの違いが伝わらない
- 悩み
- 説明はあるのに、自分が何を頼めるか分かりにくい。
- 確認すること
- 対象となる人、提供内容、比較する情報、次に読むページ。
- 対応の考え方
- 特徴を増やす前に、情報の順番と見出しを見直し、相談の入口へつなぎます。
記事内の移動リンクが働かない
- 悩み
- 目次やリンクを押しても、読みたい見出しへ移動しない。
- 確認すること
- リンクの指定先、見出しのID、HTML構造、固定ヘッダーとの重なり。
- 対応の考え方
- 記事全体を作り直さず、既存の見出し・本文を活かして移動先と表示位置を調整。リンクからの移動と、変更した箇所の表示を確かめます。
WordPressを更新しづらい
- 悩み
- 文章や画像を変えたいが、毎回どこを触ればよいか迷う。
- 確認すること
- 更新する箇所、入力欄、管理権限、テーマや機能の変更条件。
- 対応の考え方
- 使える管理方法を残し、変更する箇所と操作方法を分かりやすくします。
リンク先が正しく開かない
- 悩み
- 古いURLへ進んだり、目的のページが見つからなかったりする。
- 確認すること
- 旧URL・現URL、リンク先、転送設定と、変更が影響するページ。
- 対応の考え方
- 旧URL・現URLと設定を照合し、原因と影響するページを切り分けます。修正するリンク・転送と、残すページの確認範囲を合意して進めます。
画面のどこを、どう変えるか。
問い合わせ導線とスマホ表示を例に、何が問題か、どう判断し、どこを変えるかを画面で示します。
判断の出発点
説明を読んでも、何をどこへ相談するかが分かりにくい。入口の配置と、相談できる内容の伝え方を分けて見直す。
改善前の例使いにくさを見つける
サービスについて
改善後の例必要な箇所から変える
依頼できること
サイトの更新・修正
直したいところから、
お聞かせください。
お聞かせください。
文章の差し替え、ボタンの調整、スマホの見づらさ。
URLと気になる箇所からご相談いただけます。
変更
説明の直後に、内容が分かるボタン。
URLから相談できると案内。
置く場所
サービスの説明を読んだ直後に、相談の入口を置く。
ボタンの文言
何を相談できるかが分かる言葉にする。
入口の説明
URLと困る箇所から相談できると伝え、入力の迷いを減らす。
この変更で読み取れること何を相談できるか、何を準備すればよいか、どこから進めばよいか。
判断の出発点
PCと同じ横並びが残り、文章も押す場所も小さい。情報を減らす前に、読み順と操作する面積を組み直す。
改善前の例使いにくさを見つける
サービスのご案内
対応内容の詳しい説明と長い見出し
サービスの内容説明を読む条件を知る相談へ進む情報と操作が横に詰まった例
PCと同じ横並びが残り、文字と画像が小さくなった例。
お問い合わせ問題
文章と画像が狭い横並び。
相談の入口も小さい。
改善後の例必要な箇所から変える
サービスのご案内
読む順番を、
縦方向につなぐ。
縦方向につなぐ。
サービスの内容説明を読む条件を知る相談へ進む縦に読み、次の行動へ進む例
見出し、画像、説明、相談の入口へ。指で押す場所も広く。
変更
画像と説明は縦方向へ。
読む幅と押す面積を確保。
読み順
横並びを残さず、見出し・画像・説明の順へ。
文字と余白
文章が窮屈にならない幅と行間へ組み直す。
押しやすさ
相談の入口を独立させ、指で押す面積を確保する。
この変更で読み取れることどの順番で内容を読むか、どこを押して次へ進むか。
改善の考え方
小さな修正、ページ改善、全体改修。
全部をつくり直す前に、目的を満たせる修正範囲を選びます。
01小規模修正
- 適している状況
- 場所がはっきりした困りごと
- 依頼できる内容の例
- ボタンの文言・配置、文字・画像、一部の表示
- 作業前に合意すること
- 変更箇所と、関係する表示・リンク
02ページ単位の改善
- 適している状況
- 情報や操作が伝わらないページ
- 依頼できる内容の例
- サービス紹介の構成、スマホの読み順、相談導線、必要なWordPress改修
- 作業前に合意すること
- ページの構成と画面、更新・操作の方法
03サイト全体のリニューアル
- 適している状況
- 今の構造では必要な変更が難しい
- 依頼できる内容の例
- ページの役割、全体の導線、制作方法、更新の仕組み
- 作業前に合意すること
- 引き継ぐ素材と環境、全体の制作範囲
拠点ごとに異なる案内を、正しく更新する。
複数拠点のページで、住所・営業時間・連絡先・リンクを直したい場合。共通レイアウトと拠点固有の情報を分け、変更するページと項目をそろえます。
共通のHTML・CSSを変更する場合は、他拠点への影響も確認対象に。対象拠点の表示とリンクに加え、変更しない拠点にも意図しない差が出ていないかを確かめます。
調べる仕事と、直す仕事を分ける。
原因がまだ分からない場合は、再現する条件と調査対象から合意します。調査で分かった変更箇所と、残すページ・機能を共有してから改修へ。調査しただけで全面改修を前提にはしません。
変更する範囲を、確かめてから。
調査の結果と改修範囲・費用を確認してから着手します。修正後は対象の操作と、周辺への影響を確かめます。
着手前に共有すること
変更するページ・管理権限・バックアップ・確認環境。原因が分からない場合は、再現する条件と調査範囲を先に合意します。
作業後に確かめること
修正した箇所に加え、PC/SP表示、リンク、既存の更新方法や関連機能を確認。対応した内容と、残る課題を分けてお伝えします。
相談前の疑問と、関連するサービス。
Qボタンや文字だけの修正でも相談できますか？
修正したい箇所のURLと、どう変えたいかをお聞かせください。既存環境で変更できるか、関連する表示や機能に影響するかを見て、必要な範囲を決めます。
Q他社が制作したサイトも直せますか？
制作方法と編集権限、管理環境に応じて対応可否を判断します。分かる範囲の環境情報と、サイトのURLからご相談いただけます。
Q全面リニューアルを勧められませんか？
部分修正やページ改修で目的を満たせるかを先に考えます。より広い変更が必要な場合は、部分修正では難しい理由と選択肢をお伝えします。
Q不具合やWordPressの更新しづらさも相談できますか？
起きる条件、テーマやプラグイン、編集方法などから原因を切り分けます。調査・修正・検証の範囲は環境に応じて合意します。即時復旧や24時間対応を保証するものではありません。
原因が分からない、小さな困りごとでも。
URLと、気になる箇所からお聞かせください。
調べる範囲と変更する内容を合意してから、作業へ進みます。