10 site-uri Divi cu pagini cool de portofoliu

Publicat: 2018-07-26

Pagina portofoliului este una dintre cele mai importante pagini pentru oricine furnizează un serviciu. Nu numai că demonstrează tipul de muncă pe care îl faceți, ci arată și vizitatorului nivelul dvs. de expertiză și clienții cu care ați lucrat. Paginile de portofoliu pot fi proiectate în mai multe moduri diferite. În acest articol vom analiza 11 site-uri web Divi cu pagini interesante de portofoliu pentru a vă inspira pentru următorul design Divi.

Paginile de portofoliu includ de obicei portofoliul standard, portofoliul de filtrare sau modulele de portofoliu cu lățime completă. Cu toate acestea, există și alte modalități de a vă afișa portofoliul. Unii construiesc portofoliul cu elemente precum imagini, blurbs sau galerii. Desigur, acest lucru trebuie să funcționeze bine în aspectul paginii. Vom vedea exemple de fiecare.

Voi arăta o imagine a secțiunii care îmi place și voi discuta despre ce mi-a plăcut la aceasta. Site-urile web nu au o ordine specială. Așezați-vă până la final pentru câteva linkuri care vă vor ajuta să vă ridicați propria pagină de portofoliu folosind Divi.

1. Boon Creative

Acest site afișează o listă de servicii care se deschid în comutare în secțiunea erou urmată de o secțiune cu lățime completă pentru a afișa o ofertă. Secțiunea portofoliu afișează categoriile de servicii, numele clientului și descrierea clientului în stânga și imaginile proiectului în dreapta. Fiecare dintre articolele de portofoliu sunt separate printr-un divizor subțire. Exemple de site-uri web includ link-uri pentru a vizualiza site-ul web live.

Vezi site-ul web

2. rotund

Acest site prezintă articolele portofoliului în trei coloane și include o secțiune într-o singură coloană. Cele trei secțiuni de coloană plasează o suprapunere peste imaginile fiecărui proiect cu sigla clientului în alb. Pictogramele albe trasate în linie din colțurile de jos arată categoria pentru proiect. Secțiunea cu o singură coloană prezintă o imagine a proiectului cu text și un buton peste un fundal modelat. În a treia secțiune oferă linkuri pentru a vedea mai multe din fiecare categorie.

Vezi site-ul web

3. Leo Whou Teng

Această pagină plasează articolele portofoliului într-un aspect cu mai multe coloane, fără spațiu între imagini. Trecând cu mouse-ul peste oricare dintre ele, apare o suprapunere albastră peste imagine și o casetă în partea de jos care arată numele și categoriile proiectului. Portofoliul include două și trei coloane și alternează aspectul. Imaginile utilizează fundaluri diferite și arată imaginile proiectelor pe diferite tipuri de dispozitive. Acest site folosește excelent culoarea.

Vezi site-ul web

4. Studinger Media Graphics

Acest site introduce pagina portofoliului cu logo-ul companiei, numele și titlul paginii, peste o imagine de fundal elegantă care abia dacă se afișează prin suprapunerea în monocrom. Secțiunea portofoliu folosește butoane stilizate pentru filtru și arată proiectele într-o grilă cu trei coloane. Plasarea rotind imaginea și oferă un link. Pagina include, de asemenea, un apel la acțiune, un formular de contact și un subsol dezvăluitor cu un cod QR și butoane de urmărire socială care se potrivesc cu marca site-ului.

Vezi site-ul web

5. Catherine Cliffe

Această pagină de portofoliu prezintă o imagine pe ecran complet cu titlu și descriere într-o suprapunere în paralaxă. Derularea dezvăluie o secțiune text cu numele și locația proiectului și numele persoanelor implicate. Urmează o galerie care include imagini pe ecran complet și o grilă cu trei coloane. Alte proiecte urmează un model similar cu imagini afișate într-o grilă cu două sau trei coloane.

Vezi site-ul web

6. Super Web Design Divin

Acesta numerotează fiecare proiect și afișează o imagine care include logo-ul companiei și serviciile furnizate, titlul proiectului cu un font scris manual, o scurtă descriere a proiectului și un buton pentru a vedea proiectul în direct. Textul titlului, marginea și culorile butoanelor se potrivesc cu marca site-ului. Urmează acest lucru un CTA către o aplicație de rezervare online.

