Divi Design Showcase: Trimiteri noi din aprilie 2019

Este timpul din nou pentru Divi Showcase lunar, unde aruncăm o privire asupra a 10 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 aprilie. 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 aprilie 2019

1. Motion University

Acest site a fost trimis de Andrew Bartlett. Site-ul folosește un fundal întunecat cu text alb cu evidențieri galbene și portocalii (tehnic este maro murdar). Toate imaginile de fundal sunt întunecate. Secțiunea erou arată o imagine de fundal care descrie site-ul. Textul din suprapunere include un slogan și un CTA în stânga și un buton de redare în dreapta. Butonul de redare se modifică la trecerea cu mouse-ul și deschide un videoclip într-o fereastră pop-up atunci când faceți clic. Alte secțiuni prezintă informații în două coloane cu text și imagini. Aspectul alternează pe măsură ce derulați. Între secțiuni, există miniaturi mici cu baloane pentru mărturii. Un CTA cu lățime completă oferă o imagine cu un formular de abonament. Mai multe baloane cu discursuri testimoniale creează un subsol dezvăluit.

Vizitati site-ul

2. Proiecte JD

Acest site a fost trimis de James Dawson. Afișează un glisor pe ecran complet cu imagini de fundal și suprapuneri întunecate. Suprapunerile folosesc text mare pentru a descrie site-ul și pentru a oferi un CTA. Derularea dezvăluie o altă secțiune cu text mare pe un fundal alb care descrie compania. Serviciile sunt afișate în text cu un separator de puncte interesant între titlu și descriere. Secțiunea portofoliu prezintă imagini cu suprapuneri. Această secțiune folosește separatoare de secțiuni ondulate și un fundal gri care iese în evidență suficient de mult de restul aspectului. Mai multe secțiuni folosesc acest design, dar cu fundal albastru. Îmi place secțiunea cu logo-uri client foarte mari. Sunt afișate în gri închis în patru coloane.

Vizitati site-ul

3. Swwwish

Acest site a fost trimis de Daniel Neumann. Site-ul afișează un fundal pe ecran complet, cu o suprapunere albastru închis și un CTA în text alb pe o parte. Serviciile sunt afișate în blurbs cu o umbră de casetă și icoane animate. Modelul de fundal este văzut prin blurb. Plasarea intensifică efectul de umbră al cutiei, astfel încât să iasă în evidență și să facă blurbul complet opac. Mai multe secțiuni din două coloane își alternează aspectele cu text pe o parte și imagini pe cealaltă parte. Textul din aceste secțiuni prezintă pictograme animate și text evidențiat. Pagina de prețuri folosește excelent un design simplu albastru și alb cu tabele de prețuri albe. Îmi place strălucirea roșie de la butoanele mesei de prețuri. Culorile roșii aduc suficientă culoare și ies în evidență perfect.

Vizitati site-ul

4. Instrumente HH

Acest site a fost trimis de Mathias Rue. Site-ul folosește un fundal degradat de la portocaliu la roșu, cu pictograme pentru a crea un design tehnic. Suprapunerea afișează informații despre companie, butoane și o caracteristică de căutare pe de o parte și un formular de contact pe de altă parte. Meniul derulant include un buton cu lățime completă către pagina de contact. Logourile partenerilor sunt afișate într-un glisor cu un link către pagina furnizorului. Blurbs sunt folosite pentru linkuri către servicii și informații. Acestea includ imagini în două culori ca pictograme și au o margine interesantă pentru a face ca blurbs să iasă în evidență. O secțiune pentru referințe folosește un design similar, dar este mult mai mare și include logo-uri client pentru imagini. Designul este folosit și pentru secțiunea blog. Aspectul include, de asemenea, articole încorporate de pe LinkedIn, pe același fundal ca și secțiunea erou.

Vizitati site-ul

5. IQ Animation Studio

Acest site a fost trimis de Saurabh Patil. Secțiunea erou arată sloganul, informațiile și CTA pe o parte și o grafică animată pe cealaltă parte peste un gradient de fundal albastru închis. Grafica animată este distractivă de vizionat. Vreau unul dintre aceste dozatoare de cafea. Un albastru și mai închis este folosit pentru restul fundalurilor și pentru butoane. Patru coloane de blurbs prezintă icoane animate cu un titlu. Folosesc un fundal albastru închis și o margine gri, care este suficient de ușoară pentru a sta una față de cealaltă. Plasând peste oricare dintre blurbs își transformă fundalul în portocaliu. Modele similare sunt utilizate pentru alte blurbs care oferă informații. O secțiune interesantă despre secțiune prezintă o animație peste opere de artă în paralax. Paginile prezintă, de asemenea, o animație de încărcare rece.

