Co dostajesz
- Jedna strona HTML offline z główną, usługami, cennikiem, podstronami planów, pracami, case studies, o mnie, procesem, kontaktem, regulaminem i 404
- Siatka planów z jednym wyróżnionym pakietem, tabelą porównawczą i opcjonalną płatnością kwartalną
- Case studies z ekranami telefonu i przeglądarki zbudowanymi w HTML, a nie ze zrzutów
- Walidator ścieżek, spójności danych, dostępności i pozostałych przykładowych nazw
- Opcjonalnie: wycinany portret i obrazy projektów z PopNow po wycenie
Sprawdzi się przy
- Freelance'owych projektantów UI, UX, marki i stron
- Samodzielnych programistów, ilustratorów i fotografów sprzedających pakiety
- Konsultantów i coachów z ofertą o stałym zakresie
Nie nadaje się do
- Agencje z zespołem i wieloma liniami usług
- Sklepy internetowe z fizycznymi produktami
- Ciche portfolio oparte głównie na obrazach
Jak z niej korzystać
W Claude lub ChatGPT
Użyj umiejętności PopNow „Strona freelance'owego projektanta” (freelance-designer-website) do tego: Zbuduj moją stronę. Jestem Dana Oyelowo, projektantka produktu z Leeds. Pakiety: Audit 1 200 GBP (1 tydzień), Sprint 4 800 GBP (3 tygodnie), Retainer 3 500 GBP/miesiąc. Projekty są w notes/projects.md.
W agencie do programowania
/popnow-freelance-designer-website Zbuduj moją stronę. Jestem Dana Oyelowo, projektantka produktu z Leeds. Pakiety: Audit 1 200 GBP (1 tydzień), Sprint 4 800 GBP (3 tygodnie), Retainer 3 500 GBP/miesiąc. Projekty są w notes/projects.md.
Potem spróbuj
Wytnij mój portret z photos/me.jpg do sekcji głównej. Najpierw wycena.
Dwa projekty nie mają zdjęć. Wycena obrazów identyfikacji w tej samej serii dla nich.
Co przygotować
- Twoje usługi i dwa do czterech pakietów z prawdziwymi cenami i terminami
- Dwa lub więcej projektów z problemem, decyzjami i wynikiem
- Zdjęcie własne do pasa na jednolitym tle i zdjęcia twoich prac
- Opcjonalnie: klucz API PopNow
Podobne umiejętności
Zobacz wszystkie →- Strony
Kreator awatarów 3D
+25Zbuduj w przeglądarce uroczą pluszową postać 3D i zapisz ją jako przezroczysty PNG albo stronę 3D.
- Strony
Heatmapa kalendarzowa
+25Rok codziennej aktywności jako cieniowana siatka kalendarza, z seriami, sumami i obsługą klawiatury.
- Strony
Strona lądowania SaaS AI
+25Ciepły piaszczysty papier i żywa tablica kanban, na której asystent planuje zadania i przesuwa karty.
- Strony
Animowana sekcja hero
+25Sekcja hero dla landing page z płynnie zmieniającym się słowem w nagłówku, dwoma przyciskami i szeroką ramką na obraz.
- Strony
Szablon strony marki napojów
+25Słoneczna strona marki napojów lub przekąsek ze sklepem, kreatorem zestawu, mapą sprzedawców i demo płatnością w jednym pliku.
- Strony
Strona agencji kreatywnej z shaderem
+25Żywy pomarańczowy shader w hero, przyklejone hasło, zaokrąglone menu i siatka case studies.
- Strony
Ciemny landing page SaaS
+25Ciemna strona marketingowa produktu software z bogatą animacją, dostarczana jako jeden samodzielny plik HTML.
- Strony
Strona portfolio projektanta
+25Sześć przechylonych kart wokół blednącego nagłówka, jedna czerwona karta portretu, redakcyjne case studies.
- Strony
Strona portfolio programisty
+25Ciemna strona osobista dla inżynierów z case studies, artykułami, wystąpieniami, CV i formularzem kontaktowym.
- Strony
Redakcyjna strona SaaS
+25Granatowe dzielone hero, szeryfowy nagłówek obok zdjęcia dokumentalnego, skośne pasma i kobaltowy akcent.
- Strony
Szablon strony glassmorphism
+25Matowe szklane pigułki na prawie czarnym tle, ogromny szeryfowy nagłówek i zapis e-mail.
- Strony
Strona produktu sprzętowego
+25Ogromne cienkie nazwy modeli na srebrnych zdjęciach, matowe karty specyfikacji i linia produktów w skali.
- Strony
Interaktywny diagram architektury
+25Klikalny diagram systemu offline, zbudowany ze sprawdzonego modelu JSON, z dowodami do każdego bloku.
- Strony
Interaktywne hero z siatką
+25Ciemna siatka cienkich nici, która zagina się ku kursorowi i puszcza świecący pierścień z każdego kliknięcia.
- Strony
Interaktywny graf wiedzy
+25Zamień notatki z projektu w przeszukiwalny graf offline, w którym każde twierdzenie prowadzi do wiersza źródła.
- Strony
Szablon pulpitu KPI
+25Cztery kafle KPI ze znacznikami zmian nad wykresem liniowym, tabelą podziału i słupkami celów.
- Strony
Strona lądowania z makiet AI
+25Najpierw zobacz trzy projekty pełnej strony, wybierz jeden, a agent zbuduje go jako czysty kod.
- Strony
Szablon strony magazynu
+25Strona magazynu w jakości druku z artykułami, tematami, małym sklepem i prenumeratą, jako jeden plik HTML.
- Strony
Hero z animacją cząsteczek
+25Tekst na ciepłym papierze obok obracającej się kuli z kropek, która zmienia kształt przy każdym pomyśle.
- Strony
Strona marki osobistej
+25Portret wtopiony w ciepły papier pod cienkim nawiasem, z mocnymi hasłami po obu stronach.
- Strony
Szablon strony sklepu zoologicznego
+25Działający sklep z artykułami dla zwierząt: katalog, warianty, koszyk, planer dostaw i demo płatność w jednym pliku HTML.
- Strony
Szablon strony podcastu
+25Strona podcastu z odtwarzalną sekcją główną, archiwum odcinków, podstronami gości i odtwarzaczem, który gra dalej.
StronySekcja cennika odręcznego
+25Tabela cen w stylu notatnika: pochylone karty z tuszu, przełącznik rocznie i ciemny motyw, w jednym pliku offline.
- Strony
Filmowa strona premiery produktu
+25Prawie czarna strona w świetle filmowym: szeryfowa karta tytułowa, nocna scena i formularz rezerwacji.
- Strony
Strona publikacji naukowej
+25Strona projektu do twojej pracy z interaktywnym rysunkiem 1, wynikami, ograniczeniami i cytowaniem jednym kliknięciem.
- Strony
Szablon panelu administracyjnego
+25Działająca konsola zaplecza z wykresami, tabelami, tablicą kanban i kalendarzem, jako jeden plik HTML offline.
- Strony
Szablon landing page SaaS
+25Spokojna, jasna strona marketingowa produktu software z działającą konsolą produktu, cennikiem i rejestracją.
- Strony
Strona CV i portfolio w stylu scrapbooka
+25Wielostronicowe CV online z papierowych przedmiotów, z case studies i życiorysem do druku.
- Strony
Szablon sklepu ze sneakersami
+25Kompletny sklep z obuwiem lub odzieżą: katalog, strony produktów, koszyk i demonstracyjna kasa w jednym pliku HTML.
- Strony
Szablon strony klubu sportowego
+25Strona klubu, siłowni albo studia z harmonogramem, podstronami trenerów, członkostwami, planem kortów i rezerwacją w jednym pliku.
- Strony
Sekcja ściany opinii
+25Murowana albo powoli dryfująca ściana cytatów klientów, która pokazuje tylko cytaty, na które ludzie wyrazili zgodę.
- Strony
Szablon strony biura podróży
+25Strona oparta na zdjęciach dla wycieczek, przewodników i pensjonatów: wyszukiwarka wyjazdów, zapytania o rezerwację i quiz doboru wyjazdu.
- Strony
Strona lądowania automatyzacji przepływów
+25Grafitowa strona, mały nagłówek i żywy graf węzłów, który działa, ponawia i strumieniuje logi.
Pytania
Jak działa portret w sekcji głównej z moim zdjęciem?
Wyślij zdjęcie do pasa na jednolitym tle. Narzędzie do usuwania tła PopNow wycina je do przezroczystego obrazu, a filtr SVG na stronie barwi je na jasnoniebieski w trybie jasnym i dobrze wygląda w trybie ciemnym, więc każde zdjęcie pasuje do projektu.
Czy mogę sprzedawać pakiety bez koszyka?
Tak. Każdy pakiet ma własną podstronę z harmonogramem, zakresem, dopasowaniem i FAQ, a jego przycisk prowadzi do formularza briefu z wybranym pakietem. Po uruchomieniu strony podłącz formularz do swojej skrzynki albo usługi formularzy.
Moje projekty nie mają dobrych zdjęć. Co wtedy?
PopNow może wygenerować jedno studium materiału lub miejsca dla każdego projektu w jednej spójnej serii, wycenione przed uruchomieniem. To wyraźnie obrazy nastroju, nigdy nie przedstawiane jako zdjęcia zrealizowanej pracy; ekrany case studies są budowane w HTML.
Czy działa dla ilustratorów albo konsultantów?
Tak. Prace stają się portfolio projektów opartych na obrazach dla pracy wizualnej, a dla konsultantów usługi stają się ofertami, a plany pakietami, z podstronami case opowiedzianymi jako problem, podejście i wynik.
Czy to portfolio grafika freelancera czy strona sprzedażowa?
Jedno i drugie. Case studies pokazują twoje portfolio grafiki freelancera, a podstrony pakietów i formularz briefu zamieniają odwiedzających w płatne projekty. Pasuje też jako portfolio strony dla freelance'owego projektanta stron: podmień próbki prac, a pakiety zostaw.