DEINE ARBEITEN. DEINE WEBSITE. EIN LINK ZUM ANGEBOT.

Mach aus deinen Arbeiten ein Online-Portfolio. Sende Kunden statt einer PDF-Datei einen Link zu deinen Arbeiten.

Du hast bereits Bilder und Projekte. Zeige sie auf deiner eigenen Website: Wähle eine Vorlage, gib der KI ihre Dateien und ergänze deine Arbeiten, deinen Beitrag und Kontakt. OneDollarStock liefert bearbeitbares HTML und eine Anleitung zur Arbeit mit der Vorlage.

Meine Portfolio-Vorlage wählen Zugang zur PRO-Bibliothek ansehen

Claude Code · Codex · Cursor · Gemini CLI

Editorial Portfolio → Studio Luma

AI ChatZusammenfassung einer Beispielanweisung

Arbeite mit index.html und RECREATE.md von Editorial Portfolio. Ändere Marke im Header und Hero-Inhalte zum fiktiven Studio Luma. Überschrift: „Studio Luma. Markenidentitäten und Websites.” Label: „Studio Luma / Beispiel-Portfolio”. Kontakt führt zu #contact, Arbeiten zu #work. Behalte Layout, Farben, Schriften, Bilder und untere Ari-Park-Abschnitte auf Englisch. Speichere die Datei und zeige die Vorschau.

index.html · RECREATE.md

Die vorbereitete Vorschau zeigt Studio Luma im Header und neue Portfolio-Texte im Hero. Layout, Porträt, Farben und Schriften bleiben. Die unteren Abschnitte enthalten weiterhin den ursprünglichen englischen Ari-Park-Inhalt.

Vorbereitetes Gesprächsbeispiel. Die Schaltfläche kopiert die vollständige Anweisung zur Dateibearbeitung. Keine Live-Verbindung zur KI.

Vollständiger Auftrag zum Kopieren

Arbeite mit index.html, RECREATE.md und den Materialien von Editorial Portfolio. Passe nur Header und Hero für das fiktive Studio Luma an. Setze lang="de" und den Dokumenttitel auf „Studio Luma — Prepared Portfolio Example”. Ändere den Text des Links .brand zu „Studio Luma”, behalte ™ und href="#top" und setze aria-label auf „Studio Luma”. Setze .hero-meta auf genau „Studio Luma / Beispiel-Portfolio”. Überschrift #hero-title: „Studio Luma. Markenidentitäten und Websites.”. Beschreibung .hero-extra: „Ein fiktives Studio-Konzept. Die Beispielprojekte zeigen ein Portfolio-Layout, das du mit deinen eigenen Arbeiten füllen kannst.”. Setze in .hero-bottom.social das Label „Portfolio / Kontakt”, den ersten Link „Kontakt zum Studio” zu #contact und den zweiten „Ausgewählte Arbeiten ansehen” zu #work. Behalte die bestehenden Ankerziele. Behalte das ursprüngliche Hero-Layout, die zwei unteren .hero-band-Panels, Farben, Schriften, Porträt, Bilder, Navigation und alle unteren Abschnitte von Ari Park auf Englisch. Dies ist ein vorbereitetes fiktives Beispiel ohne echte Aufträge oder Kundenstimmen. Speichere index.html und zeige die Vorschau.

Editorial Portfolio und ein vorbereiteter Einstieg für das fiktive Studio Luma. Geändert wurden Name im Header und Hero-Inhalte; Layout, Bilder, Farben und Schriften bleiben. Die unteren Texte und Ari Parks Beispielprojekte stehen weiterhin auf Englisch. Dies zeigt eine Bearbeitung des Einstiegs, kein vollständiges Portfolio eines neuen Studios.

Projektdateien

Entpacke die ZIP-Datei und gib deiner KI HTML, Anleitung und mitgelieferte Materialien. Ergänze deine eigenen Arbeiten in den Projektdateien.

index.htmlRECREATE.mdassets/

01 / DEINE ARBEITEN AUF DEINER EIGENEN WEBSITE