Vizitati site-ul

6. Miss Grădinița

Acest site a fost trimis de Chris Cadalzo. Site-ul afișează un logo extra-mare în centru, sub meniu. Următoarea secțiune utilizează separatoare de secțiuni ondulate pentru partea de sus și de jos - fiecare cu un design diferit și în mai multe nuanțe ale culorii de fundal. Această secțiune afișează, de asemenea, subiectele ca imagini pătrate care micșorează și își modifică marginea în timpul deplasării. O secțiune pentru resurse și secțiunea blog (dar cu imagini mai înalte) utilizează același design. O secțiune despre arată proprietarul site-ului într-o imagine încercuită și același stil de font cu scripturi ca logo-ul. Formularul de înscriere afișează freebie-ul cu fontul scriptat pentru titlu. Blogul și bara laterală sunt, de asemenea, concepute pentru a se potrivi cu designul de marcă al site-ului.

Vizitati site-ul

7. Delmain

Acest site a fost trimis de Jake Braught. Un fundal video se joacă în spatele suprapunerii cu slogan. Derularea dezvăluie pictograme multicolore pentru servicii anumitor tipuri de clienți. O secțiune similară de servicii se afișează în partea de jos a paginii. O mărturie se afișează în lățime completă pe un fundal verde cu divizoare de secțiune unghiulară. Această secțiune iese în evidență perfect. O secțiune mai mare de mărturii apare în partea de jos a aspectului în mai multe coloane cu culori alternante și imagini stilate. Mai multe secțiuni prezintă poveștile clienților cu un videoclip încorporat și statistici în text mare și un link pentru mai multe informații. Imaginile videoclipurilor arată site-urile web pe mai multe dispozitive. Apropierea subsolului începe cu un munte în paralelă în spatele unui decupaj de munte, un formular de contact cu divizoare de secțiune unghiulară și o secțiune care prezintă logo-uri ale site-urilor de revizuire cu un contor statistic.

Vizitati site-ul

8. Supa International

Acest site a fost trimis de Ben Dale. Acesta este un design de 2 pagini. Etichetele pentru produse sunt afișate în fundal în paralelă cu un slogan și CTA în suprapunere. Următoarea secțiune prezintă informații detaliate pe o parte cu un font mai mic și o afirmație scurtată în text mai mare pe de altă parte. Următoarele secțiuni arată imagini ale produselor cu titluri și text. Imaginile sunt decalate vertical una de cealaltă, oferind designului un stil vizual interesant. Serviciile sunt afișate cu imagini care includ suprapuneri cu titluri și text numerotat. Mai multe produse sunt afișate în galeria mare, cu 4 coloane. Acest site folosește foarte bine textul și imaginile mari ale titlului.

Vizitati site-ul

9. Erou pentru tine

Acest site a fost trimis de Bram Chauvin. Acest site folosește interesant grafica. Secțiunea erou folosește un separator de secțiune de sus care stilizează de fapt antetul. Textul titlului este mare și afișează un slogan și mai multe butoane. Fundalul arată în paralela adevărată și include nori care se suprapun de divizorul secțiunii nor din secțiunea următoare. Blurbs arată servicii folosind grafică în cerc. Butoanele din blurbs se suprapun peste blurb. Îmi place CTA care arată o imagine grafică mare a unui smartphone cu super-eroi. Footerul este, de asemenea, interesant. Afișează un fundal grafic în adevărată paralaxă cu un divizor de secțiune unghiular și un CTA de contact în suprapunere. Blogul urmează același design și folosește elementele antet și subsol.

Vizitati site-ul

10. VS & Assemble

Acest site a fost trimis de MJ Swart. Acest site folosește interesant elemente grafice și blocuri mari pentru a crea aspectul. Secțiunea erou folosește un fundal întunecat cu diferite blocuri colorate, puncte și text vertical pentru a crea modele vizuale. Aceste tipare urmăresc restul aspectului. Următoarele secțiuni utilizează un aspect cu mai multe coloane cu blocuri de culoare pentru fundaluri, titluri cu stil, titluri foarte mari și glisante pentru a-și arăta serviciile, informații despre companie, experiență, cultură, birouri și multe altele. Dând clic pe linkul de contact din meniu se deschide un formular de contact în meniu. Îmi place utilizarea culorilor, a textului și a cursoarelor pe acest site.

Vizitati site-ul

În încheiere

Acestea sunt cele mai bune 10 trimiteri ale site-ului nostru comunitar Divi pentru luna aprilie. 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 prezentată prin MSSA / shutterstock.com