数ヶ月に及ぶプロジェクトの最終盤。いよいよ公開を来週に控えた定例会議で、テスト環境の画面を見た社長が渋い顔でこう呟く。
「なんか、イメージと違うんだよね」
この一言で、会議室の空気は凍りつきます。担当者の顔は青ざめ、制作会社のディレクターは引きつった笑顔で「いや、ですが、以前の承認済みワイヤーフレーム通りでして…」と弁解を始める。しかし、経営者の「これじゃない」という感覚は、理屈では覆りません。結果、公開日は延期。追加費用を払って突貫工事で修正するか、誰も納得していない妥協の産物を世に出すか。
これは、Web制作の現場で繰り返される「最も不幸な事故」です。しかし、断言します。この事故は「防げる事故」です。「イメージと違う」という言葉が出るのは、制作会社と発注側の間に「認識のズレ」を放置したまま進めてしまった結果に過ぎません。
CagraPROは、このような「公開直前のちゃぶ台返し」を100%防ぐための独自フローを徹底しています。それは、サプライズ演出のような「完成披露」を廃止し、プロセス全体を透明化する「中間チェック」の技術です。今回は、Webプロジェクトにおける認識ズレをゼロにし、確実な着地をさせるための進行管理術について解説します。
「完成してから見せる」は、プロの仕事ではない
多くの制作会社は、ヒアリングを終えると「では、デザインを提案します」と言って、2週間ほど音信不通になります。そして、「ジャジャーン！」と言わんばかりに、作り込んだデザインカンプを提出します。これを私たちは「ブラックボックス進行」と呼び、最も危険な進め方だと考えています。
なぜなら、この2週間の間に、デザイナーは数え切れないほどの「小さな判断」を積み重ねているからです。「このボタンの大きさはこれくらいでいいだろう」「この配色はこっちの方がかっこいいだろう」。その一つひとつの判断が、御社のビジネス意図と合致している保証はどこにもありません。ブラックボックスの中で積み上げられたズレは、完成品を見る頃には修復不可能なほどの大きな亀裂になっています。
CagraPROが目指すのは「驚きのない納品」です。もちろん、クオリティへの感動は必要ですが、「えっ、こうなるの？」という驚きはあってはなりません。私たちは、思考のプロセスを細切れにし、その都度「この方向性で合っていますか？」と確認（合意形成）を取りながら進めます。レンガを一つ積むたびに垂直を確認すれば、最終的にピサの斜塔のように傾くことはあり得ないからです。
「雰囲気」や「参考サイト」に頼る危険な合意形成
認識ズレを生む最大の元凶は、「抽象的な言葉」での合意です。「シュッとした感じ」「温かみのあるデザイン」「信頼感のあるトーン」。これらの言葉は、100人いれば100通りの解釈があります。担当者様の思う「シュッとした」が、デザイナーにとっては「ミニマルで無機質」なものを指し、経営者様にとっては「高級感のある装飾」を指しているかもしれません。
また、「他社のこのサイトのような感じで」という参考サイト（リファレンス）の共有も、実は危険を孕んでいます。担当者様はそのサイトの「色使い」を気に入っているのに、制作側は「レイアウト」を参考にしろと言われたと勘違いするケースが後を絶ちません。
私たちは、こうした「感覚の不一致」を排除するために、徹底した「言語化」と「視覚化」を行います。「なぜこの青色なのか」を「信頼感を出すため」という曖昧な理由ではなく、「ターゲット層である40代男性が好む傾向があり、かつ競合B社との差別化を図るため」とロジックで定義します。論理で積み上げたデザインは、個人の主観による「なんか違う」を封じ込める力があります。
デザインの前に「骨格」で勝負を決める
認識ズレを防ぐための最大の防波堤となるのが、「ワイヤーフレーム（構成案）」の工程です。これは家の建築で言えば「間取り図」にあたります。壁紙の色やカーテンの柄（デザイン）を決める前に、どこに柱を立て、どこに玄関を置くかを決める作業です。
この段階で、「何を、どの順番で、どれくらいの分量で伝えるか」を完全に固めます。CagraPROのワイヤーフレームは、単なる枠線ではありません。実際に入る原稿（コピーライティング）までほぼ完成した状態で提出します。なぜなら、Webサイトの本質は「言葉」だからです。言葉が決まらなければ、デザインなどできるはずがないのです。
多くのプロジェクトが失敗するのは、このワイヤーフレームをおろそかにし、「とりあえずデザインで見せてよ」と先走るからです。骨格が歪んでいるのに、綺麗な服を着せても意味がありません。私たちは、このワイヤーフレームの段階で、経営者様も含めた徹底的なレビューをお願いしています。ここで「情報の優先順位」や「訴求ポイント」についての認識を完全に一致させる。そうすれば、後のデザイン工程で揉めることは9割なくなります。
[ >> カグラプロへのご相談はこちら ]
静止画のカンプではなく、実機でのブラウザチェックを早期に
デザインが確定し、コーディング（構築）フェーズに入ってからも、油断は禁物です。紙に印刷されたデザイン画（カンプ）と、実際にスマホやPCのブラウザで見るWebサイトでは、体験が全く異なるからです。
「文字が小さすぎてスマホでは読めない」「メニューが開く動きが遅くてイライラする」「スクロールした時の追従バナーが邪魔だ」。これらは静止画では気づけない、しかしユーザー体験（UX）を決定づける重要な要素です。
従来のやり方では、すべてのページを作り終えてからテスト環境を共有しますが、それでは手遅れです。CagraPROでは、主要なページができあがった段階、あるいはパーツ単位で実装された段階で、こまめに「実機チェック」の機会を設けます。動くものを見ながらフィードバックをいただくことで、「思っていた動きと違う」というズレをその場で修正できます。公開直前になって「全部直してくれ」と言われるリスクを、物理的にゼロにする仕組みです。
担当者を「板挟み」から救うための共有ドキュメント
Web担当者様が最も苦労されるのは、制作会社とのやり取りそのものではなく、その内容を社内に持ち帰って承認を得るプロセスでしょう。制作会社とは握れていたはずなのに、上司の一声でひっくり返る。これは担当者様の責任ではなく、制作会社が「社内説得用の材料」を提供していないことが原因です。
私たちは、単に成果物を提出するだけでなく、「なぜこの形になったのか」という判断基準を記したドキュメントをセットで提供します。デザインの意図、参考にしたデータ、競合との比較、そして「あえてやらなかったこと」の理由。これらは、担当者様が上司に説明する際の「カンペ」になります。
「CagraPROがこう言っているから」ではなく、「市場のデータと論理に基づくと、この選択肢が最適解である」という客観的な事実は、社内の感情的な反論を抑える強力な武器となります。私たちは、担当者様が社内でスムーズに合意形成できるよう、黒子としてロジックの弾薬を供給し続けます。
修正は「悪」ではない。プロセスの不透明さが「悪」なのだ
誤解していただきたくないのは、私たちは「修正を受け付けない」わけではないということです。むしろ、より良いものにするための建設的な議論や修正は大歓迎です。私たちが避けたいのは、情報共有不足や確認漏れによって起こる「後出しジャンケン」のような修正です。
適切なタイミングでの中間チェックは、手戻りを防ぐだけでなく、プロジェクトメンバー全員の「納得感」を醸成します。「自分たちが関わって作り上げた」という当事者意識が、リリース後の運用への熱量にも繋がります。逆に、完成品だけをポンと渡されたサイトには、誰も愛着を持てません。
CagraPROとのプロジェクト進行は、少し細かすぎると感じるかもしれません。しかし、それは全て「確実に成果を出す」ための安全装置です。曖昧さを許さず、一つひとつ確認し、合意し、積み上げる。その地道なプロセスの先にしか、ビジネスを成功させるWebサイトは生まれません。
「公開日が楽しみだ」と、関係者全員が胸を張って言えるプロジェクトをしましょう。不安や疑念を抱えたまま進むのは、もう終わりにしてください。私たちが、透明性と論理で、御社のWeb戦略を確かなゴールへと導きます。
著者：清宮 雄（株式会社カグラ 代表取締役） マーケティング、ブランディングおよび企業経営の領域において20年以上の実務経験を有する。国内外にてIT事業および教育事業を展開。