Communitygithub.com

ウェブサイトのブランド独自性レビュー

既存のウェブサイト、ページコンセプト、モックアップ、またはクリエイティブディレクションが、テンプレート主導やAIデフォルトではなく、ブランド独自のものであるかをレビューします。デザインが際立っているか、記憶に残るか、適切なオーディエンスを引き付け、特定のブランドパーソナリティを表現しているかをユーザーが尋ねたときに使用します。

ウェブサイトのブランド独自性レビュー とは?

このスキルは、ウェブサイトや提案されたデザインの方向性が、特定のブランドとそのオーディエンスに明確に属しているかどうかを評価します。カテゴリーの決まり文句、流行の表面的な装飾、テンプレートのデフォルト、または無指向なAI出力に依存するのではなく、デザインが実際のブランド特性を認識可能な視覚的、言語的、構造的、体験的なシグナルに変換しているかをテストします。このスキルは、既存の方向性を明確にすることに役立ちますが、インターフェースのコーディングや包括的なブランド戦略の策定を目的とはしていません。レビューでは、ブランド独自性、オーディエンス適合性、感情的ポラリティ、ブランドワールドの継続性、エビデンスと信憑性、意図的なシステムシグナル、人間のオーサーシップ対AIデフォルトの同一性という7つのレンズを通して評価します。最終的には、独自性の判定(Ownable, Emerging, Interchangeable, Misaligned, Insufficient evidence)を提供し、置換テストとオーディエンスのプル/プッシュテストに基づいた具体的な推奨事項を示します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vmitsaras/Agent-Skills/tree/HEAD/skills/ui-ux-polish/website-distinctiveness-review

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ウェブサイトのブランド独自性レビュー は何をしますか?

目的

ウェブサイトまたは提案されたデザインの方向性が、特定の1つのビジネスと1つのオーディエンスに明確に属するほど、具体的で、所有権が明確で、意図的であるかをレビューします。

このスキルは、新奇性そのものを評価するものではありません。デザインが、カテゴリーの決まり文句、流行の表面的な装飾、テンプレートのデフォルト、または無指向なAI出力に依存するのではなく、実際のブランド特性を認識可能な視覚的、言語的、構造的、体験的なシグナルに変換しているかどうかをテストします。

このレビューは、既存の方向性を明確にし、磨き上げるのに役立つべきです。インターフェースをコーディングしたり、より広範なブランド戦略を置き換えたりするものではありません。

このスキルを使用するタイミング

以下の場合にこのスキルを使用します:

  • ユーザーがウェブサイトが際立っているか、または一般的に見えるかを尋ねたとき。
  • デザインは洗練されているが、複数の競合他社に当てはまるように見えるとき。
  • ユーザーがレイアウトがテンプレート主導、トレンド主導、またはAI生成であると疑っているとき。
  • チームがサイトに、漠然と全ての人にアピールするのではなく、特定のオーディエンスを引き付けてほしいと考えているとき。
  • ブランドパーソナリティは分かっているが、ウェブサイトがそれを強く表現していないとき。
  • コンセプトが、ビジュアルの洗練の前に、より明確な感情的なポジションを必要としているとき。
  • 複数のタッチポイントが存在し、ウェブサイトが同じブランドワールドの一部であると感じられるべきとき。
  • リデザインが、元のサイトを認識可能にしていた特徴を失うリスクがあるとき。

以下の場合にはこのスキルを使用しないでください:

  • 主な問題が、目的、オーディエンス、コンテンツ、または要件が不明確なことである場合。その場合は、最初に design-problem-framer を使用します。
  • ユーザーがいくつかの新しい構造的なレイアウトオプションを必要としている場合。その場合は layout-direction-explorer を使用します。
  • タスクが主に階層、バランス、配置、スペーシング、または構図である場合。その場合は layout-principles-review を使用します。
  • ユーザーが完成したデザインの方向性を比較して1つを選択する必要がある場合。その場合は design-direction-decision を使用します。
  • 主な目標がコンバージョンアーキテクチャ、CTA戦略、反論処理、または詳細なトラストデザインである場合。その場合は conversion-creative-director を使用します。
  • ユーザーがインターフェースデザインの前に、革新的なコンセプト領域を必要としている場合。その場合は provocative-concept-director を使用します。
  • リクエストがインターフェースの実装、コーディング、または再作成である場合。

