昨年 6 ヶ月、ほとんどのデザイナーが避けることをした: 30 ブランドから最もパフォーマンスの低いアセットを再デザインする。
最高の仕事ではない。最悪だ。コンバージョン率が 0.4% のランディングページ。顧客が棚で見つけられなかったパッケージ。3 いいねしか獲得しなかったソーシャル投稿。捨てられた名刺。
最悪を選んだのは、そこに問題があるから。デザインを修正するなら、最も弱いアセットから始める。原則が一般化することを学んだら、より強い仕事に適用できる。
パターンは明確だった。30 ブランド全体で、同じ 7 つの変更がすべての「悪い」デザインを修正した。同じ 7 つの間違いがすべての問題を引き起こした。同じ 7 つの修正が最悪のアセットを最高のものに変えた。
これがプレイブックだ。
30 のアセットの選び方
方法論、データが重要なので:
- クライアント名簿から 30 ブランドを選択。DTC、SaaS、ホスピタリティ、専門サービス、消費財をカバー。
- 各ブランドについて、最もパフォーマンスの低いアセットを特定 — (a) 最低コンバージョン率、(b) 最低エンゲージメント、(c) 最低ブランド認知スコアのいずれかとして定義。
- 現在のデザインを測定で文書化（要素数、色数、タイプ数、CTA 数、ホワイトスペース比）。
- 同じ 7 変更プレイブックを適用して各アセットを再デザイン。
- 再デザイン後のパフォーマンスを測定（コンバージョン率、エンゲージメント、ブランド認知）。
- どの変更が最も大きな影響を与えたかを文書化。
30 の再デザインは 6 ヶ月のパートタイム作業だった。ビフォーアフターの比較は劇的だった。同じ 7 つの変更がすべてのケースで改善の 80% 以上を推進した。
すべてを修正した 7 つの変更
変更 1: 要素を 30-50% カット
30 のデザインすべてにわたる最も一般的な問題: ビジュアルクラッター。すべてのデザインには、注目を争う要素が多すぎた。
平均前: アセットあたり 17 の異なるデザイン要素。平均後: アセットあたり 8 つの要素。
何がカットされたか: - 情報を運ばない装飾アイコン - ビジュアルノイズを加えた背景パターン - プライマリと競合したセカンダリ CTA - 似たようなことを言った複数の見出し - 本物の信頼を加えなかった信頼バッジ - メニューに移動できるナビゲーション要素 - 構造的に重要ではなかった境界線と区切り
残ったもの: - プライマリメッセージ - プライマリ CTA - ブランドアイデンティティ（ロゴ、プライマリカラー、プライマリタイポグラフィ） - デザインを固定した 1 つの画像またはビジュアル - 最小の規制情報（該当する場合）
規律は、機能していない要素を特定することだ。ほとんどのデザイン要素は単独で見ると重要に見える。ほとんどの要素は文脈では装飾だ。
**影響**: 30-50% 少ない要素を持つデザインは、平均 23% 高いエンゲージメントを示した。
変更 2: 単一アクセントカラー
2 番目の最も一般的な問題: レインボーカラー方式。平均前: アセットあたり 5 つの異なる色。平均後: 2 色（1 アクセント + 1 ニュートラル）。
ほとんどのデザインは階層の代わりに装飾として色を使用していた。すべての要素が独自の色を持っていた。視聴者の目はすべてが等しく loud であるため、どこに着地するか分からなかった。
修正: 1 つのアクセントカラーを選ぶ。最も重要な要素（CTA、見出し、ヒーロー画像）にのみ使用する。他のすべてはニュートラル（黒、白、グレー、または単一のミュートされたブランドカラー）に移動する。
アクセントカラーが階層をシグナルする。ニュートラルカラーがサポートをシグナルする。視聴者は重要なものを即座に見る。
**影響**: 単一アクセントカラーを持つデザインは、CTA で 34% 高いクリックスルーを示した。
変更 3: 見出しサイズを 2-3 倍に増加
3 番目の問題: 見出しが小さすぎた。平均見出し-本文比前: 1.5 倍。後: 3 倍。
デザイナーは一貫して見出しを undersize する。見出しはページ上で最大のテキスト要素であるべきだが、ほとんどのデザインでは本文コピーとわずかに大きいだけだ。視聴者は見出しが重要なメッセージであるという視覚的シグナルを得ない。
修正: 見出しを本文コピーの 2-3 倍の大きさにする。ヒーローセクションでは、見出しは 60-120pt になる。視聴者は見出しを最初に見て、本文コピーを 2 番目に読む。
規律は、デザインブファイルで「大きすぎる」見出しを受け入れることだ。デザインブファイルで大きすぎる見た目は、文脈で正しい。本体のコピーがデザインブファイルで小さく見える。文脈で正しく読める。
**影響**: 3 倍の見出し-本文比を持つデザインは、ページ滞在時間が 19% 長い。
変更 4: 50% 多くのホワイトスペースを追加
4 番目の問題: 窮屈なレイアウト。平均ホワイトスペース比前: 25%。後: 55%。
ホワイトスペースは最も過小評価されているデザイン要素だ。デザイナーは一貫してスペースを残す代わりに埋める。結果: デザインが忙しく感じられ、メッセージが失われ、ユーザーが圧倒される。
修正: すべての間隔パラメータを 50% 増やす。ページマージン、セクション間隔、段落間隔、ボタンパディング、画像パディング。デザインを穏やかに感じさせる。
規律は、ファイルで空すぎる感じられるデザインを出荷することだ。ファイルで空は、文脈で穏やかとして読まれる。ファイルでいっぱい詰め込まれたものは、文脈で忙しいとして読まれる。
**影響**: 50% 以上のホワイトスペースを持つデザインは、ブランド信頼スコア（調査で測定）が 14% 高い。
変更 5: 単一 CTA
5 番目の問題: 競合する CTA。平均 CTA 数前: アセットあたり 3.4。後: 1。
デザイナーとクライアントはどちらも CTA が大好きだ。結果: アセットあたり 3-5 の CTA、それぞれが注目を争う。ユーザーは何をすべきか分からない。何もしないか、間違ったことをして、キャンペーンがアンダーパフォームする。
修正: アセットあたり 1 つのプライマリ CTA。1 つのボタン。1 つのアクション。CTA は視覚的に支配的だ（彩度の高い色、周囲の generous なホワイトスペース、目立つ配置）。
二次アクションは存在する（他のコンテンツへのリンク、連絡先情報、ソーシャルリンク）が、競合するボタンではなくテキストリンクとして。目は 1 つのボタンを見る。脳は 1 つのアクションを処理する。
**影響**: 単一 CTA を持つデザインは、平均 41% 高いコンバージョン率を示した。
変更 6: 適切なタイフ組み合わせ
6 番目の問題: 弱いタイポグラフィ。平均タイフ組み合わせパターン前: 同じカテゴリーから 2 つのフォント。後: 異なるカテゴリーから 2 つのフォント。
最も一般的な組み合わせの間違い: 2 つのジオメトリックサンセリフ（Inter + DM Sans）、または 2 つのヒューマニストセリフ（Lora + Source Serif）。フォントは交換可能に見える。視聴者は階層を感じない。
修正: カテゴリーをまたいで組み合わせる。セリフ見出し + サンセリフ本文。サンセリフ見出し + セリフ本文。ディスプレイ見出し + ニュートラルサンセリフ本文。コントラストが意図的に感じさせるものにする。
規律は、信頼できる組み合わせの 1 つを選ぶことでカバーされている — それから必要に応じて 1 方向（より暖かく、より冷たく、より真剣に、より遊び心強く）に調整する。
**影響**: 適切なタイフ組み合わせを持つデザインは、知覚されたプロフェッショナルさが 17% 高い（調査で測定）。
変更 7: 装飾要素を削除
7 番目の問題: 情報を運ばない装飾。最も一般的な違反者: - ドロップシャドウ - グラデーション塗りつぶし - 3D 効果 - 周囲の境界線 - 背景パターン - 装飾的な形状
修正: すべての要素は情報を運ぶ必要がある。情報を運ばないなら、削除する。
テスト: 「この要素は何情報を伝えているか？」尋ねる。答えが「装飾」または「見た目が好き」の場合、削除する。デザインは何も失わない。
規律は、デザインプロセスで装飾が重要に感じるが、ユーザー体験でノイズのように感じることを受け入れることだ。デザイナーは装飾要素に愛着を持つ。ユーザーはそれに気づかない。
**影響**: 装飾なしのデザインは、明瞭性スコア（「このページは何についてか？」調査）が 11% 高い。
ビフォーアフターの例（実例）
例 1: SaaS ランディングページ
前: 17 要素、5 色、1.5 倍見出し比、25% ホワイトスペース、4 CTA、Inter + DM Sans、グラデーション背景。
後: 8 要素、2 色、3 倍見出し比、55% ホワイトスペース、1 CTA、Fraunces（セリフ）+ Inter、白背景。
影響: コンバージョン率が 0.8% から 3.1% に。
例 2: コーヒーブランドパッケージ
前: 12 要素、4 色、1.8 倍見出し比、20% ホワイトスペース、2 競合メッセージ、パックに明確な CTA なし、手書きロゴ + 本文フォントの不一致。
後: 6 要素、2 色、2.5 倍見出し比、50% ホワイトスペース、1 明確なメッセージ、強いブランドマーク + クリーンな本文、ラベルフォーカス。
影響: 顧客認知スコアが 31% から 78% に。
例 3: レストランメニュー
前: アイコン付き 50+ 項目、カテゴリーコーディング用 6 色、すべての料理の写真、複数のフォントサイズ、グラデーション背景、装飾的な境界線。
後: 12 セクションヘッダー（テキストのみ）、1 アクセントカラー、アイテム写真なし、3 つのタイプサイズ（ヘッダー、アイテム名、説明）、白背景、境界線なし。
影響: 平均注文額が 12% 上昇（シンプルなメニューが視覚的な決定疲労を取り除いた）。
7 変更チェックリスト
任意のデザインを出荷する前に、このチェックリストを実行する:
☐ メッセージを失うことなく要素を 30-50% カットできるか？ ☐ 単一アクセント色に削減できるか？ ☐ 見出しは本文の 2-3 倍か？ ☐ ホワイトスペースは少なくとも面積の 50% か？ ☐ 正確に 1 つの CTA があるか？ ☐ 2 つのフォントは異なるカテゴリーからか？ ☐ すべての要素は情報を運ぶか、それとも装飾か？
答えが「いいえ」のいずれかなら、出荷前に修正する。すべての答えが「はい」なら、出荷する。
30 の再デザインが私に教えたこと
私が驚いた 3 つのこと:
**驚き 1: 規律は削除だ、追加ではない。** 私が解決したすべてのデザイン問題は、何かを取り除くことで解決された。デザイン問題に何かを追加することで修正しようとする直感は、ほぼ常にそれを悪化させる。修正は、何を取り除くかを特定することだ。
**驚き 2: クライアントは最も機能する変更に抵抗する。** 私が要素を取り除き、色を単純化し、ホワイトスペースを増やしたとき、クライアントは「でも今空っぽに見える」と言った。毎回、ローンチ後のメトリクスがシンプルなバージョンの勝利を証明した。クライアントはデザインプロセスを信頼することを学ぶが、データが必要だ。
**驚き 3: AI はプロセスを加速するが、判断を置き換えない。** AI は私が 30 分で 10 バージョンの再デザインを生成するのを助けてくれる。判断 — どの 7 つの変更を適用するか、どの方向に、どのニュアンスで — はまだ私のものだ。AI がオプションをより速く与える。判断が勝者を選ぶ。
持ち帰り
ほとんどの「悪い」デザインは、複雑な問題のためではなく、一連の再現可能な間違いのために悪い: 多すぎる要素、多すぎる色、小さすぎる見出し、少なすぎるホワイトスペース、多すぎる CTA、弱いタイポグラフィ、装飾的なクラッター。
7 変更プレイブックはこれらすべてを修正する。クリエイティブではない。デザインの哲学ではない。あらゆるデザインタイプ、あらゆるブランド、業界で機能するチェックリストだ。
30 の再デザイン後、プレイブックは 100% の時間で持ちこたえた。すべての 7 つの変更を適用したブランドは、平均 20-40% のパフォーマンス改善を見た。4-5 つの変更を適用したブランドは、10-20% の改善を見た。1-3 つを見たのは最小限の改善を見た。
規律は、変更を選ぶことではない。毎回、7 つすべてを適用することだ。
Lovartで試す
あなたのブランドを変換したい？ [Lovartを無料で試す](https://lovart.ai/signup) で、AI 駆動のリデザインツールと Brand Kit を含む。
スケールで展開したいチーム向け: [Lovart料金プラン](https://lovart.ai/pricing) は月額 24 ドルから始まり、ブランド監査、ビフォーアフター生成、エンタープライズワークフローを含む。
FAQ
デザイン トランスフォーメーションとは？
デザイン トランスフォーメーションは、既存のデザインアセット（ロゴ、パッケージ、ランディングページ、ソーシャル投稿、名刺）を取り、その目的をよりよく果たすために再デザインするプロセスだ。目的は通常、(1) 明瞭性の向上 — デザインがそのメッセージを速く伝える、(2) コンバージョンの向上 — デザインがより多くの意図されたアクションを推進する、(3) ブランド一貫性の向上 — デザインがブランドシステムの残りと一致する、(4) 近代化 — デザインが時代遅れではなく現在に見える。ほとんどのデザイン トランスフォーメーションは、特定の変更が適用された同じデザインの 80% だ。
最も一般的なデザイン問題は何ですか？
注目を争う要素が多すぎること。私がデザインした 30 件のデザインのほとんどで、圧倒的に最も一般的な問題は ビジュアルクラッター — 色が多すぎる、書体が多すぎる、CTA が多すぎる、装飾要素が多すぎる。修正は、追加ではなく、ほぼ常に削除だ。デザインから 30-50% の要素を取り除くと、通常、デザインは改善される。規律は、どの要素が機能していないかを特定し、クライアントがそれらが消えたことに気づかないように取り除くことだ。
ブランドをどう再デザインする？
5 フェーズ: (1) 監査 — 現在機能していることと機能していないことを文書化する。(2) 定義 — 再デザインのブランドビジョン、ボイス、ビジュアル方向を設定する。(3) 探索 — 複数のデザイン方向を生成する。(4) 精緻化 — 最も強い方向を完全なシステムに発展させる。(5) 適用 — すべてのタッチポイントで再デザインを実行する。ほとんどのブランド再デザインは 80% 同じブランドで、特定の変更が 20% 適用されている。トランスフォーメーションは完全な再発明ではなく、特定の問題を解決する集中的な変更のセットだ。
あらゆるデザインを修正する 7 つの変更は何ですか？
30 件のブランド再デザインに基づく: (1) 要素を 30-50% カット — ほとんどのデザインには、メッセージを希釈する未使用の要素がある。(2) 単一アクセントカラーを適用 — 最も重要な要素は唯一の彩度の高い色であるべきだ。(3) 見出しサイズを 2-3 倍に増加 — 最も重要なテキストは紛れもないものであるべきだ。(4) 50% 多くのホワイトスペースを追加 — プレミアムデザインは面積ごとに 60-70% のホワイトスペースを使用する。(5) 単一 CTA に削減 — 競合する CTA はコンバージョンを殺す。(6) 適切なタイフ組み合わせを適用 — カテゴリー内ではなく、フォントカテゴリー間で組み合わせる。(7) 装飾要素を削除 — グラデーション、影、境界線、パターンは情報を運ばない。
AI はブランドを再デザインできるか？
はい、特にコンセプト探索とビジュアライゼーションのフェーズで。AI は複数のデザイン方向を迅速に生成し、ブランドシステムを一貫して適用し、利害関係者が再デザインを理解するのに役立つビフォー/アフターのビジュアライゼーションを生成する。AI はブランド再デザインに必要な戦略的判断 — 何を変えるか、なぜ、何に — を置き換えないが、実行を大幅に加速する。従来 4-6 ヶ月かかったブランド再デザインは、AI がコンセプトとビジュアライゼーションの作業を処理すれば、4-8 週で行うことができる。
