本文へスキップ
ui.design

サイトの課題をAIが診断し、改善タスクまでつくる。

PC・スマホの実画面から、UX、SEO、アクセシビリティ、CV導線を確認。 画面証拠、優先順位、AIエージェントに渡せる改善ファイルまで展開できます。

URLを入れるだけ。登録不要、目安2〜5分。

無料Scanで、スコアと直すべきポイントを画像つきで確認できます。

CVを落とす画面の詰まりを発見

開発者へ渡せる修正タスクに変換

修正後の再チェックまで接続

問題から修正タスクまで
まとめて確認

スコア、画面上の証拠、問題の理由、次に直す作業を1つのレポートに整理。 詳細レビュー・修正支援では、AIエージェントへ渡せるファイルへと展開します。

実サンプルレポート

ui.design自身のdogfoodスキャンから作成

64 / D

総合評価

64 / D

LLMなしの自動検査サンプル

指摘

13件

4つの原因クラスタに整理

SEO所見

0件

title、description、h1を確認

改善タスク

4件

AIへ渡せる作業単位に変換

PCファーストビューの証拠画像

指摘ピン付き

ui.design dogfoodスキャンのPCファーストビュー
1
2
3

改善パックに入るタスク

  1. 01

    CTAとフォーム周辺のフォーカス遷移をPlaywrightで再現し、Tab順序を修正する

  2. 02

    主要ボタンの背景色・文字色トークンを見直し、実描画コントラストを再測定する

  3. 03

    補助番号・説明文の淡色テキストを整理し、重要度に応じて色階調を上げる

tasks.jsonfindings.jsonacceptance_criteria.md、汎用AIプロンプトへ分解します。
公開サンプルを見る — 実ジョブIDやaccess tokenを含まない固定サンプルです。

競争力につながる改善を、見つけて進める

改善候補を見逃しにくくする

アクセシビリティだけでなく、UX、コピー、SEO、CV導線まで同じ画面で確認できます。

関係者に説明しやすくする

点数だけでなく、PC・スマホの証拠画像とピンつきの指摘で、なぜ直すべきかを共有できます。

修正作業へ進めやすくする

所見を優先タスクに変換し、必要ならAIエージェント向け改善パックへ展開できます。

無料Scanから進められること

結果を眺めるだけで終わらせず、改善会議、修正依頼、AI実装、再チェックへつなげます。

改善会議を短くする

UX、SEO、アクセシビリティ、CV導線の課題を同じレポートに集約し、論点整理から始められます。

修正の優先順位を決める

画面証拠と影響度を見ながら、先に直すべき項目を開発・マーケで共有できます。

AI実装へつなげる

Claude、Codex、Antigravity などへ渡せる修正仕様へ展開し、レビューを実装作業に接続します。

再チェックを習慣化する

修正後にもう一度スキャンし、品質が上がったか、別の問題が残ったかを確認できます。

外注・納品前の不安を減らす

PC・スマホの表示、押しやすさ、基本SEO、CTA導線を証拠つきで確認できます。

たとえばこんな指摘が出ます

スマホで「お気に入り」ボタンが小さすぎます

大きさが 20×20px で、指でタップするには小さめです。24×24px 以上にすると押しやすくなります。

LP改善、納品前チェック、改善提案へ

画面を見ながら指摘を共有。レビュー結果を会話で終わらせず、修正作業へ進めやすい形に整理します。

事業会社

LPやサービスページの改善候補を短時間で拾いたい

修正候補、画面証拠、優先順位をまとめて確認

マーケ・グロース担当

CTA、信頼材料、フォーム前の不安を見直したい

CV導線、コピー、SEOの指摘を同じレポートで確認

制作会社・開発者

納品前チェックと修正指示を短時間で作りたい

指摘箇所、再現条件、修正タスクをまとめて共有

実測とAIレビューを分けて記録

AIのレビューと、ブラウザ・スクリーンショット・ページ構造の実測を分けて扱います。根拠のある所見と、確認すべき仮説を混ぜません。

実ブラウザで確認

ChromiumでPC・スマホ画面を開き、表示された状態を確認します。

標準検査を併用

アクセシビリティ検査、文書構造、表示崩れ、キーボード操作、SEO、CTA導線を組み合わせます。

画面から実測

色、サイズ、押しやすさをスクリーンショットとページ構造から測ります。

AIが文脈を補う