検査するインプット

利用可能な最小限の有用なインプットセットを検査します:

  • ウェブサイトURL、スクリーンショット、モックアップ、ワイヤーフレーム、またはプロトタイプ
  • ブランドブリーフ、ポジショニングステートメント、バリュー、または言語的アイデンティティ
  • 製品またはサービスの説明
  • 対象オーディエンス、顧客セグメント、またはユーザーペルソナ
  • 競合他社またはカテゴリーの参考文献
  • 既存のビジュアルアイデンティティ、キャンペーン、パッケージ、ソーシャルコンテンツ、またはエディトリアル素材
  • コピー、見出し、クレーム、お客様の声、ケーススタディ、または証明アセット
  • デザインの根拠またはクリエイティブディレクションノート
  • AIプロンプトまたは生成アセット(同一性が懸念される場合)

重要なコンテキストが欠落している場合は、ギャップを特定し、範囲を限定した仮定を立てます。スクリーンショットだけで詳細なブランド戦略を発明しないでください。

コアとなるレビューの質問

次の質問をします:

ロゴ、会社名、製品名が消えたとしても、このデザインがこのブランドに属し、このオーディエンスにアピールするという証拠は、他に何が残っているでしょうか?

強い結果には、相互に補強し合う複数の回答があるはずです。弱い結果は、主にロゴ、一般的なコピー、ファッショナブルなスタイリング、またはカテゴリースタンダードなイメージに依存しています。

レビューのレンズ

1. ブランド独自性 (Brand ownability)

デザインに、カテゴリーから借用したものではなく、ビジネスに根ざした認識可能なシグナルが含まれているかを判断します。

検査項目:

  • 明確な視点
  • ビジネス固有の言語とイメージ
  • 認識可能なビジュアルデバイス
  • 意味のあるシンボル、マテリアル、メタファー、または振る舞い
  • 特徴的なインタラクションまたはコンテンツ構造
  • 競合他社が派生的に見えずにコピーできない要素

珍しい装飾と独自性を混同しないでください。奇妙なグラデーションはブランドのアイデアではありません。

2. オーディエンスの特異性 (Audience specificity)

デザインが特定のオーディエンス向けに明確に形作られているかを判断します。

検査項目:

  • 対象オーディエンスが何を重視し、恐れ、拒否し、または憧れているか
  • オーディエンスが認識する文化的およびカテゴリー的な参考文献
  • トーン、密度、ペース、およびインタラクションの期待
  • 価格帯、真剣さ、エネルギー、専門知識、または帰属意識のシグナル
  • デザインが互換性のないオーディエンスを同時に喜ばせようとしていないか

目標は、他のすべての人に対する敵意ではありません。目標は、自信に満ちた関連性です。

3. 感情的ポラリティ (Emotional polarity)

デザインが、中立的な受容ではなく、即時的で適切な反応を生み出すかを判断します。

検査項目:

  • おそらく最初の5秒間の印象
  • 感情的な温度
  • 自信対慎重さ
  • 親しみやすさ対驚き
  • 抑制対活気
  • 反応がブランドとタスクをサポートしているか

強いデザインはすべての人にアピールするとは限りませんが、対象とするオーディエンスはそれがなぜ存在するのかを理解できるはずです。

4. ブランドワールドの継続性 (Brand-world continuity)

ウェブサイトが、孤立したランディングページではなく、首尾一貫した広範なエクスペリエンスの一部のように感じられるかを判断します。