Zeige Projektbilder und Beschreibungen zusammen unter einer Adresse.

Wähle ein Layout für Arbeiten, die du bereits hast. Wer dein Angebot liest, kann ausgewählte Projekte ansehen, deinen Beitrag verstehen und deinen Kontakt finden. Die öffentliche Adresse entsteht nach der gesonderten Bereitstellung der Website.

Zeige Arbeiten, die zu deinem Angebot passen.

Bereite Bilder oder Mockups ausgewählter Projekte vor. Beginne mit Arbeiten, die die angebotene Leistung zeigen.

Erkläre deinen Beitrag zu jedem Projekt.

Ergänze Name, deinen Arbeitsumfang und eine kurze Beschreibung. Kennzeichne Konzeptprojekte als Konzepte.

Gib dem Leser einen Link und eine Kontaktmöglichkeit.

Prüfe nach der Veröffentlichung die Website auf dem Smartphone sowie Kontaktdaten und Links. Ergänze die Adresse in deinem Angebot, damit der Leser von deinen Arbeiten zum Gespräch gelangen kann.

Die gezeigten Projekte enthalten bearbeitbares HTML und eine RECREATE.md-Anleitung. Den genauen Paketinhalt findest du auf der Vorlagenseite.

02 / DIE GEWÜNSCHTEN ARBEITEN HERVORHEBEN

Dein Kunde sieht dein Portfolio online.

Wenn deine Inhalte auf der Seite stehen, bitte um eine konkrete Änderung ihrer Darstellung. Hebe ein Projekt mit Bild, Arbeitsumfang und deinem Beitrag hervor. Vergleiche die Vorschauen vor der nächsten Bearbeitung.

Studio Luma

AI ChatBeispielanweisung

Arbeite mit der gespeicherten index.html von Studio Luma. Ersetze die zwei .hero-band-Panels durch eine ausgewählte Arbeit: mitgeliefertes form-study.webp, „Forma”, „Visuelle Identität” und „Beispielprojekt. Platz für den Umfang, deine Rolle und Material aus der Arbeit.”. Label: „Ausgewählte Arbeit / Beispiel”. Link „Ausgewählte Arbeiten ansehen” zu #work. Zwei Spalten auf großen Bildschirmen, eine auf Smartphones. Behalte übrige Inhalte, Layout, Farben, Schriften und Bilder. Speichere und zeige die Vorschau.

Das ausgewählte Forma-Beispiel hat jetzt ein eigenes Panel mit Bild, Kategorie und Platz für deinen Beitrag. Studio-Luma-Überschrift, Porträt und die übrige Seite bleiben. Der Link führt zum bestehenden Abschnitt #work.

Zwei vorbereitete Versionen desselben fiktiven Studio Luma. Die zweite ersetzt nur die zwei Hero-Textpanels durch ein Bild und Kontext zum Forma-Beispiel. Überschrift, Studiobeschreibung, Porträt, Farben, Schriften und untere englische Ari-Park-Inhalte bleiben. Forma nutzt ein Vorlagenmaterial; es ist kein echter Kundenauftrag.

03 / EIN PLATZ FÜR DEINE ARBEITEN

Finde eine Vorlage für dein Projekt, Portfolio oder Studio.

Öffne die vollständigen Vorschauen und prüfe den Platz für deine Bilder, Projektbeschreibungen und Leistungen. Wähle das Layout, das der Website für dein Angebot am nächsten kommt.

Editorial Portfolio / Arbeiten und dein Beitrag

Ein Portfolio mit großem Porträt und einem Raster aus neun Projektstudien. Prüfe den Platz für deine Bilder, Projektnamen und Arbeitsbereiche.

Vollständige Portfolio-Vorlage ansehen

Monoform / deine eigene Studiomarke

Ein Studio-Design in Papier- und Koralltönen mit großer asymmetrischer Typografie und Projektbildern. Sieh es dir an, wenn du deine Marke zusammen mit Arbeiten zeigen möchtest.

Vollständige Portfolio-Vorlage ansehen

Arcilla Archive / ein Projektarchiv

