さらに補助金を選択して書類作成にまで繋げられるような下記ページも搭載して クリーンで直感的、かつユーザーフレンドリーな日本語UIの書類生成機能をデザインしてください。ユーザーが補助金申請のフォーマットファイルをアップロードすると、登録済みの会社情報が事前入力された提出可能な書類が自動的に生成されるようにします。

主要な要素とデザインの考慮事項:

1. ページタイトル: 明確かつ簡潔に。例：「応募書類作成」または「提出書類自動生成」。

2. 補助金選択（文脈に沿って）:

   • ユーザーがリストから特定の補助金を選択していることを前提とします。ページ上部に選択された補助金名を明確に表示します。例：「選択中の補助金: [選択された補助金名]」。

3. 「フォーマットファイル選択」エリア:

   • ドラッグ＆ドロップゾーン: ファイルアップロード用の、明確で視覚的に魅力的なドラッグ＆ドロップエリア（例：点線枠に雲のアイコンや上向き矢印）。
   • 「ファイルを選択」ボタン: ドラッグ＆ドロップゾーン内またはその下に、ファイルブラウザを開くための目立つボタン。
   • 対応ファイル形式: アップロードエリアの下に、対応するファイル形式を明確に記載します。例：「対応ファイル形式: Word, Excel, PDF」。
   • ガイダンステキスト: 短く役立つ指示。例：「応募書類のフォーマットファイルをここにドラッグ＆ドロップまたは選択してください」。

4. 「会社情報を反映して生成」ボタン:

   • これは主要なコールトゥアクションであり、明確に区別でき、ファイルアップロードエリアの後に目立つように配置します。

5. 出力/ダウンロードエリア:

   • ローディングインジケーター（生成ボタンクリック後）: 書類が生成中であることを示す、さりげないアニメーション（例：回転する円やプログレスバー）。テキストは「書類を生成中...」とします。
   • 成功メッセージ: 書類準備完了時に明確な確認メッセージ。例：「書類の生成が完了しました！」。
   • ダウンロードボタン:
     • 「Wordでダウンロード」
     • 「Excelでダウンロード」
     • 「PDFでダウンロード」
     • これらのボタンは視覚的に区別できるようにします。生成されるファイル名は「[補助金名]応募書類[会社名].docx」のように分かりやすいものにしてください。

6. 「フォーマットをダウンロード」リンク/ボタン:

   • メインのアップロードエリアの下に、より小さく二次的なリンクまたはボタンとして配置し、ユーザーが空白のテンプレートをダウンロードできるようにします。

UXの考慮事項:

• シンプルさ: プロセスが簡単でスムーズに感じられるようにしてください。
• フィードバック: 各ステップ（アップロード、生成、ダウンロード）で明確な視覚的フィードバックを提供してください。
• エラー処理（暗黙的）: エラーの場合（例：「ファイル形式がサポートされていません」、「アップロード失敗」）のメッセージもクリーンに表示されるように考慮してください。
• セキュリティへの信頼: 視覚的な要素ではありませんが、機密性の高い会社データを取り扱うため、デザイン全体から信頼感が伝わるようにしてください。