Najlepsze witryny-portfolia robią dobrze jedną rzecz: pozwalają, aby praca zajęła cały ekran, a wszystko inne nie przeszkadzało.
Ludzie, którzy pozyskują klientów, zlecenia i rezerwacje, rzadko mają efektowną stronę internetową. Mają ją przejrzystą.
Poniżej znajduje się 17 portfeli stworzonych przez pracujących zawodowo Pixpa, pogrupowane według dziedziny i wybrane z szerszej galerii przykłady portfolio online.
Potraktuj to jako inspirację do stworzenia portfolio, z przedstawionym uzasadnieniem – nie jako ścianę ładnych zrzutów ekranu, ale jako starannie wyselekcjonowany zbiór najlepszych, gdzie każdy wybór zasługuje na swoje miejsce. Każdy z nich zawiera jeden projekt, który warto zapożyczyć. Po przykładach, krótki plan do zbudowania własnego.
Co sprawia, że strona internetowa portfolio jest świetna
Wielki strona portfolio Stawia Twoje najmocniejsze prace na pierwszym miejscu, sortuje je w przejrzyste kolekcje i daje odwiedzającym jeden oczywisty krok: zobacz więcej, przeczytaj Twoją historię lub skontaktuj się z nami. Aplikacja ładuje się szybko i dobrze się czyta na telefonie.
Każda z poniższych stron zdobyła swoje miejsce dzięki czterem czynnikom: temu, jak dobrze projekt odpowiada zadaniu, jak praca jest zorganizowana, czy strona spełnia swoje zadanie komercyjne i jak sprawdza się na urządzeniach mobilnych. Nie ze względu na estetykę, ale ze względu na rzeczywisty problem, który rozwiązuje.
Strony internetowe portfolio stworzone przez fotografów
Fotografowie mają najwięcej zdjęć i najcięższe strony, więc to właśnie w tej grupie najważniejsza jest dyscyplina układu. Trzy poniższe pochodzą z większego zbioru strony internetowe z portfolio fotograficznym.
Daniel Espírito Santo
Fotografia lifestylowa i surfingowa. Baleal, Portugalia.
Daniel Espírito Santo Fotografuje fale i linię brzegową wokół Baleal, a strona internetowa została zaprojektowana tak, aby uniknąć dużych kadrów oceanicznych. Prace są podzielone na galerie Ocean i Mountain, z planami lotniczymi i podwodnymi, a odbitki są sprzedawane bezpośrednio na stronie. Czcionka łączy szeryf (Vollkorn) w nagłówkach z Open Sans w pozostałych, umieszczonymi na jasnym, kremowym tle, które skupia wzrok na wodzie.
Pożycz to: podzielić pojedynczy zbiór prac na dwie lub trzy nazwane galerie, w tym przypadku Ocean i Mountain, tak aby widzowie mogli sami dokonać wyboru zamiast przewijać jeden długi kanał.
Diego Marcel
Fotografia ślubna. Natal, Brazylia.
Diego Marcel dokumentuje śluby w okolicach Natal i prowadzi witrynę pod marką Diego i ElżbietaW wersji portugalskiej otwiera się nie w siatce, lecz na pełnoekranowym bohaterze redakcyjnym, zbliżeniu odręcznego listu pod wersem „cały świat, mieści się w nas”, a galerie są dostępne po jednym kliknięciu pod krótką nawigacją. Cichy szeryf (Source Serif Pro) niesie emocjonalny tekst; wąska bezszeryfowa czcionka (Armata) obsługuje nawigację.
Pożycz to: Otwarte na emocje, a nie na siatkę. Jeden obraz na pełnym ekranie i jedna linijka tekstu mogą nadać ton, zanim załaduje się choćby jedna galeria.
Martin Dellicour
Fotografia i film o przyrodzie i dzikiej przyrodzie. Ardeny, Belgia.
Martin Dellicour działa w lasach Ardenów, a strona działa jako dwujęzyczne centrum, francusko-angielskie, które spełnia kilka funkcji jednocześnie: galerie, sklep z grafikami artystycznymi, niezależny projekt dokumentalny i newsletter. Czcionka jest nowoczesna i nieskomplikowana, DM Sans z czcionką Source Serif Pro, dzięki czemu struktura pozostaje czytelna nawet przy tak dużej ilości treści.
Pożycz to: Jeśli Twoja witryna musi zawierać sklep, projekt i listę mailingową, postaw na prostą, nowoczesną czcionkę i przejrzyste sekcje. Dzięki temu szerokość witryny będzie sprawiała wrażenie zakresu, a nie bałaganu.
Strony internetowe portfolio tworzone przez artystów i ilustratorów
Sztuka musi przetrwać podróż na ekran, gdzie skala, faktura i prawdziwy kolor ulegają spłaszczeniu. Te dwie rzeczy rozwiązują ten problem w przeciwny sposób – jedna z osobowością, druga z powściągliwością, a druga z szerszą galerią… strony z portfolio artystów.
Eva Alonso
Malarstwo i rysunek. Barcelona, Hiszpania.
Eva alonso Przekształca samą stronę główną w rysunek: nawigacja składa się z ręcznie wykonanych szkiców markerem, z których jeden brzmi „Prace, Obrazy, Rysunki itp.”, a drugi „Wystawy”, a każdy z nich ma swoją luźną ilustrację. Po kliknięciu prace zostaną uporządkowane w przejrzystych galeriach Malarstwa i Rysunku, ze stroną Wystawy, która pełni również funkcję CV. Osobowość kryje się w menu; same galerie pozostają proste.
Pożycz to: Pozwól interfejsowi prowadzić Cię za rękę. Jeśli tworzysz prace rysując, nawigacja i nagłówki również mogą być narysowane. Strona staje się próbką, zanim użytkownik dotrze do jakiejkolwiek galerii.
Christos Tejada
Tatuaż blackwork. Nowy Jork i Los Angeles.
Christos Tejada Marka ta jest jednoznacznie uznawana za artystę tatuażu plemiennego blackwork, pracującego między Nowym Jorkiem a Los Angeles, na całkowicie czarnej stronie, której nawigacja jest spójna: Tatuaże, Sklep, O nas, Kontakt oraz „Aneks Sigil” dla okultystycznej strony praktyki. Rezerwacje odbywają się za pośrednictwem Sklepu, który sprzedaje zaliczki i bony upominkowe. Logotyp to grawerowany, lekko ezoteryczny szeryf; menu jest napisane czystą, geometryczną czcionką bezszeryfową (Jura).
Pożycz to: Jeśli przyjmujesz rezerwacje, przekaż przelew do sklepu, aby sprzedać depozyt. To zamieni zapytanie w transakcję bez zbędnych formalności.
Strony internetowe portfolio stworzone przez projektantów
Projektanci są oceniani na swojej stronie, zanim ktokolwiek przeczyta choćby słowo, więc portfolio samo w sobie jest próbką pracy. Ta dwójka traktuje to właśnie w ten sposób.
Element Fifty
Grafika i projektowanie stron internetowych. Berlin, Niemcy.
Berliński projektant Benedikt Schoder rozstaje się element-pięćdziesiąt-jeden Projektowanie stron internetowych i prace audiowizualne, drugi to pokaz animacji. Nagłówek przedstawia czcionkę Rubik Mono One, o stałej szerokości, nietypowy i nieco mechaniczny wybór, który sygnalizuje, że projektant chętnie odchodzi od domyślnego nawyku stosowania czcionek bezszeryfowych.
Pożycz to: Jeden charakterystyczny krój pisma może zdziałać cuda w pozycjonowaniu. Nieoczywisty krój pisma pokazuje odwiedzającym, że dokonujesz świadomych wyborów.
Lains
Projektowanie mebli i produktów. Melbourne, Australia.
Projektantka i twórczyni Alaina Bodley prezentuje prace związane z meblami i produktami lains.com.au, czerpiąc z tła, które obejmuje również projektowanie wnętrz i osiągów. Pod stylizowanym, niestandardowym logotypem, korpus i nawigacja znajdują się w Karla, kunsztownej, groteskowej czcionce Sans, która pozostaje z tyłu, pozwalając obiektom mówić za siebie.
Pożycz to: w przypadku obiektów i produktów prosta, bezszwowa czcionka i duże odstępy przypominają galerię, a nie katalog.
Strony internetowe portfolio tworzone przez modelki i stylistki
Strona internetowa modelki lub stylistki to narzędzie do castingu. Dyrektor kreatywny skanuje ją w kilka sekund, więc szybkość i przejrzystość zawsze przewyższają dekorację, gdy powtarza się wzór. strony internetowe portfolio modelek.
Wangechi Ojuok
Modeling modowy i komercyjny. Hrabstwo Orange, Kalifornia.
Wangechi Ojuok Film rozpoczyna się od pięcioczęściowego paska zdjęć z materiałami redakcyjnymi i reklamowymi nad jej nazwiskiem i napisem „Modelka z Orange County w Kalifornii”, a tuż poniżej znajduje się krótki pasek prasowy z nazwami Amazon, Dell, Essence i Cosmopolitan, dzięki czemu osoba czytająca tekst odczytuje zakres i wiarygodność u góry. Nagłówki są połączone z nagłówkami Chivo, a treścią Poppins, zarówno czystymi, jak i nowoczesnymi.
Pożycz to: Umieść swoje najmocniejsze strony tam, gdzie są widoczne jako pierwsze. W przypadku talentu, wpis prasowy na górze jest ważniejszy niż długa biografia niżej.
Mandy Jacobs
Stylizacja fryzur do sesji zdjęciowych i pokazów mody. Toronto, Kanada.
Mandy Jacobs prezentuje prace redakcyjne, zdjęcia z wybiegów i fryzury gwiazd w czystych galeriach, w formie książki z rekomendacjami agencji, którą dyrektor kreatywny szybko przegląda.
Akcja filmu toczy się w całości w Interze, co pozwala skupić się na zdjęciach.
Pożycz to: W przypadku pracy w plenerze, grupuj według produkcji i zachowaj niewidoczny interfejs. Decyzja o obsadzie podejmowana jest szybko na podstawie zdjęć.
Oran Cusack
Modeling modowy i komercyjny. Międzynarodowy.
Oran Cusack leady z nazwanymi kampaniami komercyjnymi, Colmar, Stone Island, Kador Eyewear, każda z okładką na całą stronę, która otwiera całą sesję po kliknięciu, ze stroną „Moje agencje”, która prowadzi do prezentacji. Platforma jest zbudowana w Montserrat, przejrzysta i aktualna, więc kampanie czytają się jak arkusz zrywany, który osoba nagrywająca może szybko przejrzeć.
Pożycz to: Poprowadź książkę talentów z rozpoznawalnymi kampaniami, a nie luźnymi obrazami. Osoba prowadząca program przeczyta „Colmar, Stone Island” szybciej niż siatkę ładnych zdjęć.
Strony internetowe portfolio stworzone przez architektów i fotografów kosmosu
Prace budowlane wymagają skali i sekwencji, a nie tylko ładnego zdjęcia. Te dwa projekty, a nie obrazy, to to samo podejście, które przewija się przez więcej strony internetowe portfolio architektonicznego.
Asimetrico
Architektura. Paragwaj.
Asymetryczny sortuje szeroką gamę zrealizowanych prac według sektorów: planowanie urbanistyczne, infrastruktura publiczna, przestrzeń publiczna, kultura i zdrowie.
Czcionka jest skondensowana, strukturalna (Oswald z Source Sans Pro) na ciemnym tle, gdzie rytm czcionki odzwierciedla rytm fasady.
Pożycz to: Skondensowana czcionka i architektura oparta na ścisłej siatce. Interfejs odzwierciedla dyscyplinę pracy.
In-Still
Fotografia wnętrz i architektury. Europa.
Zaszczepić fotografuje minimalistyczne wnętrza i architekturę, a całą witrynę oprawia wokół jednego wysokiego, kontrastowego znaku słownego z szeryfami, zaszczepić, na ciepłym, szarobeżowym tle, nad pojedynczym, spokojnym zdjęciem wnętrza. Kluczem jest powściągliwość: jeden duży tekst, jeden obraz, a następnie czytelny indeks projektu. (Montserrat i Work Sans zawierają mniejszy tekst pod spodem).
Pożycz to: Niech strona odzwierciedla dzieło. Jeden ogromny logotyp i dużo pustej przestrzeni tworzą minimalistyczną oprawę wnętrza bardziej szczerze niż zatłoczona siatka.
Strony internetowe portfolio tworzone przez muzyków
Strona internetowa poświęcona muzyce ma przede wszystkim dwa zadania: odtwarzanie i przyjmowanie rezerwacji. Projekt łączy ścieżkę dźwiękową, daty i dane kontaktowe na jednej przejrzystej stronie.
TIDEE
Muzyka elektroniczna, DJ i producent. Amsterdam, Holandia.
Przypływ łączy osadzoną muzykę z listą koncertów i bezpośrednim kontaktem w sprawie rezerwacji, trzema rzeczami, których promotor naprawdę potrzebuje, a także pełnowymiarowy portret i informację: „TIDEE to artysta Minimal / Deep Tech House z siedzibą w Amsterdamie, Holandia”. Logotyp to szeroka, rozstawiona groteska (Archivo) na czcionce Open Sans, która nadaje elektronicznemu zespołowi czysty, współczesny charakter.
Pożycz to: Jeśli chodzi o wykonawcę, traktuj muzykę, daty i e-mail z rezerwacją jako priorytet. To jest całe zadanie strony.
Vagle Brothers
Muzyka gospel i hymn. Karlstad w Minnesocie.
Bracia VagleCzterech braci śpiewających tradycyjne hymny prowadzi działającą stronę internetową poświęconą muzyce: z widocznym przyciskiem „Książka” u góry, sekcją „Muzyka” oraz stroną z rekomendacjami dla kościołów i miejsc, które je rezerwują. Strona jest napisana pojedynczą czcionką humanistyczną (Open Sans) pod serifowym logo, co ułatwia czytanie bogatej w treść strony.
Pożycz to: Społeczny dowód słuszności sprzedaje rezerwacje. Strona z rekomendacjami z poprzednich miejsc koncertowych ma dla zespołu większe znaczenie niż jakakolwiek stylizacja.
Strony internetowe portfolio tworzone przez pisarzy i strategów
Autora lub stratega ocenia się na podstawie słów i tego, jak jasno przedstawił swoją tezę. Strona musi przemawiać, a nie tylko prezentować.
Hamsa Balegaar
Strategia treści i marketingu. Indie.
Hamsa Balegaara Zaczyna się od ciepłego, osobistego wstępu: „Jestem Hamsalekha, Specjalista ds. Marketingu i Komunikacji” na delikatnym różowym tle, po czym przewija się pasek specjalizacji (strategia marki, media społecznościowe, content, marketing oparty na analizie danych), a następnie przechodzi do studiów przypadku projektów dla marek takich jak Reckitt, Axis Bank i Aditya Birla, z których każdy jest oprawiony w ramy briefu i rezultatu. Styl łączy Forum, elegancką czcionkę z dużymi literami rzymskimi, z Inter do czytania, co nadaje portfolio stratega redakcyjny szlif.
Pożycz to: W przypadku strategii lub prac pisemnych, zacznij od podania konkretnych klientów i problemu, który rozwiązałeś. Logo i jednowierszowy wynik są lepsze niż lista umiejętności.
Strony internetowe portfolio stworzone przez twórców filmowych
Strona z filmami musi działać. Układ porządkuje rolki według typu, a następnie nie przeszkadza w oglądaniu filmu.
Rob Shaw Films
Reżyseria i animacja. Portland, Oregon.
Reżyser nagrodzony Emmy Rob Shaw dzieli mieszankę filmów aktorskich, CG, 2D i poklatkowych na kategorie, z publikacją reklamową obejmującą Gatorade i Hershey's. Czcionka jest geometryczna i aktualna (Outfit with Inter), co sprawia, że ten zabawny, oparty na animacji zbiór prac nie jest odbierany jako dziecinny.
Pożycz to: sklasyfikuj zróżnicowany film. Pozwól klientowi reklamy od razu przejść do rodzaju pracy, do której poszukuje.
Crane House Film
Produkcja filmowa i wideo. Wilmington, Karolina Północna.
Film Dom Żurawia prowadzi pełną produkcję filmową, wideofilmowanie, drony, fotografię, a nawet projektowanie graficzne, a następnie sortuje stronę główną według przejrzystych kafelków kategorii: Fotografia, Teledyski i Filmy Ślubne, z pełnym zestawem nagłówków za menu Portfolio. Nagłówek to Cinzel, klasyczna czcionka z grawerowanymi dużymi szeryfami o kinowym charakterze, umieszczona nad czcionkami Oxygen i Barlow.
Pożycz to: Pojedyncza, charakterystyczna płaszczyzna wyświetlacza może nadać ton. Cinzel czyta się jak film przed odtworzeniem pojedynczej klatki.
Co łączy najlepsze witryny portfolio?
Przyjrzyj się wszystkim 17 ruchom, a zobaczysz, że ciągle pojawiają się te same cztery.
Podzielili prace na nazwane galerie. Daniel Espírito Santo prowadzi Ocean and Mountain, Eva Alonso oddziela malarstwo od rysunku, a Crane House Film dzieli swoją stronę główną na fotografię, teledyski i filmy ślubne. Nikt nie każe ci przewijać jednego, niezróżnicowanego kanału.
Ustawiają witrynę w typie powściągliwym. Mandy Jacobs zarządza całą witryną w Inter i Oran Cusack w Montserrat, stosując pojedynczą neutralną czcionkę bezszeryfową, która pozwala pracy utrzymać się na stronie. Tam, gdzie czcionka nabiera charakteru, jak w ręcznie pisanym menu Evy Alonso, monochromatycznym wyświetlaczu Element Fifty czy wysokim szeryfie In-Still, jest to celowy wybór pozycjonowania, a nie dekoracja.
Sprzedają i dokonują rezerwacji za pośrednictwem tej samej strony. Martin Dellicour sprzedaje odbitki, Christos Tejada pobiera zaliczki, a bracia Vagle sprzedają płyty CD – wszystko to bez odsyłania kupującego gdzie indziej.
Dzięki nim następny krok staje się oczywisty. Niezależnie od tego, czy na górze znajduje się pasek prasowy Wangechi Ojuok, okładka kampanii Orana Cusacka, czy też kontakt do biura rezerwacji TIDEE, widz zawsze jest o krok od podjęcia dalszych działań.
Jak ustrukturyzować swoje portfolio według celu
Typowe błędy w portfelu, których należy unikać
To są właśnie te tryby awarii, które po cichu kosztują cię pracę, a nie te oczywiste.
- Na obrazie widnieją grube znaki wodne. Nie chronią niczego, czego nie ominie zrzut ekranu, i niszczą to, co odwiedzający chciał zobaczyć.
- Plik PDF do pobrania, który pasuje do galerii internetowej. Ukrywa Twoją pracę za kliknięciem i nigdy nie jest klasyfikowany.
- Brakuje tekstu alternatywnego na każdym obrazku. Jest on dla Ciebie niewidoczny i obciąża zarówno wyszukiwarkę, jak i czytniki ekranu.
- Jeden kanał, który łączy osobiste eksperymenty z pracą komercyjną. Klient nie może powiedzieć, co robisz dla pieniędzy.
- Formularz kontaktowy podłączony do skrzynki odbiorczej, której nikt nie sprawdza. Przetestuj go na telefonie, którego nie posiadasz.
Jak zbudować własną witrynę portfolio
17 miejsc dotarło do tego samego miejsca różnymi drogami. W centrum uwagi, tworzenie witryny portfolio sprowadza się do pięciu ruchów:
- Wybierz 10–15 najmocniejszych kawałków. Wytnij wszystko, co jest choć trochę cienkie.
- Pogrupuj je w nazwane galerie, dzięki czemu odwiedzający bez problemu trafią na interesujące ich dzieło.
- Wybierz układ i jeden lub dwa kroje pisma, które oprawią pracę i nie będą jej przeszkadzać.
- Dodaj jedną czynność, którą chcesz wykonać: zapytanie, rezerwację lub sklep internetowy do wydruków.
- Sprawdź na telefonie, popraw tekst alternatywny i opublikuj.
Bottom Line
Motywem przewodnim wszystkich 17 jest powściągliwość. Praca prowadzi, układ wspiera, a kolejny krok jest zawsze oddalony o zaledwie jedno przewinięcie. Zacznij od pola najbliższego Twojemu, pożycz jeden ruch, który pasuje i stwórz coś na żywo w tym tygodniu, zamiast idealnego w przyszłym miesiącu.
Uruchom swoją witrynę portfolio
Często zadawane pytania dotyczące witryny portfolio
Gdzie mogę znaleźć inspirację do stworzenia strony internetowej portfolio?
Zacznij od prawdziwych, działających stron, a nie od galerii szablonów stockowych. 17 przykładów powyżej obejmuje fotografię, design, sztukę, muzykę i film i plasuje się wśród najlepszych witryn portfolio zbudowanych na… Pixpa, każdy z nich opatrzony jest opisem jednego konkretnego ruchu wartego zapożyczenia.
Co powinna zawierać strona internetowa portfolio?
Skoncentrowana galeria Twoich najlepszych prac, krótka informacja o Tobie lub biografia, przejrzysty sposób nawiązania kontaktu oraz, jeśli uda Ci się sprzedać, sklep lub ścieżka cenowa. 10–15 dobrych prac pokonuje 50 przeciętnych.
Ile projektów powinna zawierać strona internetowa typu portfolio?
Większość mocnych portfeli zawiera od 8 do 15 pozycji. Wystarczająco dużo, aby pokazać zakres, ale wystarczająco mało, aby każda z nich zdobyła swoje miejsce.
Co sprawia, że witryna internetowa typu portfolio wygląda profesjonalnie?
Spójne odstępy, jeden lub dwa kroje pisma, obrazy, które nie są przycięte ani rozciągnięte, szybkie ładowanie i układ, który nie koliduje z pracą. Profesjonalizm jest odbierany jako powściągliwość.
Czy muszę umieć kodować, aby zbudować witrynę internetową typu portfolio?
Nie. Każda strona na tej liście została zbudowana na Pixpa bez kodu. Wybierasz szablon, dodajesz swoją pracę i publikujesz.
Ile kosztuje strona internetowa typu portfolio?
Ceny planów płatnych zaczynają się od 5.40 USD/miesiąc w przypadku planu podstawowego rozliczanego rocznie. Każdy plan obejmuje 15-dniowy bezpłatny okres próbny bez konieczności podawania numeru karty kredytowej.
Jak często powinienem aktualizować swoje portfolio?
Dodawaj nowe prace za każdym razem, gdy ukończysz coś silniejszego od swojego najsłabszego dzieła, i dokonuj przeglądu całej witryny co trzy do sześciu miesięcy.
Czy moja witryna portfolio będzie działać na urządzeniach mobilnych?
Tak. Większość odwiedzających korzysta z telefonu, więc przetestuj galerię, nawigację i ścieżkę kontaktu na urządzeniu mobilnym, zanim udostępnisz link.
Jaka platforma jest najlepsza do zbudowania witryny portfolio?
Zależy, co robisz. Witryny tutaj zostały zbudowane na Pixpa, który pasuje do portfolio opartych na obrazach, które wymagają również galerii klientów lub sklepu. Do przeglądania wyłącznie według pól przykłady portfolio, zacznij od tego i cofnij się do narzędzi.