Ein dunkles Architekturportfolio mit Zeitleiste und Bildern. Prüfe dieses Layout, wenn du deine eigenen Arbeiten als Archiv ordnen möchtest.

Vollständige Portfolio-Vorlage ansehen

04 / VON DEINEN MATERIALIEN ZUM LINK IM ANGEBOT

Erstelle eine Präsentation deiner Arbeiten mit eigenen Inhalten.

Ergänze Projekte, die du zeigen darfst, und erkläre deinen Beitrag. Die Vorlage liefert das Layout; du bringst die Arbeiten mit, entscheidest über ihre Darstellung und prüfst die fertige Seite.

Ein Layout für deine Arbeiten wählen.

Öffne die vollständige Vorschau. Prüfe den Platz für Bilder, Projektbeschreibungen und Informationen über dich oder dein Studio.

Eigene Projekte und Marke ergänzen.

Gib deiner KI die Vorlagendateien. Lass Name, Bilder und Beschreibungen durch deine Inhalte ersetzen.

Prüfen, veröffentlichen und verlinken.

Prüfe Vorschau und Kontakt. Stelle die Website auf deinem gewählten Hosting bereit und ergänze dann ihre Adresse in deinem Angebot.

Design und Anleitung im Paket

Bilder oder Mockups deiner Arbeiten mit Erklärung deines Beitrags und Arbeitsumfangs.
Ausgewählte Projekte, Informationen über dich oder dein Studio und Kontakt in einem Layout.
Nach gesonderter Veröffentlichung: eine Portfolio-Adresse als Ergänzung zu deinem Angebot.

Was du noch vorbereiten musst

Wähle ein Werkzeug, das Dateien liest, bearbeitet und speichert, etwa Claude Code, Codex, Cursor oder Gemini CLI. Du wählst und bezahlst deine KI separat.
Ersetze Beispielprojekte, Kundenstimmen und Kontakt durch eigene Angaben. Prüfe Bildrechte, Vorschau und Links auf dem Smartphone.
Hosting, Domain und Veröffentlichung richtest du separat ein. Ein funktionierendes Formular benötigt einen angeschlossenen Nachrichtendienst.

Probiere eine eigene Bearbeitung mit kostenlosem Formwell.

Lade das Projekt herunter und lass deine KI den Namen und eine Projektbeschreibung ändern. Öffne die Vorschau und sieh deine Inhalte in einem vorbereiteten Portfolio.

Formwell kostenlos herunterladen

DIE TEMPLATE-BIBLIOTHEK

Wähle ein Design, das deine Arbeiten zeigt.

Entdecke Vorlagen für Portfolios und Studio-Websites. Wähle ein Layout für deine Projekte und passe Marke, Beschreibungen und Bilder mit deiner KI an.

Den gesamten Katalog ansehen

82 Website-Templates

Soma Vale – Website Template for AI Agents

Soma Vale Template ansehen

Cirra Flow – Website Template for AI Agents

Cirra Flow Template ansehen

Tandemly – Website Template for AI Agents

Tandemly Template ansehen

Stillform Studio – Website Template for AI Agents

Stillform Studio Template ansehen

Morrow Studio – Website Template for AI Agents

Morrow Studio Template ansehen

Serein Template ansehen

Kintara Workflow Template – Website Template for AI Agents

Kintara Workflow Template Template ansehen

Morrow Care – Website Template for AI Agents

Morrow Care Template ansehen

Aster People Studio – Website Template for AI Agents

Aster People Studio Template ansehen

Morrow Field – Website Template for AI Agents

Morrow Field Template ansehen

Numae Practice – Website Template for AI Agents

Numae Practice Template ansehen

Rallymere – Website Template for AI Agents

Rallymere Template ansehen

WÄHLE DEINEN ZUGANG

Nimm eine Vorlage. Oder die ganze Bibliothek mit Website-Vorlagen, Fotos, Mockups, Presets und mehr — in einem PRO-Plan.

Du hast dein Layout gewählt? Nimm eine einzelne Portfolio-Vorlage. Du möchtest verschiedene Designs und kreative Materialien nutzen? Wähle PRO.

