10 site-uri Divi cu pagini de proiect minunate

Paginile proiectului sunt excelente pentru a arăta clienților potențiali tipul de muncă pe care o faceți. Acestea includ adesea studii de caz, care vă ajută să vă arătați expertiza și le oferă o idee realistă la ce să vă așteptați. Există mai multe moduri de a crea pagini de proiect cu Divi. În acest articol vom analiza 10 site-uri Divi cu pagini de servicii minunate pentru a vă inspira pentru următorul site Divi.

Paginile proiectului includ de obicei elemente precum imagini, galerii, glisante, videoclipuri, mărturii și îndemnuri. 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 link-uri care să vă ajute să vă ridicați nivelul propriei pagini de proiect unice.

1. BCBD

Aceasta arată o captură de ecran a proiectului pe un ecran de laptop pe o parte și o captură de ecran mai mare pe cealaltă. Sub imagini este o secțiune din două coloane cu un titlu, o descriere și un link către site-ul web într-o coloană și o listă a serviciilor furnizate în cealaltă coloană. Sub aceasta este o secțiune cu capturi de ecran ale site-ului web afișate pe diferite dispozitive, o mărturie de la client, un separator și un buton pentru a vedea următorul proiect.

Vezi site-ul web

2. Jupper

Această pagină a proiectului afișează o imagine a proiectului urmată de numele clientului, numele proiectului și un separator. Următoarea secțiune prezintă o descriere în coloana din stânga și o imagine a produsului finit în dreapta folosind o umbră de cutie. Mai multe imagini cu umbre de casetă arată produsul finit într-o singură coloană urmată de un îndemn la acțiune. CTA folosește separatoare pentru partea de sus și de jos și folosește text cu e-mail pe care se poate face clic.

Vezi site-ul web (Site-ul este defect.)

3. Parteneriat de proiectare a comunicării

Acesta afișează un antet cu lățime completă, cu o imagine de fundal, siglă, meniu, slogan, divizor și o descriere a companiei. Derularea dezvăluie un rând 2/3, 1/3 cu o imagine mare a proiectului în coloana mai mare și o descriere în coloana mai mică. Descrierea include o defalcare a proiectului, inclusiv un titlu, numele clientului, scurtă descriere, soluții și linkuri pentru a descărca proiectul în format PDF, într-un formular de contact și înapoi la pagina portofoliului. Un set de imagini din proiect împreună cu textul stilat sunt utilizate ca CTA.

Vezi site-ul web

4. Vulpea Cubică

Această pagină a proiectului afișează o imagine a proiectului pe un ecran de computer așezat pe un birou. Textul este plasat lângă imagine și arată numele proiectului, clientul, anul, CMS, serviciile furnizate și un link pentru a vizualiza site-ul web. Sub aceasta sunt trei exemple de capturi de ecran ale proiectului. Dacă faceți clic pe oricare dintre imagini, acestea se deschid într-o casetă lightbox. Îmi place captura de ecran, deoarece este un exemplu real.

Vezi site-ul web

5. Kim Vestergaard

Acest site prezintă o mică secțiune în negru cu linkuri către diferite zone ale site-ului. Derularea dezvăluie imagini din proiect într-o singură coloană. Imaginile arată tipul de caractere utilizat, paleta de culori, designul proiectului (care este un logo) și apoi o mulțime de exemple despre modul în care este utilizat. Exemplele arată logo-ul pe diferite culori, ca fundal de desktop, într-un antet, pe un site web folosind diferite dispozitive, în exemple de reclame poster și pe rețelele de socializare.

Vezi site-ul web

6. Învățare

Acesta folosește un design curat cu o imagine cu lățime completă și titlul proiectului în paralelă. Sub acesta este un titlu și apoi două coloane. Prima coloană este text și oferă descrierea proiectului și include o mărturie cu caractere aldine. A doua coloană folosește un fundal gri pentru a ieși în evidență și oferă informații despre școală. În această secțiune este un link pentru a descărca informațiile despre proiect în format PDF. O altă secțiune cu lățime completă oferă linkuri către proiecte conexe, urmată de un CTA cu lățime completă.

