このサイトについて

AppUIUXLab は、デジタルプロダクトの UI・UX・サービス設計を横断的にリサーチ・比較し、得られた知見を統合するプラットフォームです。

🌱ビジョン

優れたプロダクトは、優れた観察から生まれる。

UI のスクリーンショットを眺めるだけでなく、その背景にある UX 設計の意図やサービス全体の戦略まで読み解くことで、本当に価値のあるインサイトが得られると考えています。

このサイトは、UI 分析・UX リサーチ・サービス比較という3つの視点を1つの場所に統合し、プロダクト開発に関わるすべての人のデザイン意思決定を支援することを目指しています。

💎提供価値

定量的な比較

感覚ではなくデータで。AI による自動分析で、大規模な UI/UX 比較を実現します。

深掘りリサーチ

表面的な違いだけでなく、設計思想やユーザー体験の構造を掘り下げて調査します。

知見の統合

UI カタログ・分析レポート・リサーチを横断的につなぎ、文脈のあるインサイトを提供します。

👥想定する利用者

🎯

プロダクトマネージャー

競合の動向把握、機能比較、意思決定の根拠づくり

🎨

UX デザイナー

UI パターンの調査、ベストプラクティスの発見

💻

フロントエンド開発者

実装アプローチの比較、技術選定の参考

📋

サービス企画者

市場調査、UX トレンドの把握、企画立案の材料

主要機能

🏢

業界別アプリ UI カタログ

金融・EC・ヘルスケア・旅行など業界ごとに主要アプリのUIを収録。プラットフォーム別(iOS / Android / Web)にスクリーンショットと特徴を一覧できます。

カタログを見る
🤖

自動分析パイプライン

URLを指定するだけで、Playwright によるスクリーンショット撮影から Claude Vision API による AI 分析、HTMLレポート生成までを自動実行。手動では困難な大規模比較を実現します。

🔬

UX リサーチレポート

特定テーマを深掘りした調査レポートを公開。認証UX、オンボーディング、決済フローなど、サービス横断で設計パターンを比較分析します。

レポートを見る
🔗

MCP 連携

Model Context Protocol サーバーを内蔵し、Claude Code などの AI ツールから分析結果の登録・検索・比較をプログラマティックに実行できます。

🛠技術スタック

フレームワークNext.js 15 (App Router)
UIReact 19 + Tailwind CSS 4
ブラウザ操作Playwright
AI 分析Claude Vision API
データベースTurso (libSQL)
デプロイVercel

カタログを探索するか、リサーチレポートを読んでみてください。