Pomysły na prezentację swojej pracy z portfolio online

Portfolio online jest głównie zorientowane na treść, w którym użytkownik musi przejąć inicjatywę, aby przeglądać witrynę. Twoim celem jest jasne zaprezentowanie swojej pracy i zachęcenie użytkowników do klikania.

W tym poście chciałbym podzielić się kilkoma technikami, które pomogą odwiedzającym zagłębić się w pracę nad Twoim portfolio. Można to zrobić na wiele różnych sposobów, niektórzy dodają po prostu strony statyczne, podczas gdy inni dodają pokazy slajdów i pełne studia przypadków.

Oczywiście rodzaj wykonywanej pracy będzie miał wpływ na projekt witryny. Ale te wskazówki są uniwersalne i można je zastosować do dowolnej witryny z portfolio w sieci.

Kategorie dynamiczne

Jeśli wykonujesz wiele różnych rodzajów pracy, powinieneś spróbować dodać dynamiczne tagi sortowania do swojej strony portfolio. Dzięki temu odwiedzający mogą przeglądać prace, które chcą zobaczyć, zamiast przeglądać wszystko, co zrobiłeś.

Na przykład projektant cyfrowy może wykonywać wiele różnych rodzajów pracy, a każdy wpis w portfolio może prezentować inny zestaw umiejętności. Te kategorie mogą wyglądać tak:

• Projekt tożsamości
• Projekt ikony
• Strony internetowe
• Aplikacje mobilne
• Szkielet UI/UX

Jeśli utworzysz dynamiczne kategorie, odwiedzający będą mogli przeglądać każdą z nich z osobna. Dzięki temu przeglądanie witryny jest dużo szybsze i jest to najmocniejszy sposób na zaprezentowanie pracy portfolio.

Motyw Hero jest dobrym przykładem sortowania tej kategorii w akcji. Główna strona portfolio używa małych linków w górnej części do organizowania różnych stylów projektów.

Gdy użytkownik kliknie łącze kategorii, portfolio automatycznie ukrywa wszystkie projekty poza tymi dodanymi do kategorii. Wszystko to jest kontrolowane przez WordPress na zapleczu, więc wystarczy dodać projekty do swojej witryny i odpowiednio je uporządkować.

Wiele motywów portfolio WordPress ma domyślnie te funkcje i są one fantastyczne. Możesz zobaczyć inny przykład w motywie Becketta, który wykorzystuje proste linki tekstowe.

Ale zauważ, że oba przykłady są w zasadzie projektami pełnoekranowymi, a portfolio zajmuje większość miejsca na stronie.

Kategorie dynamiczne działają najlepiej, gdy są łatwe w użyciu i łatwe do przeglądania. Te przykłady to świetne miejsce do rozpoczęcia i możesz nawet użyć tych motywów we własnej witrynie, jeśli pasują do Twojego stylu projektowania.

Pokazy slajdów projektu

Zdecydowana większość pokazów slajdów projektów jest wykorzystywana jako dodatkowe elementy na stronie projektu portfolio. Te pokazy slajdów dodają pewien poziom szczegółowości do strony, na której można przeglądać zdjęcia jednym kliknięciem.

Lubię pokazy slajdów, ponieważ dają wgląd w przepływ pracy, nie zajmując dużo miejsca. Ale powinieneś ich używać oszczędnie.

Czasami odwiedzający wolą galerię miniatur, aby przeglądać wszystkie naraz. Ale pokazy slajdów mają swoje miejsce, jeśli nie są zbyt duże i nie zawierają zbyt wielu slajdów (powiedzmy, że mają mniej niż 15 lat).

Bramble obsługuje pokazy slajdów obrazów na stronach portfolio, a także są one w pełni responsywne. Umożliwia to szybkie przeglądanie zdjęć i udostępnia dwie różne metody nawigacji:

• Strzałki w lewo/w prawo
• Nawigacja punktowa dla każdego slajdu

Użytkownicy smartfonów mogą nadal z łatwością pracować z tym pokazem slajdów i uzyskać pełny efekt. Ale jest też argument za miniaturami, ponieważ użytkownik może kliknąć, aby powiększyć zdjęcie.

Twój idealny pokaz slajdów z portfolio zależy od rodzaju wykonywanej pracy. Jeśli Twoje ujęcia zmieszczą się w suwaku poziomo, zdecydowanie rozważ dodanie go do strony projektu.

Możesz nawet dodać go do swojej strony głównej, tak jak w motywie Oshine. W szczególności to demo prezentujące projektowanie wnętrz i architekturę.

Ten wyjątkowy styl sprawdza się dobrze w przypadku fotografów, projektantów cyfrowych i artystów cyfrowych. Te style pracy są zwykle dość duże i dobrze pasują do pokazu slajdów na pełnym ekranie.

Suwaki na stronie głównej natychmiast przyciągają uwagę, dzięki czemu pomagają sprzedać dokładnie to, co robisz na pierwszy rzut oka.

