Przejdź do treści

Szablony stron portfolio

Szablony portfolio. Zmień swoje realizacje w stronę, którą wyślesz potencjalnym klientom.

Pokaż, co stworzyłeś, jaki był Twój wkład i dlaczego to ważne. Wybierz układ z miejscem na obrazy i kontekst Twoich prac.

Projekty demonstracyjne · zastąp fikcyjne treści własnymi.

AI ChatPrzykładowy proces
Twoje prace
Ty

Pomóż pokazać mój rzeczywisty udział w tych projektach portfolio.

AI · przykładowa odpowiedź

Prześlij brief, swój udział i obrazy gotowej pracy. Mogę zamienić notatki w krótki opis projektu obok realizacji. Wyniki dodam tylko z Twoich informacji.

Dodaj rzeczywistą realizację

  1. Projekt i brief

    Podaj klienta lub nazwę projektu oraz problem, który miałeś rozwiązać.

  2. Twój udział

    Wyjaśnij, co dostarczyłeś, i dodaj obrazy lub ekrany pokazujące tę pracę.

  3. Rezultat

    Pokaż gotową pracę. Dodaj efekt biznesowy, jeśli masz jego potwierdzenie; w innym przypadku opisz dostarczony projekt.

Potem: przeczytaj opis projektu obok swoich obrazów.
Przykładowa rozmowa, bez sesji AI na żywo.

01 / Twoje prace

Co muszą wyjaśniać Twoje prace?

Każdy projekt powinien pokazać gotową pracę i krótko wyjaśnić Twój udział. Dodaj nazwę klienta lub projektu, swoją rolę i kilka obrazów rezultatu. Potencjalny klient zobaczy wtedy, czy Twoje doświadczenie pasuje do jego zlecenia.

Prace oparte na obrazie

Daj pracom miejsce, a następnie jasno wskaż autorstwo i współpracowników.

Prace cyfrowe i mieszane

Pokaż potrzebne ekrany, ograniczenia i wkład zamiast samego mockupu.

AI ChatPrzykładowy proces
Historia projektu
Ty

Zamień notatki i obrazy mojej realizacji w krótki opis portfolio.

AI · przykładowa odpowiedź

Prześlij brief, swój udział i obrazy gotowej pracy. Mogę zamienić notatki w krótki opis projektu obok realizacji. Wyniki dodam tylko z Twoich informacji.

Dodaj rzeczywistą realizację

  1. Projekt i brief

    Podaj klienta lub nazwę projektu oraz problem, który miałeś rozwiązać.

  2. Twój udział

    Wyjaśnij, co dostarczyłeś, i dodaj obrazy lub ekrany pokazujące tę pracę.

  3. Rezultat

    Pokaż gotową pracę. Dodaj efekt biznesowy, jeśli masz jego potwierdzenie; w innym przypadku opisz dostarczony projekt.

Potem: przeczytaj opis projektu obok swoich obrazów.
Przykładowa rozmowa, bez sesji AI na żywo.

03 / Historia projektu

Czego odwiedzający powinien dowiedzieć się poza obrazem?

Wyjaśnij, dla kogo był projekt, jaki był brief i co wykonałeś. Możesz przekazać AI kilka notatek i poprosić o krótki opis realizacji. Dodaj wyniki liczbowe, jeśli je masz; same gotowe prace też pozwalają ocenić Twoje umiejętności.

  1. 01

    Projekt i brief

    Podaj klienta lub nazwę projektu oraz problem, który miałeś rozwiązać.

  2. 02

    Twój udział

    Wyjaśnij, co dostarczyłeś, i dodaj obrazy lub ekrany pokazujące tę pracę.

  3. 03

    Rezultat

    Pokaż gotową pracę. Dodaj efekt biznesowy, jeśli masz jego potwierdzenie; w innym przypadku opisz dostarczony projekt.

Zobacz pliki źródłowe i szczegóły techniczne

Co rzeczywiście zawiera opis Serein

02-primefolio/ script: projects.serein

Opis zawiera nazwę, dyscyplinę, wstęp, pytanie i kierunek. Nie dostarcza prawdziwego klienta, Twojej roli, zakresu, dowodów procesu ani zmierzonych wyników. Dodaj je, gdy masz dokumentację.

serein:{name:'Serein',type:'Brand identity / Packaging',intro:'An everyday ritual, given a quieter identity.',question:'How could an everyday care ritual feel considered without relying on ornate packaging or a loud visual language?',direction:'Warm paper, a compact wordmark and a controlled orange accent carry the idea across labels and stationery. The study explores a family of objects that belong together without making every surface identical.'}

Primefolio

Oryginalna strona źródłowa po angielsku z fikcyjną treścią. Otwórz całość i sprawdź kolejność oraz elementy sterowania.
Otwórz pełny podgląd ↗
AI ChatPrzykładowy proces
Dopasowanie obrazów
Ty