検査項目:

  • ソーシャル、エディトリアル、キャンペーン、製品、パッケージ、または対面のタッチポイントとの継続性
  • 再利用可能なビジュアルおよび言語ルール
  • ウェブサイトが、そのアイデンティティを失うことなく将来のコンテンツを吸収できるか
  • 各ページが、異なる強度で同じ世界のように感じられるか
  • ブランドが大小のサーフェス全体で認識可能かどうか

すべてのチャネルが同一に見えることを要求しないでください。コピー&ペーストの一貫性ではなく、共有されたロジックを探します。

5. エビデンスと信憑性 (Evidence and authenticity)

主要なクレームが、信頼できる具体的な素材によって裏付けられているかをレビューします。

検査項目:

  • 作業サンプル、デモンストレーション、ビフォーアフターの証拠、またはプロセスの可視性
  • 漠然とした称賛ではなく、具体的な成果
  • 実際の声、顔、アーティファクト、環境、または顧客の言葉
  • 該当する場合は、第三者または独立して検証可能な情報源
  • クレームとそれを裏付ける証拠との近接性

このレンズは、独自性と信頼性のレベルに留めてください。完全な説得またはコンバージョン監査は conversion-creative-director にルーティングします。

6. 意図的なシステムシグナル (Intentional system signals)

タイポグラフィ、スペーシング、構成、イメージ、モーションが、意図的なシステムによって統治されているように見えるかを判断します。

検査項目:

  • 一貫したタイプの役割とスケール関係
  • 繰り返し可能なスペーシングとレイアウトロジック
  • 明確な視覚的階層
  • 一貫したイメージ処理
  • 繰り返し発生するモーションまたはインタラクションの文法
  • 強調を生み出す意図的な例外

ここで完全なレイアウト監査は実行しないでください。システムレベルの懸念事項を記録し、詳細な構成の問題は layout-principles-review にルーティングします。

7. 人間のオーサーシップ対AIデフォルトの同一性 (Human authorship versus AI-default sameness)

AIまたはテンプレートが、視点を増幅したのか、それとも視点を置き換えたのかを判断します。

一般的なAIデフォルトシグナルには以下が含まれます:

  • 交換可能なコピーによる一般的なヒーロー構成
  • ビジネスとは無関係な抽象的な3Dオブジェクト
  • 洗練されているがコンテキストのないイメージ
  • 安全なグラデーション、ガラスカード、フローティングピル、空のダッシュボードモチーフ
  • ナラティブ上の理由のない繰り返しのセクションリズム
  • 具体的な証拠に裏付けられていない広範なクレーム
  • 意味があるというよりもファッショナブルであるために選ばれたビジュアルスタイル

AIが使用されたという理由だけでAI生成素材を拒否しないでください。結果が、特定の人間の視点を通して選択、編集、結合、および指示されたかどうかを判断します。

