10 witryn Divi z fajnymi stronami z portfolio

Strona portfolio jest jedną z najważniejszych stron dla każdego, kto świadczy usługę. Nie tylko pokazuje rodzaj wykonywanej pracy, ale także pokazuje odwiedzającemu Twój poziom wiedzy i klientów, z którymi pracowałeś. Strony portfolio można zaprojektować na wiele różnych sposobów. W tym artykule przyjrzymy się 11 witrynom Divi z fajnymi stronami z portfolio, które pomogą Ci zainspirować Cię do następnego projektu Divi.

Strony portfolio zazwyczaj zawierają standardowe portfolio, portfolio filtrów lub moduły portfolio o pełnej szerokości. Istnieją jednak inne sposoby wyświetlania swojego portfolio. Niektórzy budują portfolio z takich elementów jak zdjęcia, notki lub galerie. Oczywiście musi to dobrze działać w układzie strony. Zobaczymy przykłady każdego z nich.

Pokażę obraz sekcji, która mi się podoba i omówię, co mi się w niej podobało. Strony internetowe nie są w określonej kolejności. Zatrzymaj się do końca, aby uzyskać kilka linków, które pomogą Ci wyrównać własną stronę portfolio za pomocą Divi.

1. Twórczy dobrodziejstwo

Ta witryna wyświetla listę usług, które otwierają się za pomocą przełączników w sekcji bohatera, po której następuje sekcja o pełnej szerokości, aby wyświetlić cytat. Sekcja portfolio pokazuje kategorie usług, nazwę klienta i opis klienta po lewej stronie oraz zdjęcia projektu po prawej. Każda z pozycji portfela jest oddzielona cienką przegrodą. Przykłady witryn internetowych obejmują łącza do przeglądania witryny na żywo.

Zobacz stronę internetową

2. okrągły kołek

Ta witryna przedstawia pozycje portfolio w trzech kolumnach i zawiera sekcję w jednej kolumnie. Trzy sekcje kolumn umieszczają nakładkę na zdjęciach każdego projektu z logo klienta w kolorze białym. Ikony narysowane białą linią w dolnych rogach pokazują kategorię projektu. Sekcja jednokolumnowa pokazuje obraz projektu z tekstem i przyciskiem na wzorzystym tle. W trzeciej sekcji zawiera linki, aby zobaczyć więcej w każdej kategorii.

Zobacz stronę internetową

3. Leo Whou Teng

Ta strona umieszcza elementy portfolio w układzie wielokolumnowym bez spacji między obrazami. Najechanie kursorem na którykolwiek z nich powoduje wyświetlenie niebieskiej nakładki na obrazie i pola na dole, które pokazuje nazwę i kategorie projektu. Portfolio zawiera dwie i trzy kolumny i zmienia układ. Obrazy wykorzystują różne tła i pokazują obrazy projektów na różnych typach urządzeń. Ta strona doskonale wykorzystuje kolor.

Zobacz stronę internetową

4. Grafika medialna Studingera

Ta witryna przedstawia stronę portfolio z logo firmy, nazwą i tytułem strony na eleganckim obrazie tła, który ledwo widać przez nakładkę w trybie monochromatycznym. Sekcja portfolio używa stylizowanych przycisków dla filtra i pokazuje projekty w siatce z trzema kolumnami. Najechanie obraca obraz i udostępnia link. Strona zawiera również wezwanie do działania, formularz kontaktowy i odsłaniającą stopkę z kodem QR i przyciskami śledzenia społecznościowego, które pasują do marki witryny.

Zobacz stronę internetową

5. Katarzyna Cliffe

Ta strona portfolio pokazuje pełnoekranowy obraz z tytułem i opisem w nakładce w paralaksie. Przewijanie ujawnia sekcję tekstową z nazwą i lokalizacją projektu oraz nazwiskami zaangażowanych osób. Poniżej znajduje się galeria zawierająca obrazy w trybie pełnoekranowym i siatkę z trzema kolumnami. W podobnym schemacie podążają inne projekty z obrazami przedstawionymi w dwu- lub trzykolumnowej siatce.

Zobacz stronę internetową

6. Super Boski projekt strony internetowej

Ten numeruje każdy projekt i wyświetla obraz, który zawiera logo firmy i świadczone usługi, tytuł projektu z odręczną czcionką, krótki opis projektu i przycisk, aby zobaczyć projekt na żywo. Kolory tekstu, obramowania i przycisków w tytule pasują do marki witryny. Poniżej znajduje się CTA do aplikacji do rezerwacji online.

