Das bekommst du
- Eine Offline-HTML-Seite mit Start, Leistungen, Preisen, Paketseiten, Arbeiten, Fallstudien, Über mich, Prozess, Kontakt, AGB und 404
- Ein Paketraster mit einem hervorgehobenen Paket, Vergleichstabelle und optionaler Quartalsabrechnung
- Fallstudien mit Telefon- und Browserbildschirmen, in HTML gebaut, nicht als Screenshots
- Ein Validator für Routen, Datenintegrität, Barrierefreiheit und übrig gebliebene Beispieltexte
- Optional Porträt-Freisteller und Projektbilder mit PopNow, nach Preisangebot
Gut für
- Freelance-UI-, UX-, Marken- und Webdesigner:innen
- Solo-Entwickler:innen, Illustrator:innen und Fotograf:innen, die Pakete verkaufen
- Berater:innen und Coaches mit festen Leistungsumfängen
Nicht für
- Agenturen mit Team und vielen Leistungsbereichen
- Onlineshops für physische Produkte
- Ruhige, bildgetriebene Portfolios
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Website für Freelance-Designer:innen“ (freelance-designer-website) dafür: Bau meine Seite. Ich bin Dana Oyelowo, Produktdesignerin in Leeds. Pakete: Audit 1.200 GBP (1 Woche), Sprint 4.800 GBP (3 Wochen), Retainer 3.500 GBP/Monat. Die Projekte stehen in notes/projects.md.
In einem Coding-Agent
/popnow-freelance-designer-website Bau meine Seite. Ich bin Dana Oyelowo, Produktdesignerin in Leeds. Pakete: Audit 1.200 GBP (1 Woche), Sprint 4.800 GBP (3 Wochen), Retainer 3.500 GBP/Monat. Die Projekte stehen in notes/projects.md.
Dann probier
Zeig mir den Preis fürs Freistellen von photos/me.jpg für den Hero.
Zwei Projekte haben keine Fotos. Bitte ein Angebot für Identitätsbilder in derselben Serie.
Das solltest du bereithalten
- Deine Leistungen und zwei bis vier Pakete mit echten Preisen und Laufzeiten
- Zwei oder mehr Projekte mit Problem, Entscheidungen und Ergebnis
- Ein halbes Porträtfoto von dir vor neutralem Hintergrund und Fotos deiner Arbeiten
- Optional: ein PopNow-API-Schlüssel
Ähnliche Skills
Alle ansehen →- Web
3D-Avatar-Maker
+25Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
- Web
Kalender-Heatmap
+25Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
- Web
KI-SaaS-Landingpage
+25Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
- Web
Animierte Hero-Section
+25Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
- Web
Getränkemarken-Website-Vorlage
+25Sonnige Website für Getränke- oder Snackmarken: Shop, Kistenkonfigurator, Händlerkarte und Demo-Kasse in einer Datei.
- Web
Shader-Hero-Website für Agenturen
+25Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
- Web
Dunkle SaaS-Landingpage
+25Eine dunkle, bewegungsreiche Marketingseite für ein Softwareprodukt, geliefert als eine eigenständige HTML-Datei.
- Web
Designer-Portfolio-Website
+25Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
- Web
Entwickler-Portfolio-Website
+25Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
- Web
Redaktionelle SaaS-Website
+25Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
- Web
Glassmorphism-Website-Vorlage
+25Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
- Web
Website für Hardware-Produkte
+25Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
- Web
Interaktives Architekturdiagramm
+25Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
- Web
Interaktiver Raster-Hero
+25Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
- Web
Knowledge-Graph-Explorer
+25Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
- Web
KPI-Dashboard-Vorlage
+25Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
- Web
Landingpage aus KI-Mockups
+25Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
- Web
Magazin-Website-Vorlage
+25Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
- Web
Partikel-Animations-Hero
+25Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
- Web
Persönliche Marken-Website
+25Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
- Web
Tierbedarf-Shop-Website-Vorlage
+25Ein funktionierender Tierbedarf-Shop mit Katalog, Varianten, Tasche, Nachfüll-Planer und Demo-Kasse in einer HTML-Datei.
- Web
Podcast-Website-Vorlage
+25Eine Podcast-Seite mit abspielbarem Hero, Folgenarchiv, Gastseiten und einem Player, der beim Blättern weiterläuft.
WebHandgezeichneter Preisbereich
+25Eine Preistabelle im Notizbuchstil mit schrägen Tintenkarten, Jahresumschalter und Dunkelmodus, in einer Offline-Datei.
- Web
Kinoreife Produkt-Launch-Seite
+25Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
- Web
Website für Forschungsarbeiten
+25Projektseite zu deinem Paper mit interaktiver Abbildung 1, Ergebnissen, Grenzen und Zitat mit einem Klick.
- Web
Admin-Dashboard-Vorlage
+25Eine funktionierende Backoffice-Konsole mit Diagrammen, Tabellen, Kanban und Kalender, als eine Offline-HTML-Datei.
- Web
SaaS-Landingpage-Vorlage
+25Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
- Web
Portfolio-Website im Scrapbook-Stil
+25Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
- Web
Sneaker-Shop-Website-Vorlage
+25Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
- Web
Website für Sportvereine
+25Eine Seite für Verein, Fitnessstudio oder Studio mit Stundenplan, Trainerseiten, Mitgliedschaften, Platzplan und Buchung in einer Datei.
- Web
Kundenstimmen-Wand
+25Eine Wand aus Kundenzitaten als Masonry-Raster oder langsam driftende Spalten, in der nur Zitate stehen, denen Menschen zugestimmt haben.
- Web
Website für Reisebüros
+25Eine bildstarke Seite für Touren, Guides oder Lodges mit Reisesuche, Buchungsanfragen und einem Reise-Finder-Quiz.
- Web
Landingpage für Workflow-Automatisierung
+25Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
Fragen
Wie funktioniert das Hero-Porträt mit meinem eigenen Foto?
Schick ein halbes Porträt vor neutralem Hintergrund. PopNows Hintergrundentferner schneidet es transparent frei, und ein SVG-Filter auf der Seite färbt es im hellen Modus blass blau und im Dunkelmodus passend. So passt jedes Foto zum Design.
Kann ich Pakete ohne Checkout verkaufen?
Ja. Jedes Paket hat eine eigene Seite mit Zeitplan, Lieferumfang, Passung und FAQ, und sein Button führt zum Anfrageformular mit vorausgewähltem Paket. Verbinde das Formular mit deinem Postfach oder einem Formulardienst, wenn du live gehst.
Meine Projekte haben keine guten Fotos. Was dann?
PopNow kann pro Projekt eine Material- oder Platzstudie in einer einheitlichen Serie erstellen, vor dem Lauf beziffert. Das sind klar als Stimmungsbilder erkennbare Motive, nie Fotos gelieferter Arbeiten. Fallstudien-Bildschirme werden in HTML gebaut.
Funktioniert es für Illustrator:innen oder Berater:innen?
Ja. Arbeiten werden zu einem Portfolio aus reinen Bildprojekten für visuelle Arbeiten. Bei Berater:innen werden Leistungen zu Angeboten und Pläne zu Paketen, und Fallstudien erzählen Problem, Vorgehen und Ergebnis.
Ist das ein Portfolio für freie Grafikdesigner oder eine Verkaufsseite?
Beides. Die Fallstudien zeigen dein Portfolio für freies Grafikdesign, während die Paketseiten und das Anfrageformular Besucher in bezahlte Projekte verwandeln. Es passt auch als Portfolio für freie Webdesigner: Tausch die Arbeitsbeispiele und behalte die Pakete.

