Portfolio-Website-Vorlagen und Design-Prompts

Wähle nach deinen Arbeiten und deiner Zielgruppe. Vergleiche Erzählung, Agenturübersicht, Galerie und unabhängige Praxis; zeige Rolle und Belege.

Ausgewählte Designs

Welches Design passt zu deinem Vorhaben?

Kuro Storytelling & Portfolio
Für eine geführte Produktgeschichte: Kuro erzählt eine Geschichte rund um eine Klinge. Ersetze sie für ein Portfolio durch eigene Projekte, deine Rolle und Belege. Zusammenfassungen sollten auch ohne Animation lesbar sein.
Astraform Creative Agency Portfolio
Für Agenturen: verbinde Arbeiten mit beauftragbaren Leistungen. Zeige echte Teamdaten, Umfang und Kontaktwege.
MeStudio Portfolio & Gallery
Für bildbetonte Arbeiten: nutze eigene Reihenfolge, Bildtexte und Credits. Halte Kontext auch bei reduzierter Bewegung lesbar.
Aster Hale Design Portfolio
Für unabhängige Designer: verbinde Projekte, Fähigkeiten und Prozess. Beschreibe echte Liefergegenstände und Kontaktwege.

Diese Designs sind derzeit nicht verfügbar. Entdecke die Bibliothek. Bibliothek entdecken

Interaktive Vorschauen sind öffentlich. Quellcode-ZIPs und verfügbare zugehörige Prompts erfordern eine Anmeldung und das entsprechende Prompt-Paket oder eine Mitgliedschaft.

Mit Quellcode oder einem Designbrief starten

Vergleiche Aster Hale für Produktdesign, MeStudio für Fotografie und Astraform für eine Kreativagentur. Kuro erzählt eine Produktgeschichte rund um eine Klinge und muss für ein Portfolio angepasst werden. Prüfe vor der Auswahl Dateien, Abhängigkeiten und Downloadzugang auf der jeweiligen Detailseite.

Wähle nach der Aufgabe deiner Seite

Zeige je Projekt Rolle, Einschränkung und belegtes Ergebnis. Kennzeichne fiktive Übungen und trenne deinen Beitrag vom Team.
Nutze eine Abfolge für Geschichten, eine Übersicht für Agenturen und lesbare Bildtexte. Ermögliche schnelles Erfassen und Vertiefen.
Ersetze Demo-Bilder, Referenzen und Kontaktdaten. Prüfe Urheberangaben, Rechte, mobile Lesbarkeit und einen echten Kontaktweg.

Ein eigenes Anpassungsbriefing

Dieses fiktive Briefing stammt von Neruve und ist unabhängig von bezahlten Prompts. Der englische Text bleibt zur Reproduzierbarkeit erhalten.

Mira Chen is a fictional independent product designer.
Create a warm-neutral portfolio with three clearly labelled fictional projects.
For each project explain the role, constraint and illustrative outcome.
The primary link is “View selected work” and targets #projects.
Do not invent awards, employer logos, real contact addresses or business metrics.
Use semantic HTML, one clear h1, readable contrast and visible keyboard focus.
Support a 390 px mobile view without horizontal overflow and reduced motion.

Was du am Ergebnis prüfen solltest

Prüfe 390-px-Mobilansicht und Desktop: klare Hauptüberschrift, lesbaren Text, funktionierende Links, sichtbaren Tastaturfokus und keinen horizontalen Überlauf. Ersetze Demo-Aussagen durch belegte Fakten.

Von der Referenz zur eigenen Website

  1. Sieh dir das Design ohne Anmeldung an. Prüfe die verfügbaren Quelldateien und den zugehörigen Prompt, bevor du einen Tarif wählst.
  2. Bewahre den Original-Prompt und ergänze Zielgruppe, echte Inhalte, Marke und Verhalten in einem separaten Briefing.
  3. Prüfe vor der Veröffentlichung Desktop, Mobilgeräte, Links, Tastatur, Aussagen und reduzierte Bewegung.

Eine Referenz ist ein Ausgangspunkt. Ergebnisse variieren nach Modell, Tool und Version; Dateien und Zugang richten sich nach Artikel und Tarif.