Fitness-SaaS-Landingpage-UI

Ein umfangreicher, detaillierter Prompt zur Erstellung eines vollständigen Web- und Mobile-UI/UX-Designs für eine Premium-Fitnessmarke, inklusive Dashboards und verschiedener Interface-Bereiche.

Eingabe

Entwirf eine moderne, hochwertige {argument name="app type" default="Fitness-App"} Landingpage und ein Produkt-UI für eine Marke namens {argument name="brand name" default="PulseFit"}.

Erstelle ein klares Webdesign-Mockup, das wie eine echte SaaS-Fitnessplattform und eine mobile Begleit-App aussieht. Das Design sollte sich hochwertig, motivierend und benutzerfreundlich anfühlen, mit einem ausgefeilten UI/UX-Stil, der dem von erstklassigen Gesundheits- und Wellness-Apps entspricht.

Inhalt:
- Ein Hero-Bereich mit prägnanter Überschrift, kurzem Untertitel, starkem Call-to-Action-Button und App-Vorschau
- Dashboard-UI mit Anzeige von täglicher Aktivität, verbrannten Kalorien, Trainingsserie, Herzfrequenz, Schrittzahl und Fortschrittsringen
- Trainingsprogramm-Karten für Kraft, Cardio, Mobilität und Erholung
- Bereich zur Ernährungstracking mit Makro-Aufschlüsselung und Wasseraufnahme
- Fortschrittsdiagramme und Analyse-Widgets
- Trainer-/Community-Bereich mit Profilkarten und Erfahrungsberichten
- Preisübersicht und Hinweis zum Download/App Store
- Mobile App-Screens, die neben dem Webdesign für ein kohärentes Produkt-Ökosystem gezeigt werden

Stilvorgaben:
- Schlankes, minimalistisches, modernes Interface
- Ästhetik einer Premium-Fitnessmarke
- Harmonische Abstände, klare Hierarchie, abgerundete Karten, weiche Schatten
- Dark-Mode-UI mit energetischen Akzentfarben wie Electric Blue, Neongrün oder leuchtendem Orange
- Klare Typografie, realistische Diagramme, ausgefeilte Buttons, ansprechendes Onboarding-Gefühl
- Hochdetailliertes, Dribbble-würdiges Produktdesign in Startup-Qualität
- Realistische UX-Fallstudienpräsentation, keine Cartoons oder Illustrationen

Komposition:
- Vollständiges Mockup der Website-Startseite
- Mehrere UI-Bereiche, die in einer ausgefeilten Präsentation sichtbar sind
- Leichte Perspektive oder direkte Produktpräsentation
- Sauberer Hintergrund mit subtilen Verläufen und professioneller Beleuchtung
- Extrem detailliertes, scharfes Text-Rendering, visuell ausgewogenes Layout

Ausgabe:
Ein beeindruckendes, realistisches UI/UX-Designkonzept für eine Fitness-App-Website und ein Dashboard, das bereit für die Entwicklung aussieht.

Lass es wie eine echte Figma-Produktdesign-Präsentation für ein Premium-Startup aussehen.