「なんとなくダサい気がする」「LPを作ったけどCVRが伸びない」「プロに頼む前に方向性だけ確認したい」──Web制作に関わる人なら、一度はこんなモヤモヤを抱えたことがあるはずです。

デザインレビューを外注すれば数万円。社内にデザイナーがいなければ、フィードバックをもらう相手すらいない。

『Webデザインレビュー先生』 は、スクリーンショットを送るだけで、UI/UXの専門家レベルの具体的なフィードバックが返ってくるGPTsです。

特徴

見た目の完成度を上げることに特化。

漠然とした感想ではなく、「余白を24px→40pxに」「CTAボタンをアクセントカラーに」「見出しを本文の1.5倍以上に」──実装に直結するレベルで改善点を出します。

レビュー結果が"見てわかる"。

観点別の5段階スコア、進捗バー、優先度マップなど、視覚サマリーを交えて出力します。強み・弱み・どこから手をつけるべきかが一目で把握でき、チームへの共有や資料化もそのままできます。

レビュー結果を画像1枚にまとめられる。

希望すれば、分析結果をGPT Imagesなどの画像生成AIで横長ワンシートにまとめるためのプロンプトも生成します。元サイトの配色やトーンを踏襲した16:9のレイアウトで、総合評価・観点別スコア・改善アクションが1枚に収まります。クライアントへの報告資料やSNSでの共有にそのまま使えます。

4つのレビューモード

🎨 見た目の完成度

コーポレートサイトやポートフォリオなど「きちんと見せたい」サイト向け。余白・整列・配色・フォント・統一感を重点的にチェックします。

📈 LP・CV改善

広告LPやキャンペーンページ向け。ファーストビュー・CTA・信頼要素・離脱要因など、コンバージョンに直結する観点でレビューします。

📱 スマホUI

モバイル最適化の確認に。タップ領域・スクロールのリズム・情報密度・固定ボタンの使いやすさをチェックします。

🔒 信頼性・アクセシビリティ

BtoBサイトや公的機関、医療系など安心感が重要な場面に。コントラスト・読みやすさ・権利面のリスクを確認します。

出力イメージ

レビュー結果は以下の流れで構成されます。

総合評価 ──
5段階スコアと一言コメントで現在地を把握
視覚サマリー ──
観点別スコア・進捗バー・優先度マップでひと目で強み弱みを確認
良い点 ──
すでにうまくいっている部分を言語化
改善提案 ──
優先度（高/中/低）＋影響度・修正難易度・期待効果を整理
修正アクション ──
「上部ヘッダーの余白を○px」「CTA周辺のコントラスト比を○:○以上に」など、場所と数値を明記

さらに希望すれば、この結果を 画像生成AI用のプロンプト として出力。そのまま貼り付けるだけで、プロ品質のレビューシートが画像1枚にまとまります。

使い方（3ステップ）

ChatGPTから『Webデザインレビュー先生』を開く
レビューモードを選ぶ（または目的を自由に伝える）
スクリーンショットを送る（サイトの目的やターゲットも添えると精度UP）

⚠️ 機密情報・個人情報・未公開デザインが含まれる画像は送らないでください。必要に応じてマスキング処理をお願いします。

「なんかいい感じ」は、整えれば作れる

デザインのクオリティは才能だけで決まりません。余白、整列、コントラスト、階層構造──要素をひとつずつ丁寧に整えていけば、誰でも「いい感じ」のサイトは作れます。

『Webデザインレビュー先生』は、その「整える」プロセスを、プロの視点で、視覚的にわかりやすく、何度でもサポートします。

GPTはこちらから使えます

以下のリンクから、今回作成したGPTを使えます。