機械判定だけでは拾いにくいコピー、視線誘導、信頼材料を評価します。

実装へ接続

report.md、tasks.json、findings.json、受け入れ条件、汎用AIプロンプトをzip化します。

機械でははっきり判定できない部分はAIが「ここは確認した方がよい」と添え、確実な指摘とは分けてお見せします。仕組みの詳しい説明は こちら

LighthouseやSEOツールでは見えにくい、画面の詰まりまで

Lighthouse / axe単体

アクセシビリティの検出は強い一方、CV導線や修正依頼への変換は別作業になりがちです。

ui.designはUX、マーケ、SEO、技術所見をまとめ、修正ロードマップとAI実装パックまで出します。

SEOツール

検索向けのタグや速度は見やすい一方、実画面の押しにくさやフォーム不安は見落としやすいです。

PC/スマホの実ブラウザ画面を撮り、CTA、視線誘導、タップしやすさを同じレポートで扱います。

手動レビュー

深い判断はできますが、毎回コストが高く、修正後の再チェックが後回しになりやすいです。

まず自動で広く検出し、必要な箇所だけ詳細レビュー・修正支援で改善タスク化します。

AI生成時代のUI品質チェック

AIがサイトを量産する時代

AIで素早くサイトが作れるようになった分、「ちゃんとできているか」を確かめる手間が追いつかなくなっています。

ヨーロッパで法律が始まった

欧州アクセシビリティ法(EAA)が2025年6月28日に適用開始。EU向けに販売する多くの企業に対応が求められています。

日本でも義務化された

改正障害者差別解消法が2024年4月1日に施行され、民間企業にも「誰もが使えるように配慮すること」が求められています。

まずは無料から

まず1ページを診断し、改善余地と優先順位を確認してください。必要なら、結果をもとに詳細レビュー・修正支援へ進めます。

無料Scanを開始

無料Scanの結果を、そのまま修正計画へ進めたい場合

詳細レビュー・修正支援では、診断結果をもとに、開発者やAIエージェントへ渡す作業単位、受け入れ条件、再スキャン手順まで整理します。個別相談の入口も同じページにあります。

詳細レビュー・修正支援を見る

UI Scan

提供中

無料

URLを入れるだけの自動診断。スコア、主な問題点、改善タスクが目安2〜5分でわかります。

  • 1ページ無料
  • PC・スマホの証拠画像
  • 修正ロードマップ
UI Scanを開く

詳細レビュー・修正支援

Beta

無料Scan後に個別案内

無料Scanの結果を、開発者や生成AIエージェントが使える改善タスク、受け入れ条件、再スキャン計画へ整理します。

  • 無料Scan後に相談
  • AIエージェント向け改善パック
  • フルページ指摘マップ+再スキャン
内容を見る

UI Monitor

Alpha準備中

個別案内

定期的に再スキャンし、前回から品質が下がった箇所や新しい重大リスクをメールで知らせます。

  • 初期は1サイト/1〜3ページ
  • 月次スキャン+軽量差分
  • Review Pack後の劣化検知に対応

提供開始まで少々お待ちください

UIBench

近日

いろいろなサイトのUI品質を比べられるランキング

UI Certified

近日

第三者がUI品質をお墨つきする認証

ui.json

近日

サイトのデザインルールをAIに伝えるための共通フォーマット

よくある質問

専門知識がなくても使えますか?
はい。URLを入れるだけで、結果はやさしい言葉でお見せします。「どこが」「なぜ問題で」「どう直すか」がわかるので、エンジニアやデザイナーでなくても使えます。
どれくらい時間がかかりますか?
無料の自動診断は目安2〜5分で終わります。詳細レビュー・修正支援では、対象ページ数や目的を確認したうえで、レポートと改善パックの整え方を個別に案内します。
「法律に対応できている」と保証してくれますか?
いいえ。診断は問題点を見つけてお見せするものです。私たちは「合格を保証する」とは言いません。確実な部分とAIが指摘する部分を分けて、正直にお伝えします。
どんなページでも診断できますか?
一般に公開されているページならOKです。ログインが必要な画面や購入手続きの途中などは、現時点の無料Scanでは対象外です。無料診断は、ご自分が権利を持つサイトにお使いください。

まずは、いまのサイトを無料診断

URLを入れるだけ。目安2〜5分で、スコアと直すべきポイントが画像つきで届きます。