Divi Design Showcase: Trimiteri noi din octombrie 2019

Este timpul acela din nou! Este timpul pentru Divi Showcase lunar, unde aruncăm o privire asupra a zece site-uri web Divi uimitoare realizate de membrii comunității noastre. În fiecare lună prezentăm cele mai bune site-uri web Divi care au fost trimise de comunitatea noastră și astăzi dorim să vă împărtășim primele zece site-uri web pentru luna octombrie. De-a lungul postării, voi indica câteva dintre funcțiile mele de design preferate care mă atrag pe fiecare dintre site-urile web.

Sper ca iti plac!

Divi Design Showcase: Trimiteri noi din octombrie 2019

1. Roboți vs. Cons

Acest site a fost trimis de Wade McMaster. Site-ul folosește o paletă de culori închise, cu text alb și albastru deschis și evidențiază pe tot parcursul. Meniul este subțire și este separat de secțiunea erou cu o linie albastră. Secțiunea erou afișează o imagine de fundal cu logo-ul site-ului și descrierea în text mare. O secțiune Despre arată informații în două coloane. Îmi place secțiunea de blog, care se afișează în paralelă peste o imagine de fundal cu o suprapunere stilată. Afișează cea mai recentă postare de blog cu text pe o parte ca CTA pentru a vedea blogul și o postare pe blog pe cealaltă într-un design de card. Paginile de Imagini de fundal și Blog afișează postări de blog cu antet, imagine de fundal și bară laterală. Interesantă este și pagina Abonare. Afișează formularul de înscriere ca un CTA cu gloanțe pe o parte pentru a arăta beneficiile abonării. Paginile afișează un design de meniu diferit de pagina de pornire.

Vizitati site-ul

2. Match Design Media

Acest site a fost trimis de Sam Nicholson. Site-ul afișează un videoclip de fundal pe ecran complet, cu o suprapunere în gradient. Primul plan afișează logo-ul și desenele de linie. Logo-ul se apropie de hover și două dintre elementele de linie dispar pentru a crea un efect de hover interesant. Cel mai interesant element este modul în care site-ul folosește separatoare de secțiuni. Plasează o imagine de fundal în spatele divizorului și apoi plasează un gradient peste acesta. Deasupra lor sunt plasate contoare de numere sau contoare de cercuri. Site-ul folosește o mulțime de gradiente și text stilizat pentru a se potrivi. Butoanele includ aceleași gradiente ca fundalurile. Serviciile sunt afișate cu un aspect alternativ și includ imagini care se înclină în cursă. Secțiunea Cariere și secțiunea Contact includ același efect de înclinare. Are o mulțime de animații mici, cum ar fi liniile care se înclină la locul încărcării. Site-ul include, de asemenea, un buton de tip back-to-top și un glisor cu stil, pe care aș dori să-l văd devenind o practică standard pentru designul web.

Vizitati site-ul

3. Proprietate Pop

Acest site a fost trimis de Kaelynn Midgley. Afișează un gradient de fundal cu lățime completă, cu un CTA pe o parte și o imagine pe un dispozitiv mobil pe cealaltă. Derularea dezvăluie informații pe de o parte cu un CTA și imagini cu proprietăți pe de altă parte, cu o imagine plasată în conturul unui laptop. Proiecte similare continuă pe tot site-ul. Preferatul meu este secțiunea despre comunitate. Include un aspect cu două coloane, cu o imagine de fundal, cu o suprapunere care o suprapune, care include o imagine, un text și un buton și informații pe cealaltă parte. Pagina Cum funcționează arată fiecare pas în ecran complet cu o culoare de fundal diferită pentru fiecare. Îmi place și pagina blogului, care include o secțiune erou, text pentru informații, un divizor și apoi postările de pe blog. Postările adaugă o umbră de casetă la imaginea prezentată. Meniul include un CTA.

Vizitati site-ul

4. Patria

Acest site a fost trimis de Jerome Bestel. Acesta include o mulțime de elemente grafice pe tot site-ul, începând cu secțiunea erou, care afișează o imagine mare pe o parte și un CTA pe cealaltă. Derularea afișează o secțiune din două coloane, cu o grafică mai mică pe o parte, cu un buton de apel pe care se poate face clic și informații pe cealaltă parte. Acest design alternează în jos pe pagină în timp ce derulați. Alte informații sunt furnizate în blurbs. Un glisor vă permite să mutați un cursor și să selectați un preț. Informațiile despre echipă sunt furnizate cu blurbs și includ elemente grafice pentru imagini. Site-ul folosește un design minim și mult albastru pentru ca textul și fundalurile să atragă publicul țintă. Fiecare dintre pagini are un design similar, dar totuși are ceva unic. Meniul include un CTA de contact și un link de apel pe care se poate face clic. Îmi plac în special grafica mare din secțiunile erou ale fiecărei pagini.

Vizitati site-ul

5. ChangeUp for Charity

Acest site a fost trimis de Dickon Kent. Are un gradient de fundal pe toată lățimea, cu o imagine pe o parte în spatele unui CTA și un set de imagini pe cealaltă parte, care arată aplicația pe telefoanele mobile. Următoarele secțiuni arată text cu un divizor și un titlu albastru în stânga și un smartphone cu o imagine a aplicației și grafica înconjurătoare în dreapta. Textul și grafica alunecă în loc în timp ce derulați. Un glisor afișează sigle peste un fundal modelat cu un gradient. Un glisor de mărturie cu lățime completă include imaginea, mărturia și navigarea cu puncte și săgeți pe fundalul albastru care se potrivește cu site-ul. Informațiile sunt furnizate în interiorul blurbs-urilor care includ pictograme în cercuri care se potrivesc stilului site-ului. Site-ul folosește excelent culorile și gradientele marca albastră și verde.