Vezi site-ul web

7. Patti Houston

Acesta prezintă titlul și descrierea proiectului urmate de imagini ale proiectului într-un aspect cu mai multe coloane, alternând de la o coloană cu două la o coloană și imagini scurte și înalte. O secțiune include text lângă o imagine pentru a oferi mai multe informații despre proiect. Navigarea postării oferă linkuri către proiectele anterioare și următoare. Un separator separă proiectul de un CTA construit cu text și un buton. Îmi place aspectul acestuia.

Vezi site-ul web

8. Constructorii de apă albastră

Această pagină de proiect afișează un antet cu lățime completă, cu o imagine de fundal cu o suprapunere și un titlu. Informațiile despre proiect sunt furnizate într-o secțiune cu lățime completă ca text împărțit la separatoare verticale. Două coloane arată galeria de imagini a proiectului și detalii cu text. Urmează această secțiune cu siglele companiei pentru a vedea alte proiecte, o hartă pentru a vedea proiectul în persoană și navigarea postării către proiectul următor și anterior.

Vezi site-ul web

9. Kenny Payero

Acesta afișează proiectul în două coloane. Primul arată titlul, locația, o descriere, navigarea postării pentru a trece la proiectul anterior și următor și un buton format din pătrate care vă duce la pagina portofoliului. A doua coloană afișează imagini ale proiectului într-o grilă. Dacă faceți clic pe orice imagine, se deschide într-o casetă lightbox.

Vezi site-ul web

10. Grupul Zimmerman

Acesta este unul dintre cele mai elaborate din listă. Folosește un antet pe ecran complet cu imaginea de fundal, gradientul și numele clientului ca titlu al proiectului. Derularea dezvăluie două coloane cu informații despre client și blurbs de servicii furnizate lângă o imagine. Urmează un videoclip despre client, imagini ale proiectului, inclusiv site-ul web și campanii publicitare (inclusiv o cronologie interesantă), o prezentare generală a proiectului pe un gradient de fundal și un CTA.

Vezi site-ul web

Gânduri de sfârșit

Acesta este aspectul nostru la 10 site-uri web Divi cu pagini de servicii interesante pentru a vă inspira pentru următorul dvs. design Divi.

Există o mulțime de articole de design și instrucțiuni aici pe blogul ET care sunt perfecte pentru a construi pagini de proiect. Pagina proiectului este un tip de post personalizat care poate fi construit cu Divi Builder și adesea utilizează elemente precum galerii și designuri de pagini, cum ar fi postări de blog, pentru a arăta lucrarea. Am inclus linkuri către tutoriale care acoperă atât galeriile și postările de blog, cât și aspectele generale ale paginilor.

• 3 machete gratuite de pagini de proiect frumoase (și cum să construiești mai multe cu Divi Builder)
• Cum se folosește un portofoliu filtrabil și post navigare pentru a organiza studii de caz cu Divi
• Cum se creează o tabletă de previzualizare a textului cu Divi
• Ce ne pot învăța 11 dintre cele mai bune site-uri de portofoliu despre prezentarea muncii noastre
• Cum să creați mărturii uimitoare ale galeriei cu Divi
• Crearea unei scale de gri în Galeria de culori cu modulul Galeria Divi
• Pachet de layout gratuit pentru galeria foto Divi: 5 machete uimitoare de pagini de galerie într-o singură descărcare convenabilă
• Utilizarea modulului Galerie Divi pentru a crea o galerie cu gresie cu umplutură personalizată
• Pachetul gratuit de prezentare a posturilor de blog Divi va duce articolele propuse de constructor la nivelul următor
• Secretul proiectării aspectelor de grilă rupte în Divi
• Cum să proiectezi un aspect diagonal unic cu Divi

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

Imagine prezentată prin PODIS / shutterstock.com