Ein einzelnes Template

Dein gewähltes Portfolio-Design und Dateien, um eigene Arbeiten zu zeigen.

€32,32 EUR/ Template

Dein gewähltes Website-Design
Quelldateien und KI-Anweisungen
Einmal zahlen

Meine Portfolio-Vorlage wählen

PRO Yearly

Die gesamte PRO-Bibliothek: Nutze Designs und kreative Materialien während deines aktiven Abonnements.

€167,18 EUR/ Jahr

Die gesamte Website-Template-Bibliothek
Fotos, Mockups, Presets, LUTs und Texturen
Ein Jahr Zugang zur PRO-Bibliothek
Automatische Verlängerung jedes Jahr. Jederzeit kündbar.

Spezielles Lifetime-Angebot

PRO Lifetime

Dauerhafter Zugang zur PRO-Bibliothek mit einer Zahlung für weitere Designs und kreative Materialien.

Vorheriger Preis~~€667,67 EUR~~

€221,81 EUR/ einmalig

Die gesamte Website-Template-Bibliothek
Fotos, Mockups, Presets, LUTs und Texturen
Lifetime-Zugang zur PRO-Bibliothek
Einmal zahlen. Keine jährliche Verlängerung.

Preise für Commercial Use. Preise und Steuern werden im Checkout bestätigt. KI-Tool, Domain und Hosting sind separat.

05 / BEVOR DU DEIN PORTFOLIO BEGINNST

Prüfe, was du mitbringst und was das Paket enthält.

Kann ich meine eigenen Bilder, Projekte und Arbeiten zeigen?

Ja. Die gezeigten Vorlagen haben bearbeitbares HTML. Gib deiner KI die Dateien, ergänze Materialien mit passenden Nutzungsrechten und lass Beispielprojekte durch eigene ersetzen. Nenne Projektname, deinen Beitrag und Arbeitsumfang. Kennzeichne Konzepte als Konzepte. Prüfe nach jeder Bearbeitung Datei und Vorschau.

Was sollte ich vor dem Start vorbereiten?

Bereite Name oder Marke, ausgewählte Bilder oder Mockups, kurze Beschreibungen deiner Arbeiten und Kontakt vor. Wähle ein Werkzeug, das mit Dateien arbeitet, etwa Claude Code, Codex, Cursor oder Gemini CLI. Entpacke das Paket und stelle HTML, RECREATE.md und Materialien bereit. Du wählst und bezahlst deine KI separat.

Zeigen die Beispiele ein echtes Kundenportfolio?

Nein. Die Vergleiche auf dieser Seite sind vorbereitete Bearbeitungen für ein fiktives Studio. Beispielprojekte sind als Konzepte gekennzeichnet. Sie zeigen einen Umfang von HTML-Änderungen, ohne Kundenstimmen, Geschäftsergebnisse oder Live-Verbindung zur KI. Ersetze Beispielinhalte auf deiner Website durch eigene Arbeiten und Angaben.

Erhalte ich nach dem Kauf einen fertigen öffentlichen Link?

Du erhältst die Dateien deines gewählten Projekts, darunter HTML, RECREATE.md und die auf der Produktseite aufgeführten Materialien. Hosting, Domain und Veröffentlichung richtest du separat ein. Prüfe nach der Bereitstellung Adresse, Smartphone-Ansicht und Kontakt und ergänze dann den Link in deinem Angebot. Ohne angeschlossenen Dienst empfängt ein Formular keine Nachrichten.

Kann ich später Arbeiten ergänzen oder ein anderes Projekt hervorheben?

Du kannst deine KI Dateien bearbeiten lassen: eigene Arbeiten ergänzen, eine Beschreibung ändern oder die Darstellung eines Projekts anpassen. Sage genau, was sich ändern und was bleiben soll. Prüfe die gespeicherte Version und Vorschau; das Ergebnis hängt von Inhalten, Anweisung und Werkzeug ab. Veröffentliche die aktualisierte Website erneut.