Pokaż w portfolio cały plakat, zamiast obcinać jego tytuł.

AI · przykładowa odpowiedź

Wskaż pliki i fragment, który ma pozostać widoczny. Mogę zmienić proporcje ramki oraz kadr i pokazać podglądy telefonu i komputera.

Dopasuj własne obrazy do układu

  1. Dodaj obrazy

    Umieść je w folderze projektu i wskaż AI właściwe pliki.

  2. Wskaż kadr

    Napisz, czy widoczny ma być cały obraz, czy konkretny detal.

  3. Zobacz dwa rozmiary

    Sprawdź ramki na telefonie i komputerze przed publikacją.

Potem: sprawdź widoczność ważnego fragmentu w obu układach.
Przykładowa rozmowa, bez sesji AI na żywo.

04 / Dopasowanie obrazów

Czy moje obrazy pasują do układu?

Możesz dopasować ramki do swoich prac. Przekaż AI oryginalne pliki i wskaż, co ma pozostać widoczne: cały plakat, tekst interfejsu lub detal produktu. Zleć zmianę kadru albo proporcji i sprawdź efekt na telefonie i komputerze.

Zaznaczone lokalnie na tym urządzeniu; nic nie jest wysyłane.

Offset: rzeczywisty test szerokiego i pionowego obrazu

Przygotowana kopia źródła: pierwsze dwa obrazy zastąpione lokalnymi SVG 3:1 i 1:3. Oryginalny CSS i ZIP klienta bez zmian.
Otwórz pełny podgląd ↗
Rzeczywisty stan przygotowanego testu Offset, desktopowy Chrome 1118×958. Czerwony znacznik i dolna etykieta pokazują obcięcie.
Rzeczywisty stan przygotowanego testu Offset, desktopowy Chrome 1118×958. Czerwony znacznik i dolna etykieta pokazują obcięcie.
AI ChatPrzykładowy proces
Zapytanie klienta
Ty

Dodaj formularz zapytania o projekt z briefem, terminem i adresem odpowiedzi.

AI · przykładowa odpowiedź

Wybierz e-mail, usługę odbierającą formularze lub link rezerwacji. Mogę podłączyć miejsce docelowe i pomóc sprawdzić testowe zgłoszenie. Komunikat w przeglądarce nie potwierdza odbioru.

Podłącz odbiór zapytań

  1. Wybierz odbiorcę

    Użyj adresu e-mail, usługi odbierającej formularze lub linku do rezerwacji.

  2. Zleć podłączenie AI

    Podaj miejsce docelowe i poproś o połączenie przycisku lub formularza. Prywatne dane dostępu ustawiaj w uprawnionym narzędziu, nie w publicznym HTML.

  3. Wyślij test

    Sprawdź odebraną wiadomość lub rezerwację w usłudze, a nie wyłącznie komunikat sukcesu na stronie.

Potem: sprawdź testową wiadomość lub rezerwację w swojej usłudze.
Przykładowa rozmowa, bez sesji AI na żywo.

05 / Zapytanie klienta

Co klient powinien wiedzieć przed kontaktem?

Powinien wiedzieć, jakie usługi oferujesz i co przesłać: opis projektu, orientacyjny termin oraz kontakt do siebie. Dodaj te wskazówki obok działającego e-maila lub formularza. Poproś AI o połączenie formularza z wybraną usługą odbierającą wiadomości.

Wybierz odbiorcę

Użyj adresu e-mail, usługi odbierającej formularze lub linku do rezerwacji.

Zleć podłączenie AI

Podaj miejsce docelowe i poproś o połączenie przycisku lub formularza. Prywatne dane dostępu ustawiaj w uprawnionym narzędziu, nie w publicznym HTML.

Wyślij test

Sprawdź odebraną wiadomość lub rezerwację w usłudze, a nie wyłącznie komunikat sukcesu na stronie.

AI ChatPrzykładowy proces
Aktualizacje
Ty

Dodaj nową realizację z obrazami i moją rolą do portfolio. Zachowaj styl.

AI · przykładowa odpowiedź

Prześlij brief, swój udział i obrazy gotowej pracy. Mogę zamienić notatki w krótki opis projektu obok realizacji. Wyniki dodam tylko z Twoich informacji.

Dodaj rzeczywistą realizację

  1. Projekt i brief

    Podaj klienta lub nazwę projektu oraz problem, który miałeś rozwiązać.

  2. Twój udział

    Wyjaśnij, co dostarczyłeś, i dodaj obrazy lub ekrany pokazujące tę pracę.

  3. Rezultat

    Pokaż gotową pracę. Dodaj efekt biznesowy, jeśli masz jego potwierdzenie; w innym przypadku opisz dostarczony projekt.

