日本語 ES 添削アプリのモックアップ

日本の AI エントリーシート添削アプリを想定した 3 画面構成の iPhone UI コンセプト。アプリの需要調査や SNS プロモーションに最適です。

プロンプト

ゴール：日本のモバイルアプリ「ES添削AI」（学生向け AI エントリーシート／履歴書添削アプリ）の洗練されたマーケティング用モックアップを作成する。清潔感のある白い背景に、3 台の iPhone を並べた構成とする。キャンバス：横長の画像（約 16:9）。黒いフレームのモダンな iPhone を 3 台配置。角は丸く、上部に Dynamic Island、ステータスバーの時刻は 9:41、下部にホームインジケーターを表示。UI は明るい白のカード、ソフトな影、角丸、紫から青へのグラデーションをアクセントに使用。App Store や SNS で使われるような、クリーンで信頼感のあるリアルなコンセプトモックアップを目指す。 iPhone 1（ホーム画面）：左上に「ES添削AI」のヘッダーテキスト、右上に円形のユーザープロフィールアイコン。ヒーローセクションには、紫色の小さなスパークルラベル「AIがあなたのESをプロ視点で徹底添削します」、太字の見出し「あなたの強みが、もっと伝わるESへ。」、サブコピー「通過率を上げるESを一緒に作りましょう。」、そしてノートパソコンに向かう学生と紫色の AI/チャットアイコンのイラストを配置。セクションタイトル「添削を始める」。ドキュメントアイコン付きの大きなグラデーションの CTA カードを配置し、「ESを新しく添削する」というテキストと「ESを入力またはファイルをアップロードして、AIが添削します」というサブコピー、右向きのシェブロンを表示。セクションタイトル「機能一覧」。以下の 4 つの機能カードを配置：1）時計アイコン、「添削履歴」、「過去に添削したESを確認できます」；2）チャットアイコン、「面接質問を予測」、「あなたのESから面接で聞かれそうな質問を生成します」；3）人型アイコン、「自己分析サポート」、「強みやガクチカを整理するお手伝いをします」；4）ビルアイコン、「企業別アピール提案」、「志望企業に合わせたアピールポイントを提案します」。下部ナビゲーションは「ホーム」（アクティブ）、「添削履歴」、「面接質問」、「自己分析」、「企業別提案」の 5 つで構成。 iPhone 2（添削結果概要画面）：上部バーに「戻る」矢印と中央揃えのタイトル「添削結果」。その下に「総合評価」（アクティブ、紫色の下線付き）、「項目別評価」、「添削コメント」、「改善例」の 4 つのタブを表示。メインの白いカードのタイトルは「総合評価」。左側に 87 と「/100」を表示する円形のスコアリングリング。右側に「評価ランク」、大きなランク表示 A、「素晴らしいESです！」、「この調子で仕上げましょう。」のテキスト。次のカードタイトルは「通過率予測」、テキスト「このESの通過率は高いと予測されます」、緑色のバッジ「高」、横方向のプログレスバー、「80%以上」。次のカードタイトル「強み」には、緑色のチェック付き項目を 3 つ配置：「具体的なエピソードが書けている」、「あなたの価値観が伝わっている」、「企業とのマッチ度が高い」。次のカードタイトル「改善ポイント（優先度順）」には、番号付きの行を 3 つ配置：1「結論をより明確に書きましょう」（赤バッジ「高」）；2「成果を数字で示すと説得力が増します」（オレンジバッジ「中」）；3「ガクチカの背景をもう少し詳しく」（グレーバッジ「低」）。最下部に「改善例を見る」と書かれた大きな紫・青のグラデーションボタンを配置。 iPhone 3（詳細コメント画面）：上部バーに「戻る」矢印と中央揃えのタイトル「添削結果」。先ほどと同じ 4 つのタブを表示し、「添削コメント」をアクティブ（紫色の下線付き）にする。白いカードを重ねて、2 つの添削セクションを表示。セクション 1 の見出し「設問1：学生時代に力を入れたこと」（赤バッジ「高」）、サブ見出し「コメント」。結論が最後に書かれている点を指摘し、何をしたかを先に伝えるべきであること、数字を用いると説得力が増すことを解説。続いてサブ見出し「改善例」の下に、薄紫色の「AI提案例」ボックスを配置し、カフェでの売上向上、アルバイトリーダーとしての活動、3 ヶ月で売上 20% アップという内容の書き換え例を表示。セクション 2 の見出し「設問2：あなたの強み」（オレンジバッジ「中」）、サブ見出し「コメント」。強みを証明するエピソードを添えること、企業でどう活かせるかで締めることを解説。続いてサブ見出し「改善例」の下に、薄紫色の「AI提案例」ボックスを配置し、「私の強みは『課題解決力』です。」で始まるカフェの混雑解消と業務改善の例を表示（下部を少し切り取り、スクロール可能であることを示唆）。ビジュアルスタイル：日本の iOS アプリ UI、San Francisco/Noto Sans 系のタイポグラフィ、紫と藍色のグラデーション、淡いラベンダー色のハイライト、青のアクセントアイコン、ソフトなカードの影、整然とした配置、十分な余白。リアルな端末の影と間隔を維持。テキストは読みやすく、指定された日本語ラベルとほぼ同一にすること。制約事項：iPhone は必ず 3 台表示すること。ホーム画面の機能カードは 4 つ、下部ナビゲーションは 5 つ、各結果画面のタブは 4 つ、強みと改善ポイントは各 3 つ、コメントセクションは 2 つとすること。余計な画面、ウォーターマーク、ロゴ、装飾的な要素は追加しないこと。