Zobacz stronę internetową

7. Uzyskaj projektowanie stron internetowych

Ta strona portfolio ładuje projekty obrazów podobnych do Pinteresta. Są wyświetlane w siatce 4 lub 5 kolumn (w zależności od rozmiaru ekranu i poziomu powiększenia). Najechanie kursorem na dowolny projekt odsłania lupę. Kliknięcie tego otwiera obraz w lightbox. Wiele obrazów to kompletne układy stron internetowych, podczas gdy inne to obszar bohatera.

Zobacz stronę internetową

8. Cyfrowy marketing kapralowy

Ta strona portfolio wyświetla obraz o pełnej szerokości z tytułem, sloganem i przyciskiem z interesującą ramką, która pasuje do kolorów marki witryny. Przewijanie ujawnia przefiltrowane portfolio w trzykolumnowej siatce. Portfolio przedstawia logo klienta w kolorze monochromatycznym, które wyświetla się w kolorze po najechaniu kursorem. Zawierają również nazwę klienta i świadczone usługi. Wiersz po lewej stronie wyświetla nazwy sieci społecznościowych w tekście zorientowanym bokiem. Pozostają na ekranie podczas przewijania.

Zobacz stronę internetową

9. Potężny Lis

Ta strona ma tło o pełnej szerokości z przyciemnioną nakładką i elegancką czcionką wyświetlającą tytuł strony. Przefiltrowane portfolio wyświetla logo klienta w trybie monochromatycznym. Najechanie kursorem na którykolwiek z projektów powoduje nałożenie nakładki z kierunku, z którego pochodzi mysz. Na nakładce wyświetlana jest nazwa firmy i świadczone usługi wraz z linkiem do obejrzenia projektu na żywo. Po nim następuje CTA, dwukolumnowa sekcja z obrazem tła w paralaksie i suwakiem referencji, przyciskami obserwowania społecznościowego i kanałem na Instagramie.

Zobacz stronę internetową

10. Waka

Ten został opracowany dla urządzeń mobilnych. Strona jest poprzedzona dużą sekcją z bardzo dużym tekstem, który zawiera tytuł i opis. Na dole strony pojawia się scroll i ticker, który pozostaje na ekranie w tym miejscu. Kursor zmieni się w dużą strzałkę, a po najechaniu na obrazek zmieni się w dużą rękę. Projekty wyświetlane są w dwóch kolumnach. Strona zawiera również listę usług, formularz kontaktowy i opcję subskrypcji biuletynu. Stopka jest widoczna na przewijaniu i wyświetla wideo, które pokazuje wycięty fragment tekstu.

Zobacz stronę internetową

Końcowe myśli

Oto nasze spojrzenie na 11 witryn Divi z fajnymi stronami portfolio, które pomogą Ci zainspirować Cię do następnej witryny Divi. Na blogu ET jest wiele artykułów, które koncentrują się w szczególności na portfolio lub elementach takich jak notki, obrazy lub galerie.

Oto tylko kilka:

• Jak korzystać z filtrowalnego portfolio i nawigacji po wpisach do organizowania studiów przypadków za pomocą Divi
• 3 bezpłatne piękne układy stron projektu (i jak budować więcej za pomocą Divi Builder)
• Jak używać potencjalnych klientów Divi do mierzenia skuteczności witryny z portfolio
• Jak stworzyć minimalną stronę główną portfolio z Divi
• Używanie filtrów, sekcji bohaterów i wezwania do działania w celu rozszerzenia minimalnej strony głównej portfolio
• Darmowe pobieranie Divi: Pakiet układu strony głównej portfolio
• Darmowe pobieranie Divi: pakiet układu kreatywnego portfolio z jedną stroną
• Używanie animacji Divi's Fold do rozkwitania Blurbs
• Jak dodać zaawansowane efekty zawisu do modułu Blurb Divi za pomocą Hover.css?
• 5 zabawnych sposobów na stylizację modułu Blurb Divi
• Tworzenie galerii odcieni szarości na kolor za pomocą modułu Divi Gallery
• Jak stworzyć unikalny nakładający się efekt z obrazami tła
• Jak korzystać z nowych opcji filtrów Divi, aby upiększyć swoje obrazy?

Chcemy usłyszeć od Ciebie. Które z tych witryn z fajnymi stronami z portfolio są Twoimi ulubionymi? Daj nam znać w komentarzach.

Polecane zdjęcie za pośrednictwem Graphic farm / shutterstock.com