Vezi site-ul web

7. Obțineți web design

Această pagină de portofoliu încarcă proiecte de imagini similare cu Pinterest. Acestea sunt afișate într-o grilă cu 4 sau 5 coloane (în funcție de dimensiunea ecranului și de nivelul de zoom). Plasând asupra oricărui proiect dezvăluie o lupă. Dând clic pe aceasta se deschide imaginea într-o casetă lightbox. Multe dintre imagini sunt aspecte complete ale site-urilor web, în ​​timp ce altele sunt zona eroului.

Vezi site-ul web

8. Marketing digital Caporal

Această pagină de portofoliu afișează o imagine cu lățime completă cu titlu, slogan și buton cu o margine interesantă care se potrivește culorilor de marcă ale site-ului. Derularea dezvăluie portofoliul filtrat într-o grilă cu trei coloane. Portofoliul afișează logo-urile clientului în monocrom, care se afișează în culoare pe hover. Acestea includ, de asemenea, numele clientului și serviciul oferit. Linia din stânga afișează numele rețelelor sociale într-un text orientat lateral. Acestea rămân pe ecran pe scroll.

Vezi site-ul web

9. Vulpea Mighty

Această pagină este introdusă cu un fundal cu lățime completă, cu o suprapunere întunecată și un font elegant pentru a afișa titlul paginii. Portofoliul filtrat afișează siglele clientului în monocrom. Trecând cu mouse-ul peste oricare dintre proiecte aduce o suprapunere din direcția din care a venit mouse-ul. Suprapunerea afișează numele companiei și serviciile furnizate împreună cu un link pentru a vedea proiectul în direct. Acesta este urmat de un CTA, o secțiune cu două coloane cu o imagine de fundal în paralaxă și un glisor de mărturie, butoane de urmărire socială și un flux Instagram.

Vezi site-ul web

10. Waka

Acesta a fost dezvoltat mai întâi pentru mobil. Pagina este introdusă cu o secțiune mare, cu text extra-mare, care include un titlu și o descriere. Pe scroll și bifatorul apare în partea de jos a paginii și rămâne pe ecran în această locație. Cursorul se schimbă într-o săgeată mare și se schimbă într-o mână mare atunci când treceți cu mouse-ul peste o imagine. Proiectele sunt afișate în două coloane. Pagina include, de asemenea, o listă de servicii, formular de contact și înscriere la newsletter. Footer-ul este dezvăluit pe scroll și afișează videoclipuri care se afișează prin secțiunea decupată a textului.

Vezi site-ul web

Gânduri de sfârșit

Acesta este aspectul nostru la 11 site-uri web Divi cu pagini interesante de portofoliu pentru a vă inspira pentru următorul dvs. site Divi. Există o mulțime de articole aici pe blogul ET care se concentrează în mod special pe portofolii sau elemente cum ar fi blurbs, imagini sau galerii.

Iată doar câteva:

  • Cum se folosește un portofoliu filtrabil și post navigare pentru a organiza studii de caz cu Divi
  • 3 machete gratuite de pagini de proiect frumoase (și cum să construiești mai multe cu Divi Builder)
  • Cum să utilizați Divi duce la măsurarea eficienței site-ului dvs. de portofoliu
  • Cum se creează o pagină de portofoliu minimă cu Divi
  • Utilizarea filtrelor, secțiunilor Hero și CTA pentru a extinde un portofoliu minim
  • Descărcare gratuită Divi: Pachetul de aspect al portofoliului de acasă
  • Descărcare gratuită Divi: pachet de aspect portofoliu creativ pentru o singură pagină
  • Folosind animația Divi's Fold pentru a face Blurbs să înflorească
  • Cum se adaugă Efecte avansate Hover la modulul Divi's Blurb folosind Hover.css
  • 5 moduri distractive de a stiliza modulul Blurb al lui Divi
  • Crearea unei scale de gri în Galeria de culori cu modulul Galeria Divi
  • Cum se creează un efect unic de suprapunere cu imagini de fundal
  • Cum să utilizați noile opțiuni de filtrare Divi pentru a vă înfrumuseța imaginile

Vrem sa auzim de la tine. Care dintre aceste site-uri web cu pagini interesante de portofoliu sunt preferatele dvs.? Spuneți-ne în comentarii.

Imagine prezentată prin Graphic farm / shutterstock.com