フィットネス SaaS ランディングページ UI

プレミアムフィットネスブランド向けの、ダッシュボードや各種インターフェースセクションを含む、Web およびモバイル UI/UX デザイン全体を生成するための詳細なプロンプト。

プロンプト

フィットネスアプリのための、モダンでハイエンドなランディングページおよびプロダクト UI をデザインしてください。ブランド名は PulseFit とします。本格的な SaaS フィットネスプラットフォームおよびモバイルコンパニオンアプリのような、クリーンな Web デザインのモックアップを作成してください。トップクラスのヘルスケア・ウェルネスアプリのような、洗練された UI/UX スタイルを採用し、プレミアム感があり、モチベーションを高める使いやすいデザインを目指してください。含める要素: - 印象的な見出し、短いサブ見出し、強力な CTA ボタン、アプリのプレビューを備えたヒーローセクション - 日々の活動量、消費カロリー、ワークアウトの継続日数、心拍数、歩数、進捗リングを表示するダッシュボード UI - 筋力トレーニング、有酸素運動、モビリティ、リカバリーのためのワークアウトプログラムカード - マクロ栄養素の内訳と水分摂取量を備えた栄養管理セクション - 進捗チャートと分析ウィジェット - プロフィールカードと体験談を含むトレーナー／コミュニティセクション - 料金プランセクションとアプリストアへの誘導 - 一貫したプロダクトエコシステムを示す、Web デザインと並べたモバイルアプリ画面スタイルの方向性: - 洗練されたミニマルでモダンなインターフェース - プレミアムフィットネスブランドの美学 - 滑らかな余白、強力な階層構造、角丸のカード、ソフトなドロップシャドウ - エレクトリックブルー、ネオングリーン、鮮やかなオレンジなどのエネルギッシュなアクセントカラーを使用したダークモード UI - 鮮明なタイポグラフィ、リアルなチャート、洗練されたボタン、美しいオンボーディング体験 - 非常に詳細で、Dribbble に掲載されるようなスタートアップ品質のプロダクトデザイン - アニメーションやイラストではなく、リアルな UX ケーススタディのプレゼンテーション構成: - Web サイトのホームページ全体のモックアップ - 複数の UI セクションを 1 つの洗練されたプレゼンテーションに表示 - わずかなパースペクティブまたは正面からのプロダクトショーケース - 微かなグラデーションとプロフェッショナルなライティングを施したクリーンな背景 - 超高精細でシャープなテキストレンダリング、視覚的にバランスの取れたレイアウト出力: 開発準備が整っているかのような、フィットネスアプリの Web サイトおよびダッシュボードの、見栄えが良くリアルな UI/UX デザインコンセプト。プレミアムスタートアップのための、本格的な Figma プロダクトデザインプレゼンテーションのように仕上げてください。