Vizitati site-ul

6. Rebbl

Acest site a fost trimis de Dickon Kent. Acest site folosește un mega meniu interesant, cu text mai mic sub textul principal. Trecând cu mouse-ul peste unul dintre linkuri se deschide meniul pentru a dezvălui mai multe linkuri și imagini. Prima secțiune a paginii de pornire arată o imagine cu lățime completă, cu spațiu pe o parte pentru un CTA și produsele pe cealaltă parte. Derularea dezvăluie un CTA cu lățime completă care demonstrează produsul și oferă un link către magazin. O secțiune de blog prezintă categoriile sub formă de carduri de blog. Dând clic pe una se deschide pagina de arhivă a categoriei blogului respectiv. Postările de pe blog sunt prezentate pe cărți mari cu categoria centrată între imagine și extras. Un formular de abonament subțire afișează textul și formularul peste un model de fundal. Informațiile despre companie și produse sunt prezentate într-o secțiune cu două coloane cu CTA-uri mari. Îmi place videoclipul CTA care afișează un videoclip de fundal cu un titlu și un buton în suprapunere. Un glisor Instagram încorporat oferă informații despre hover și deschide informațiile într-un modal pe clic.

Vizitati site-ul

7. Tinerețe, Vorbește!

Acest site a fost trimis de Michal Teska. Este un aspect de o pagină care afișează o imagine de fundal pe ecran complet în paralelă cu o suprapunere foarte opacă. Suprapunerea include un slogan și o imagine. Toate secțiunile au un aspect cu două coloane, cu text în fundal în paralelă cu un grafic în prim-plan și text pe cealaltă parte. Acest design alternează pe măsură ce derulați. Una dintre aceste secțiuni are comutatoare care sunt concepute pentru a se potrivi cu site-ul. Informațiile despre persoanele implicate sunt create cu blurbs care au o imagine miniatură în stânga și numele și locația lor în dreapta. Logo-urile partenerilor sunt afișate în tonuri de gri și se schimbă în culoare pe hover.

Vizitati site-ul

8. AWEOS

Acest site a fost trimis de Christos Papadopoulos. Un fundal animat creează efectul unei setări submarine cu grafică de desene animate. Un CTA cu un slogan și o imagine animată se află pe fundal. Un mega meniu dezvăluie trei coloane de linkuri și imagini. Următoarea secțiune oferă informații și include un link de apel care poate fi făcut clic și un link de consultare. Membrii echipei sunt afișați cu o imagine, un nume, un titlu, o descriere și un buton pentru a auzi un mesaj audio de la acea persoană. Serviciile sunt afișate în blurbs care includ pictograme sub text. Pagina Proiectului prezintă exemple dintr-o carte care se derulează pe hover. Fiecare dintre paginile Serviciilor urmează un design similar, care include un antet cu o descriere și un link, urmat de informații detaliate. Pagina blogului și postările urmează un design similar al antetului.

Vizitati site-ul

9. Marci Angeles

Acest site a fost trimis de Marci Angeles. Antetul și subsolul rămân pe ecran în timp ce derulați. Sunt transparente, astfel încât aspectul să fie afișat. Pagina de pornire arată un fundal albastru și mai multe imagini cu probe de lucru. Dând clic pe o imagine se deschide pagina proiectului respectiv, unde puteți vedea detaliile despre proiect. Fiecare este afișat ca o postare de blog și include o imagine prezentată, descriere, imagini, navigare la postările anterioare și următoare și un formular de contact. Subsolul nu rămâne pe ecran pe paginile proiectului. Antetul și subsolul au un design simplu și curat. Antetul include link-uri către alte site-uri de către proprietar, care folosesc culori moi similare ca acesta. Subsolul include link-uri către rețelele de socializare. Ambele au linii care le separă de corpul site-ului.

Vizitati site-ul

10. ATG Europa

Acest site a fost trimis de Camiel Bos. Antetul pe ecran complet arată un videoclip de fundal cu titlu și slogan în colțul din stânga jos al ecranului. Are un mega meniu și afișează linkuri și postări pe hover. Pe scroll, vedeți că meniul devine alb și are o margine curbată și reflectă partea de jos a secțiunii video. Informațiile sunt furnizate în secțiunea următoare și includ o imagine care se potrivește cu tema site-ului. Industriile deservite, soluțiile și serviciile sunt afișate în imagini în paralelă. Un CTA de contact afișează titlul și butonul peste o imagine de fundal și include separatoare de secțiuni curbate pentru partea de sus și de jos pentru a crea un design interesant. Site-ul folosește o mulțime de separatoare, modele de fundal și elemente suprapuse, care se remarcă frumos, păstrând în același timp un design curat. Site-ul folosește excelent imaginile și culorile.

Vizitati site-ul

Concluzie

Acestea sunt cele mai bune 10 trimiteri pe site-ul nostru comunitar Divi pentru luna octombrie. Aceste site-uri arată uimitor și, ca întotdeauna, vrem să mulțumim tuturor pentru trimiterile dvs.!

Dacă doriți să luați în considerare propriul design, vă rugăm să nu ezitați să ne trimiteți un e-mail editorului nostru la nathan la temele elegante dot com. Asigurați-vă că faceți subiectul e-mailului „TRIMITERE SITE DIVI”.

De asemenea, am dori să aflăm de la dvs. în comentarii! Spuneți-ne ce vă place la aceste site-uri web și, dacă au făcut ceva, doriți să învățăm pe blog.

Imagine caracteristică prin ProStockStudio / shutterstock.com