Poczytaj tylko trochę na temat karuzeli, aby poznać sprawdzone metody dotyczące nawigacji i automatycznego przekierowywania.

Pudełka modalne

To moja preferowana technika prezentowania pracy z portfolio. Okno modalne pojawia się „na górze” strony, wyszarzając zawartość pod spodem.

Zwykle ma to postać galerii obrazów, w której użytkownik może klikać (lub przesuwać palcem) przez wiele obrazów projektu jednocześnie. Ponieważ okno modalne pojawia się na górze strony, może zająć całą stronę bez denerwowania użytkownika nową kartą.

Fantastycznym tego przykładem jest motyw Vitae w ThemeForest. Jest dostarczany z modalami lightbox na każdej stronie pozycji portfolio, gdzie można kliknąć, aby zobaczyć większy widok obrazu.

Osobiście wolę ciemniejsze tło, ponieważ to naprawdę dodaje kontrast między oknem modalnym a zawartością. Niektóre motywy, takie jak Vitae, używają jaśniejszego tła i to również działa dobrze.

Celem jest zwiększenie zaangażowania użytkowników poprzez wymuszenie tego modu na całej stronie. Kiedy robisz to z modalnym wyskakującym okienkiem, może to być bardzo denerwujące. Ale działa zaskakująco dobrze w przypadku zawartości portfolio, gdy użytkownik tego oczekuje.

Polecam to głównie w przypadku elementów galerii, w których masz wiele zdjęć, które chcesz zaprezentować w jednej serii. Ciemne okna modalne mogą również prezentować pełne elementy portfolio, jak w przypadku motywu Honshi.

Jeśli masz serię zdjęć, które pasują do zestawu, rozważ uruchomienie ich z modalnymi pokazami slajdów. Lub jeśli jesteś projektantem, możesz dodać różne etapy swojej pracy do pokazu slajdów, prawie jak postęp od początku do końca.

Każdy rodzaj wizualnej witryny portfolio może korzystać z okien modalnych. Po prostu chcesz znaleźć motyw portfolio z tą funkcją i w naturalny sposób umieścić go na stronach swojego projektu.

Całostronicowe studia przypadków

Zawsze dobrze jest dodać jakąś pisemną treść obok swojego portfolio. W ten sposób odwiedzający mogą zorientować się, jak wygląda projekt, jaka jest praca, którą wykonałeś i jak przeszedłeś od początkowej fazy planowania do zakończenia.

Studia przypadków najlepiej nadają się do przedstawienia pełnego obrazu projektu. Powinieneś oczywiście mieć na stronie dużo zdjęć, ale także osobiste anegdoty i listy opisujące cały proces twórczy.

Odwiedzający chcą dowiedzieć się więcej o tym, co robisz. Te studia przypadków budują zaufanie i przedstawiają Cię jako autorytet w tej dziedzinie.

Mandala to doskonały motyw pokazujący, jak proste mogą wyglądać studia przypadków.

W górnej części znajduje się przykładowe zdjęcie projektu wraz z dodatkowymi szczegółami, takimi jak data projektu, kategoria, nazwa klienta i krótki przegląd projektu.

Daj czytelnikom szansę zajrzeć za kulisy i dowiedzieć się więcej o tym, co robisz. Wizualizacje pomagają, ale pokazują tylko część historii.

Pisząc studia przypadków, możesz wyjaśnić swoje typowe problemy i sposób ich rozwiązania, a także przeprowadzić burzę mózgów w celu wymyślenia fajnych pomysłów.

Jeśli zajmujesz się fotografią, prawdopodobnie nie będziesz miał o czym pisać. Jednak motyw Dazzle pokazuje, że tylko odrobina treści może przejść długą drogę.

Temat ich portfolio obejmuje dziesiątki stylów. Niektórzy mają małe ciekawostki o projekcie, inni mają więcej szczegółów na stronie projektu. Ale tak czy inaczej, możesz się wiele nauczyć, przeglądając wiele stylów, które oferuje ten motyw.

Zapoznaj się ze studiami przypadków i dostosuj je do swoich potrzeb. Dodaj tylko tyle informacji, aby były cenne dla odwiedzających bez pisania pełnej rozprawy.

Zawijanie

Prezentacja pracy z portfolio nie zawsze jest prosta. Różni się w zależności od rodzaju pracy i liczby projektów.

Ale trendy, które wymieniłem powyżej, sprawdzają się właściwie w prawie wszystkim, od projektowania graficznego po fotografię, animację, pracę z interfejsem użytkownika lub cokolwiek innego. Niestandardowe pokazy slajdów, sortowanie kategorii, okna modalne i studia przypadków mogą radykalnie zwiększyć zaangażowanie w witrynie Twojego portfolio.

Jeśli jeszcze nie założyłeś własnej witryny z portfolio, zapoznaj się z naszym artykułem o tym, jak zbudować witrynę z portfolio WordPress, w której wyjaśnimy, jak skonfigurować hosting i motyw dla swojego portfolio online.