Strony według celu02 / 09
Strony osobiste, które przynoszą kolejną pracę, wystąpienie albo czytelnika
Dla programistów, projektantów, prelegentów, autorów i założycieli firm, których nazwisko jest marką. Dobra strona osobista mówi, kim jesteś i czym zajmujesz się teraz, pokazuje twoją pracę i każdemu, kto cię wyszuka, daje jasny następny krok.
Co powinno być na stronie osobistej
10 części, od góry do dołu. Każda ma swoją robotę w sprzedaży i każdą pokazuję na prawdziwej stronie, która robi to dobrze. Żadna z tych stron nie jest moją realizacją. Większość wybrałem za wygląd i treść; te nieliczne wybrane tylko za treść są oznaczone.
Część 01 / 10
Kim jesteś i czym zajmujesz się teraz
Ludzie trafiają na stronę osobistą, gdy usłyszą twoje nazwisko: na wystąpieniu, w poście albo od kogoś z pracy. Pierwszy ekran potwierdza, że trafili na właściwą osobę, i w jednym, dwóch zdaniach mówi, czym się zajmujesz i co robisz teraz. Rekruter, organizator i czytelnik potrzebują tego przed wszystkim innym.
Typowy błądBłyskotliwe hasło i strzałka w dół, a ani słowa o tym, czym się właściwie zajmujesz.
Wybrany za design i treść
Przykład Amelia Wattenberger. Pierwszy ekran, na którym jest jej imię i nazwisko, jedno zdanie o jej fachu i jedno o obecnej pracy.
- 1
Imię i nazwisko są nagłówkiem, ogromnym, po małym „Hi, I’m”, czyli cześć, jestem. Na stronie osobistej nazwisko jest marką, a odwiedzający od razu wie, że trafił we właściwe miejsce.
- 2
Czym się zajmuje, w czterech krótkich zwrotach jej własnymi słowami: tworzy rzeczy w sieci, bada nowe interfejsy, zamienia dane w sens i pomaga programistom pracować z AI.
- 3
Czym zajmuje się teraz, z linkiem: pracuje jako „Principal Research Engineer” w małym zespole R&D w GitHubie. Stanowisko, które mówi o jej poziomie, i pracodawca w jednym zdaniu.
- 4
Pod spodem to, o czym teraz myśli, jako lista linków: „Chat is AI’s command line”, czyli czat to wiersz poleceń AI, i „Code was our medium for thought”, czyli kod był naszym narzędziem myślenia. Jej pomysły stoją przed jej CV.
Część 02 / 10
Nad czym pracujesz teraz
Strona osobista potrafi zestarzeć się w rok, a odwiedzający to zauważają. Krótka sekcja albo podstrona „teraz”, opatrzona datą, mówi, nad czym pracujesz, co czytasz i o czym myślisz w tym miesiącu. Kilka zdań wystarczy, żeby strona żyła, a obca osoba ma od czego zacząć rozmowę.
Typowy błądStrona „o mnie”, która wciąż podaje pracę, której nie masz od dwóch lat.
Wybrany za design i treść
Przykład Maggie Appleton. Podstrona „Now” prowadzona jak dziennik z datami i pisana jak list.
- 1
„Now” ma własne miejsce w głównym menu, między „The Garden”, czyli ogrodem jej tekstów, a stroną „About”, czyli o niej.
- 2
Strona w jednym zdaniu mówi, czym jest: dziennikiem tego, co autorka czyta, odkrywa i o czym myśli. „Sporadically updated”, czyli aktualizowany od czasu do czasu, uczciwie mówi, czego się spodziewać.
- 3
Każdy wpis ma datę, tu sierpień 2026, więc odwiedzający od razu widzi, jak świeży jest wpis.
- 4
Dalej czyta się to jak list, o życiu, nie tylko o pracy: pisze z hotelu w West Country, w czasie rzadkiego weekendu poza domem. Obca osoba poznaje człowieka, a nie CV.
Część 03 / 10
Wybrane projekty
Dla programistów i projektantów dowodem jest praca, a kto zatrudnia, chce ją zobaczyć, a nie o niej czytać. Krótki wybór projektów, każdy z obrazem, zdaniem o tym, czym jest, i liczbą, która pokazuje, że ludzie z niego korzystają, mówi więcej niż lista umiejętności. Reszta może poczekać w archiwum.
Typowy błądKażdy projekt od czasów studiów, bez obrazu i bez słowa o tym, co z niego wyszło.
Wybrany za design i treść
Przykład Brittany Chiang. Cztery projekty, każdy ze zrzutem ekranu i zdaniem o tym, czym jest, przy większości z liczbą, która pokazuje, że ludzie z nich korzystają.
- 1
Mały zrzut ekranu każdego projektu. Odwiedzający widzi pracę, zanim przeczyta o niej choć słowo.
- 2
Nazwa i zdanie lub dwa o tym, czym jest projekt: kurs wideo o tym, jak zbudować aplikację webową na Spotify Web API.
- 3
Dowód od ludzi, którzy z projektu korzystają: 722 gwiazdki na GitHubie.
- 4
I ze sklepu z dodatkami: ponad 100 tys. instalacji jej motywu do edytorów kodu. Liczba z zewnątrz waży więcej niż każdy przymiotnik.
- 5
Cztery projekty na stronie głównej, a reszta o jeden link dalej: „View Full Project Archive”, czyli pełne archiwum projektów.
Część 04 / 10
Doświadczenie, z nazwami firm
Nazwy, które czytelnik już zna, przekonują za ciebie. Krótka historia z datami, firmą, stanowiskiem i kilkoma zdaniami o twojej pracy w każdej z nich pozwala rekruterowi albo klientowi umiejscowić cię w kilka sekund. Linki do projektów i do tego, co napisali o nich inni, potwierdzają każde zdanie.
Typowy błądStanowiska bez nazw firm albo CV w PDF jako jedyny ślad.
Wybrany za design i treść
Przykład Brittany Chiang. Historia pracy jako oś czasu, z nazwami firm, klientów i mediów.
- 1
Najpierw obecne stanowisko, z nazwą firmy: „Senior Frontend Engineer, Accessibility” w Klaviyo, czyli starsza programistka frontendu od dostępności.
- 2
Awanse w jednym miejscu: od „Engineer” przez „Senior Engineer” do „Lead Engineer” w tej samej agencji, Upstatement, w latach 2018–2024.
- 3
Lata w agencji opowiedziane przez klientów: Harvard Business School, Pratt Institute, Vanderbilt University, The 19th News.
- 4
Nazwa, którą zna każdy, nawet przy półrocznym stażu: „UI Engineer Co-op” w Apple, przy Apple Music.
- 5
Linki do projektu i do artykułów o nim: MusicKit.js, 9to5Mac i The Verge. Cudzy artykuł potwierdza jej słowa.
Część 05 / 10
Teksty ułożone pod czytelnika
Większość obcych osób trafia na stronę osobistą przez artykuły, bo każdy z nich odpowiada na pytanie, które ktoś wpisał w wyszukiwarkę. Na stronie głównej najnowsze teksty ze zdaniem o tym, czego uczy każdy z nich, tematy jako tagi i najczęściej czytane poradniki pozwalają odwiedzającemu wybrać według zainteresowań. Czytelnik, który czegoś się od ciebie nauczył, zapamięta twoje nazwisko.
Typowy błądBlog ułożony tylko według dat, z tytułami, które rozumie wyłącznie autor.
Wybrany za design i treść
Przykład Josh W. Comeau. Strona główna, która jest tekstami: nowe artykuły, tematy i popularne poradniki, pod zabawnym nagłówkiem.
- 1
Sam Josh jako mała figurka 3D siedząca na chmurach. Strona ma twarz i poczucie humoru, zanim pojawi się pierwszy artykuł.
- 2
Strona główna zaczyna się od tekstów, od najnowszego: tytuł, krótkie streszczenie i link „Read more”, czyli czytaj dalej.
- 3
Tematy jako tagi obok listy: CSS, React, animacje, kariera. Czytelnik idzie prosto do swojego tematu.
- 4
„Popular content”, czyli popularne treści, to krótka lista poradników: interaktywny przewodnik po flexboksie, nowoczesny reset CSS, interaktywny przewodnik po przejściach w CSS. Zostają o jedno kliknięcie od strony głównej, bez względu na to, ile tekstów pojawi się po nich.
- 5
Pod tytułem jest zdanie o tym, co dostanie czytelnik: jak różne sposoby animowania wpływają na wydajność.
Część 06 / 10
Wystąpienia, ze sceną na zdjęciach
Organizatorzy zapraszają prelegentów, którzy już to robili, i szukają na to dowodów, zanim napiszą. Zdjęcia z prawdziwych scen i lista wystąpień z nazwą wydarzenia, miastem i datą pokazują doświadczenie na pierwszy rzut oka. Jeśli wystąpienie zostało nagrane, resztę zrobi wideo.
Typowy błądPodstrona o wystąpieniach z formularzem rezerwacji i bez jednego zdjęcia, tytułu czy nazwy wydarzenia.
Wybrany za design i treść
Przykład Maggie Appleton. Zdjęcia ze sceny nad ścianą wystąpień, każde z nazwą wydarzenia, miastem i informacją, jak dawno się odbyło.
- 1
Zdjęcia ze sceny: przy pulpicie pod jej slajdem i w trakcie wystąpienia, z pilotem w ręku. Dowód, że już to robiła, zanim pojawi się jakakolwiek lista.
- 2
Każde wystąpienie to karta: slajd tytułowy, tytuł wystąpienia, wydarzenie i miasto. Najnowsze, na Microsoft Reverb w Seattle, odbyło się dziewięć dni temu.
- 3
Slajdy tytułowe służą za okładki i podają konferencję i datę: Structured Content Conference, maj 2022.
- 4
Małe „+4” obok UX Brighton: kolejne miejsca, w których wygłosiła to samo wystąpienie.
Część 07 / 10
Książki i gdzie je kupić
Dla autora ofertą jest książka, a czytelnik, który musi szukać księgarni, może sobie odpuścić. Najpierw listy bestsellerów, pochwały od ludzi z nazwiskami i okładka, potem przycisk dla każdego sklepu, żeby czytelnik kupił tam, gdzie ma już konto. Czytelnicy za granicą też potrzebują swoich wydań.
Typowy błądJeden link do Amazona albo okładka, której nie da się nigdzie kupić.
Wybrany za design i treść
Przykład James Clear. Strona książki, która układa dowody wokół okładki i robi z zakupu krok pierwszy.
- 1
Najpierw listy bestsellerów, jako rząd pierwszych miejsc: The New York Times, The Wall Street Journal, Amazon i Audible.
- 2
Pochwała z nazwiskiem i powodem, żeby jej słuchać: Mark Manson, autor bestsellerów numer jeden z listy The New York Times. Zdanie Arianny Huffington stoi po drugiej stronie.
- 3
Okładka, duża, z jedną liczbą na naklejce: ponad 30 mln sprzedanych egzemplarzy.
- 4
Zakup to dosłownie krok pierwszy: „Step 1: Get Your Copy”, czyli krok 1: kup swój egzemplarz, a pod spodem siedem sklepów obok siebie: Amazon, B&N, Audible, Apple, Target, Walmart i Bookshop.
- 5
Czytelnik spoza Stanów Zjednoczonych dostaje link do wydań zagranicznych.
Część 08 / 10
„O mnie” opowiedziane jako historia
Ludzie idą za ludźmi, a historię łatwiej zapamiętać niż listę tytułów. Krótka opowieść o tym, skąd przychodzisz, co się zmieniło i czym zajmujesz się teraz, twoim głosem i z prawdziwymi zdjęciami z każdego etapu, sprawia, że obca osoba ma wrażenie, że cię zna. Na końcu powinna wskazać, gdzie szukać dalej.
Typowy błądBiogram w trzeciej osobie, który brzmi jak program konferencji.
Wybrany za design i treść
Przykład Ali Abdaal. Sekcja „o mnie” pisana jego własnym głosem, od lekarza do youtubera, ze zdjęciami z każdego etapu tej historii.
- 1
Powitanie, a potem imię i nazwisko: „Hey, I’m Ali Abdaal”, czyli cześć, jestem Ali Abdaal. Sekcja mówi do czytelnika w pierwszej osobie.
- 2
Prawdziwe zdjęcia z różnych etapów jego życia: na scenie, w stroju lekarskim przy laptopie i z własną książką w ręku.
- 3
Zaczyna od tego, co robi i od kiedy: od 2017 roku opisuje swoją drogę na YouTube, żeby pomóc ludziom być bardziej produktywnymi.
- 4
Zwrot w historii w jednym zdaniu: od pokoju w akademiku w Cambridge, przez pracę lekarza w czasie pandemii, do odejścia z medycyny, żeby zbudować własną firmę.
- 5
Na końcu trzy drogi dalej: „Watch My Videos”, „Read My Articles” i „Read My Book”, czyli jego filmy, artykuły i książka.
Część 09 / 10
Newsletter, który należy do ciebie
Obserwujący na platformie należą do platformy, lista mailingowa należy do ciebie. Newsletter z nazwą, obietnicą tego, co przychodzi i jak często, oraz liczbą czytelników zamienia jedną wizytę w kogoś, kto co tydzień dostaje od ciebie wiadomość. Wystarczy jedno pole.
Typowy błąd„Zapisz się na mój newsletter” w stopce, bez słowa o tym, czym jest i jak często przychodzi.
Wybrany za design i treść
Przykład Ali Abdaal. Newsletter z nazwą, obietnicą, liczbą i jednym polem.
- 1
Newsletter ma nazwę, LifeNotes. Do czegoś, co ma nazwę, łatwiej się zapisać i łatwiej to polecić niż „mój newsletter”.
- 2
Co przychodzi i jak często, w jednym zdaniu: co tydzień porady o produktywności, rady na życie i najciekawsze myśli z jego ulubionych książek. Za darmo, i tak ma zostać.
- 3
Dokładna liczba czytelników: ponad 443 000. Tak precyzyjna liczba brzmi prawdziwie.
- 4
Jedno pole i jeden przycisk. Do wpisania jest tylko adres e-mail.
- 5
Twarze czytelników i ich ocena: pięć gwiazdek z ponad 200 opinii.
Część 10 / 10
Kontakt według powodu
Znane nazwisko dostaje wiadomości każdego rodzaju: od mediów, z zaproszeniami na wystąpienia, z propozycjami współpracy, od czytelników z pytaniem. Osobny adres dla każdego powodu kieruje wiadomość do osoby, która się nią zajmuje, a jeden formularz na całą resztę utrzymuje porządek w skrzynce. Częste pytania można najpierw odesłać do gotowych odpowiedzi.
Typowy błądJeden formularz kontaktowy dla mediów, organizatorów i fanów naraz.
Wybrany za design i treść
Przykład Mel Robbins. Adres dla każdego powodu, żeby napisać, a potem formularz, który najpierw pyta o powód.
- 1
Trzy powody, trzy adresy, wypisane w całości: media, wystąpienia i współpraca z markami.
- 2
Krótka uwaga przed formularzem: zespół nie odpowie na każdą wiadomość, a odpowiedź może już czekać w archiwum odcinków podcastu.
- 3
Cała reszta trafia do jednego formularza, pod prostym pytaniem: „Have a question?”, czyli masz pytanie?
- 4
Pierwsze pole, „Reason for Contact”, pyta o powód kontaktu, jeszcze przed imieniem.
- 5
Na wyjściu dwa pola do zaznaczenia, jedno na aktualności, drugie na jej newsletter. Wiadomość może przy okazji zacząć subskrypcję.
Przykłady należą do ich właścicieli i pokazuję je, żeby wyjaśnić pomysł; ponumerowane ramki są moje. Zrzuty ekranu z 6 października 2026; strony mogły się od tego czasu zmienić.
Zapytaj o swoją stronę
Czy ktoś, kto cię wyszuka, będzie wiedział, co zrobić dalej?
Ludzie wpisują twoje nazwisko w wyszukiwarkę po wystąpieniu, po poście albo gdy ktoś was sobie przedstawi, i w ciągu minuty decydują, czy cię zatrudnić, zaprosić albo zacząć obserwować. Te pytania pokażą, czy twoja strona im to ułatwia.
- 01
Czy twój pierwszy ekran mówi, kim jesteś i czym zajmujesz się teraz?
- 02
Czy odwiedzający zobaczy twoje najlepsze projekty, z dowodem, że ludzie z nich korzystają?
- 03
Czy na stronie jest cokolwiek z datą z tego roku?
- 04
Czy czytelnik, który nie jest gotów do ciebie napisać, może zostać z tobą w kontakcie?
- 05
Czy oferta pracy, zaproszenie na wystąpienie i prośba od mediów mają osobną, jasną drogę do ciebie?
Co sprawia, że strona osobista sprzedaje
Lekcja 01
Twoje nazwisko to wyszukiwana fraza
Większość odwiedzających trafia na stronę po wpisaniu twojego nazwiska. Strona musi w sekundę potwierdzić, że to ty, i najpierw pokazać tę jedną rzecz, którą mają o tobie wiedzieć.
Lekcja 02
Pokaż pracę, nie przymiotniki
Projekty, wystąpienia, artykuły i książki z nazwami, liczbami i datami przekonują tam, gdzie „pełen pasji” i „doświadczony” nie przekonują nikogo.
Lekcja 03
Żywa strona buduje zaufanie
Podstrona „teraz” z datą, niedawne wystąpienie albo artykuł z zeszłego tygodnia pokazują, że działasz. Strona, która nie zmieniła się od dwóch lat, każe się zastanawiać, co jeszcze stanęło w miejscu.
Co dostajesz
Strona osobista, która brzmi jak ty i którą łatwo utrzymasz na bieżąco.
Zaprojektowana wokół twojego nazwiska i twojej pracy i zbudowana w Webflow, więc projekt, artykuł czy nowe wystąpienie publikujesz bez pomocy programisty. Gdy strona potrzebuje więcej, niż daje Webflow, na przykład interaktywnych przykładów w artykułach albo projektów pobieranych z GitHuba, buduję to w kodzie. Stała cena po krótkim briefie.
Podstrony
Strona główna zbudowana z części opisanych wyżej, podstrony z projektami, tekstami, wystąpieniami albo książkami, „o mnie”, „teraz” i kontakt.
Projekty, teksty i wystąpienia
Projekty, artykuły i wystąpienia jako kolekcje CMS, więc dodanie nowego to wypełnienie formularza.
Książki
Podstrona dla każdej książki, z pochwałami, okładką i przyciskiem do każdego sklepu.
Lista, która należy do ciebie
Formularz zapisu połączony z twoim narzędziem do newslettera, na przykład Kit, Beehiiv albo Substack.
Do znalezienia po nazwisku
Tytuły, opisy i dane strukturalne o tobie i twojej pracy, na stronach na tyle szybkich, żeby Google je doceniło.
Pomoc z tekstami
Układam strukturę i redaguję twoje teksty tak, żeby dalej brzmiały jak ty, tylko jaśniej.
Jak powinna wyglądać i brzmieć strona osobista
Osobiście, aktualnie i czytelnie.
To ogólne zasady. Sama strona powstaje wokół twojej marki, twoich klientów i twojego gustu.
Nazwisko jako logo
Twoje imię i nazwisko dobrze złożone, krojem pisma, który do ciebie pasuje. Na stronie osobistej nazwisko jest marką.
Prawdziwe zdjęcia
Aktualne zdjęcia ciebie przy pracy, na scenie albo przy biurku, a nie zdjęcia stockowe.
Twój własny głos
Pisz tak, jak mówisz: w pierwszej osobie, krótkimi zdaniami, na własnych przykładach.
Daty na widoku
Daty przy artykułach, wystąpieniach i na podstronie „teraz”, żeby odwiedzający widzieli, że strona żyje.
Pytania
Mam już LinkedIna i GitHuba. Po co mi strona osobista?
Te profile wyglądają jak profile wszystkich innych i należą do platformy. Własna strona pokazuje twoją pracę tak, jak chcesz, i może być pierwszym, co ludzie znajdą, gdy wpiszą twoje nazwisko.
A jeśli mam tylko kilka projektów?
Pokaż dobrze dwa albo trzy, każdy z obrazem i zdaniem o tym, co z niego wyszło. Krótki wybór świadczy o pewności siebie, długa lista drobiazgów nie.
Jak utrzymać ją na bieżąco, gdy brakuje mi czasu?
Sekcja „teraz” i lista tekstów albo wystąpień to kilka zdań przy każdej zmianie. To wpisy w CMS, więc aktualizacja to wypełnienie formularza, a daty pokazują odwiedzającym, że strona żyje.
Piszę, występuję i tworzę produkty. Czy potrzebuję osobnej strony do każdej z tych rzeczy?
Zwykle wystarczy jedna. Strona główna, która mówi, czym zajmujesz się teraz, z sekcjami na projekty, teksty, wystąpienia i książki, pozwala każdemu odwiedzającemu znaleźć swoją część.
Czy mogę przenieść bloga z innej platformy?
Tak. Artykuły z Medium, WordPressa czy Ghosta da się przenieść do CMS, a każdy stary adres przekierować, żeby linki dalej działały.
Czego zwykle potrzeba
Nowa strona lub redesign
Nowa strona w Webflow albo redesign obecnej, zaprojektowana i zbudowana przez jedną osobę. Struktura, teksty, CMS i start w cenie.
Usługa
Techniczne SEO
Niedziałające linki, brakujące przekierowania, ubogie metadane i podstrony pomijane przez Google: znalezione, poprawione i sprawdzone w Search Console.
Usługa
Migracja do Webflow
Treści trafiają do CMS, każdy stary adres dostaje przekierowanie, a pozycje w Google sprawdzam po starcie.
Usługa
Twoja strona
Chcesz, żebym obejrzał twoją stronę?
Dalej
Strona sprzedażowa
03 / 09