ワークフロー

  1. レビュー対象を特定する

    • レビューされているページ、コンセプト、プロトタイプ、または方向性を特定します。
    • 証拠が完全なレビューに十分か、暫定的なレビューのみ可能かを述べます。
  2. 意図されたアイデンティティを要約する

    • ビジネス、オーディエンス、オファー、および望ましい印象を1つのコンパクトな段落で説明します。
    • 確認された事実と推測された特性を分離します。
  3. カテゴリーのデフォルトをマッピングする

    • 競合他社または同等の製品によって使用される、おなじみの視覚的、言語的、構造的パターンを特定します。
    • どのデフォルトが有用なコンベンションであり、どのデフォルトが同一性を生み出すかをマークします。
  4. 置換テストを実行する

    • ロゴ、ブランド名、製品名、見出しを削除するか、メンタルで置き換えます。
    • 競合他社が最小限の変更でデザインを採用できるかどうかを確認します。
    • 置換後も生き残る正確な要素と、崩壊する要素を記録します。
  5. オーディエンスのプルアンドプッシュテストを実行する

    • 何が対象オーディエンスを強く引き付けるべきかを述べます。
    • 何がミスマッチなオーディエンスに「自分には向いていない」と適切にシグナルを送るかを述べます。
    • 混乱、アクセシビリティの欠如、排除、またはユーザビリティの低下によって引き起こされる偶発的な反発にフラグを立てます。これらの失敗を大胆なポジショニングと誤ってラベル付けしないでください。
  6. 5秒間反応テストを実行する

    • 訪問者が使用するであろう、おそらく即時の記述子を記録します。
    • それらを意図された記述子と比較します。
    • ニュートラル、矛盾、または誤解を招くシグナルを特定します。
  7. ブランドワールドをレビューする

    • 視覚的、言語的、コンテンツ、証拠、インタラクションのシグナルが互いに補強し合っているかを確認します。
    • そのロジックがページを超えて、隣接するタッチポイントに拡張できるかを確認します。
    • より広範なシステムに属さない孤立した効果を特定します。
  8. 独自性のあるシグナルを特定する

    • 強い既存のシグナルを保存します。
    • 認識可能なシステムとなり得る3〜5つのシグナルを選択します。
    • 各シグナルには、ブランドまたはオーディエンスに関連する理由がなければなりません。
  9. 一般的な、または借用されたシグナルを見つける

    • カテゴリーの決まり文句、説明のつかないトレンド、AIデフォルトパターン、競合他社のような選択を特定します。
    • このコンテキストで各シグナルが一般的である理由を説明します。
    • より良い代替手段が定義されない限り、理解をサポートするコンベンションを削除することを推奨しないでください。
  10. 介入レベルを提案する

    • Preserve(保存): 残すべき強力で独自性のある要素。
    • Sharpen(シャープ化): より強力な一貫性、コントラスト、特異性、または繰り返しを必要とする有望な要素。
    • Replace(置換): 方向性を弱める一般的または矛盾する要素。
    • Introduce(導入): ブランドワールドを完成させるために必要な欠落しているシグナル。
  11. スペシャリストによるフォローアップをルーティングする

    • 次に必要となる、最小限の関連スキルセットのみを指名します。
    • 選択した各スキルが答えるべき未解決の質問を説明します。

独自性の判定

1つの判定を使用します:

  • Ownable(独自性あり) — デザインに明確な視点、オーディエンスへの適合性、およびロゴがなくても認識可能なままである複数の相互に補強するシグナルがあります。
  • Emerging(発展途上) — 方向性には特定のアイデアが含まれていますが、一般的なパターンが依然として支配的であるか、シグナルがまだ一貫して繰り返されていません。
  • Interchangeable(交換可能) — デザインは有能ですが、マイナーなコピーとアセットの変更で多くのビジネスに属する可能性があります。
  • Misaligned(ミスアライメント) — デザインは特徴的ですが、その最も強いシグナルが、意図されたオーディエンス、オファー、またはブランドポジションと矛盾しています。
  • Insufficient evidence(証拠不十分) — 提供された素材は、責任ある判定を下すのに十分ではありません。

矛盾を平均化しないでください。洗練されているがミスアライメントしたデザインは「ほとんど良い」わけではありません。

出力形式

以下を返します:

## 独自性の判定

**判定:** Ownable | Emerging | Interchangeable | Misaligned | Insufficient evidence

提供されたデザインに基づいた1段落の説明。

## 意図されたアイデンティティ

- ビジネスまたは製品:
- 対象オーディエンス:
- 意図された印象:
- 確認されたインプット:
- 仮定:

## 5秒間の反応

**推定される反応:** ...

**意図された反応:** ...

**ギャップ:** ...

## レビュー結果

| レンズ | 評価 | エビデンス | なぜ重要か |
|---|---|---|---|
| ブランド独自性 | Strong / Partial / Weak / Unknown | ... | ... |
| オーディエンスの特異性 | Strong / Partial / Weak / Unknown | ... | ... |
| 感情的ポラリティ | Strong / Partial / Weak / Unknown | ... | ... |
| ブランドワールドの継続性 | Strong / Partial / Weak / Unknown | ... | ... |
| エビデンスと信憑性 | Strong / Partial / Weak / Unknown | ... | ... |
| 意図的なシステムシグナル | Strong / Partial / Weak / Unknown | ... | ... |
| 人間のオーサーシップ | Strong / Partial / Weak / Unknown | ... | ... |