Potem: przeczytaj opis projektu obok swoich obrazów.
Przykładowa rozmowa, bez sesji AI na żywo.

06 / Aktualizacje

Czy mogę aktualizować portfolio z AI?

Tak. Dodaj do aktualnego folderu obrazy nowej realizacji i krótki opis. Poproś AI o kartę projektu oraz szczegóły w tym samym stylu. Sprawdź podgląd i opublikuj pliki ponownie. Portfolio może rosnąć po każdej skończonej realizacji.

Zobacz przygotowany przykład szablonu
Przykład edycji z AIFormwell
Ty

Zastąp przykładowe wprowadzenie i usługi zatwierdzonymi treściami mojego portfolio. Zachowaj układ.

AI · przykładowa odpowiedź

Przygotowany przykład Formwell aktualizuje teksty studia. Własne prace wymagają także obrazów, odwołań do szczegółów i sprawdzenia.

index.html · RECREATE.md
Formwell · przygotowany podgląd HTML
Otwórz pełny podgląd ↗

Przygotowana rozmowa i wersje projektu. Bez połączenia z AI na żywo.

07 / Wybór z kontekstem

Co sprawdzić przed wyborem?

Sprawdź miejsce na swoje obrazy, opisy projektów i kontakt dla klienta. Otwórz oryginalne podglądy oraz pliki poniżej. Jeśli każda realizacja ma mieć osobny adres, możesz zlecić AI dodanie podstron projektów do wybranego szablonu.

Czy mogę zachować przykładowe projekty?

Użyj układu, ale zastąp fikcyjne projekty pracami, które wykonałeś. Dodaj AI swoje obrazy i notatki. Może zaktualizować karty oraz opisy bez ponownego projektowania portfolio.

Czy szczegóły mają osobne adresy?

Nie, jeśli szablon używa lokalnych okien szczegółów. Do linków realizacji poproś AI o osobne strony HTML i połączenie kart z nimi. W podglądzie sprawdzisz obecny sposób prezentacji.

Czy hosting i domena są w cenie?

Nie. Użyj własnego hostingu i domeny. Zleć uprawnionemu agentowi AI wdrożenie folderu na Cloudflare lub Vercel albo poproś pomoc hostingu lub osobę IT o wgranie pełnego ZIP.

Formwell / Pliki strony + instrukcje projektu

Wypróbuj prawdziwy szablon przed wyborem.

Pobierz oryginalny projekt Formwell. Przekaż jego pliki i RECREATE.md odpowiedniemu narzędziu AI, poproś o małą zmianę i sprawdź wynik.

Darmowa próbka to Formwell. Oryginalny projekt i instrukcja są po angielsku. Ceny produktów pozostają bez zmian.

Pobierz ZIP Formwell Pobierz RECREATE.md ↗

Wybierz portfolio pasujące do prac, które możesz pokazać.

Nadaj projektom strukturę, a następnie dodaj własne obrazy i historię.

Wybierz mój szablon portfolio

WYBIERZ SWÓJ DOSTĘP

Jeden szablon. Albo biblioteka na kolejne pomysły.

Wybierz dostęp pasujący do projektów, które planujesz.

Pojedynczy szablon

Do strony, którą tworzysz teraz.

138,97 PLN/ szablon

  • Wybrany projekt strony
  • Pliki źródłowe i instrukcje dla AI
  • Jednorazowa płatność
Wybierz mój szablon

PRO Yearly

Do projektów, które zrealizujesz w tym roku.

718,74 PLN/ rok

  • Pełna biblioteka szablonów stron
  • Zdjęcia, mockupy, presety, LUT-y i tekstury
  • Rok dostępu do biblioteki PRO
  • Automatyczne odnowienie co rok. Możliwa rezygnacja w dowolnym momencie.
Specjalna oferta Lifetime

PRO Lifetime

Do tej strony i Twoich kolejnych projektów.

Poprzednia cena2.870,37 PLN

953,60 PLN/ jednorazowo

  • Pełna biblioteka szablonów stron
  • Zdjęcia, mockupy, presety, LUT-y i tekstury
  • Dostęp Lifetime do biblioteki PRO
  • Jedna płatność. Bez corocznych odnowień.

Ceny dla licencji Commercial Use. Cena i podatki są potwierdzane w koszyku. Narzędzie AI, domena i hosting są osobno.

W PRO YEARLY I LIFETIME

Twoja strona to dopiero początek.

Oba plany obejmują całą bibliotekę OneDollarStock: szablony stron, zdjęcia, mockupy i materiały kreatywne do Twoich kolejnych projektów.

PRO Yearly daje dostęp, gdy Twoja subskrypcja jest aktywna. PRO Lifetime daje stały dostęp z jednorazową płatnością.

Liczby oznaczają produkty, nie pojedyncze pliki. Kategorie mogą się pokrywać.