## 置換テスト

- ロゴがなくても認識可能なままの要素:
- 競合他社が変更せずに再利用できる要素:
- 全体的な結果:

## オーディエンスのプルとプッシュ

### 対象オーディエンスを引き付けるもの

- ...

### ミスマッチなオーディエンスを適切にフィルタリングするもの

- ...

### 偶発的な摩擦または排除

- ...

## 独自性のあるシグナルシステム

| シグナル | ブランドまたはオーディエンスの根拠 | 現在の状態 | 推奨される使用法 |
|---|---|---|---|
| ... | ... | Preserve / Sharpen / Introduce | ... |

## 削除または変換すべき一般的なシグナル

| シグナル | このコンテキストで一般的に感じられる理由 | より良い方向性 |
|---|---|---|
| ... | ... | ... |

## 推奨される介入

### Preserve(保存)

- ...

### Sharpen(シャープ化)

- ...

### Replace(置換)

- ...

### Introduce(導入)

- ...

## 推奨される次のスキル

- `skill-name` — それが答えるべき未解決の質問。

すべてのセクションを一般的なアドバイスで埋めないでください。空の行は省略し、エビデンスが利用できない場合はその旨を述べてください。

品質基準

以下の場合にのみタスクは完了したとみなされます:

  • 判定が目に見える、または提供された証拠に基づいていること。
  • レビューが独自性と装飾を区別していること。
  • オーディエンスの誘引が、偶発的なユーザビリティまたはアクセシビリティの問題から分離されていること。
  • 置換テストが、具体的で交換可能な要素を特定していること。
  • 推奨事項が、一般的な表現を置き換えながらも有用なコンベンションを保存していること。
  • 提案されたすべての署名シグナルに、ブランドまたはオーディエンスの根拠があること。
  • レビューが既存の強みを認識し、反射的にすべてを再設計していないこと。
  • AIの使用が、イデオロギーではなく、方向性と編集によって判断されていること。
  • 出力がコードや実装の詳細に逸れていないこと。
  • スペシャリストによるフォローアップが、最小限の有用な関連スキルセットに限定されていること。

エッジケース

  • ブランド戦略が存在しない場合: 暫定的なレビューを作成し、欠落している決定事項をリストアップし、design-problem-framer にルーティングします。
  • ブランドが意図的にカテゴリーのコンベンションを使用している場合: コピー、証拠、コンテンツ、振る舞い、またはサービスモデルが、視覚的な新奇性を要求する代わりに独自性を提供しているかどうかを確認します。
  • ユーティリティ製品がニュートラルに見えるべき場合: 独自性について、明瞭さ、トーン、インタラクションの振る舞い、証拠をレビューします。演劇的なスタイリングを強制しないでください。
  • 規制対象または信頼性の高いコンテキスト(金融、医療、法務など)の場合: ポジショニングの区別が、従来の表現やシンボルの代わりに、執筆、構造、インタラクション、証拠、チャネルを介して動作する可能性があることを認識します。視覚的な「遊び」が弱さとして誤解される可能性があることを認めます。
  • AIがコンテンツ作成のみに使用された場合:(例:コピーライティング、画像生成): 人間による編集の証拠を探します:選択、結合、変換、例外。AIの出力をそのまま公開することはデフォルトであり、方向性ではありません。
  • デザインが意図的に「AIらしく」見えるべき場合(例:AI製品のランディングページ): その場合も、意図されたオーディエンス、ブランドポジション、および独自性のテストに照らして判断します。AIスタイルは、それが1つの使用例である場合、カテゴリーデフォルトになる可能性があります。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

関連スキル