Divi Design Showcase: Trimiteri noi din iunie 2020

Este din nou momentul 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 din luna iunie. 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 iunie 2020

1. Preston Smiles

Acest site a fost trimis de Christian Mauerer. Secțiunea erou afișează text animat cu efect de tastare folosind un font fantezist și un CTA pe o parte și subiectul imaginii de fundal pe de altă parte. Derularea dezvăluie un glisor de sigle care arată materialele în care a fost văzută compania. Un CTA pentru cărți afișează logo-uri ale magazinelor online în mijloc cu săgeți îndreptate spre marginile exterioare cu fotografii ale cărților. Cărțile se deplasează spre centru în timp ce derulați. O secțiune despre proprietarul site-ului afișează o fotografie mare în stânga și informații în dreapta. Fotografia se derulează mai repede în timp ce derulați pagina în jos pentru a vedea o galerie de imagini care se suprapun reciproc. Mai multe secțiuni includ videoclipuri stilizate. Îmi place în special secțiunea de mărturii, care prezintă o imagine mare a proprietarului, mărturii de pe Facebook și fotografii de la evenimente.

Vizitati site-ul

2. WebDevXd

Acest site a fost trimis de Steph de la Web Dev Xd. Un CTA se afișează în stânga cu butoane roșii peste o imagine de fundal a unei hărți a lumii și o suprapunere albă. Un meniu cu lățime completă se află sub această secțiune și rămâne în partea de sus în timp ce derulați. Următoarea secțiune afișează un exemplu de lucru pe ecranul unui computer pe o parte și o descriere pe cealaltă, fiecare folosind culorile roșii și albe. Serviciile sunt afișate în blurbs cu pictograme roșii. Secțiunea de proiecte arată imagini care sunt stivuite. Imaginile se micșorează, iar imaginile din spate se deplasează în lateral pe plan. O secțiune pentru livrabile utilizează un fundal roșu cu blurbs care afișează text și pictograme în alb. Titlul stă vertical pe lateral. Subsolul afișează un glisor de postare și mai multe widget-uri pe un fundal roșu.

Vizitati site-ul

3. Muni

Acest site a fost trimis de Lethicia Diniz. Folosește culori albastre și verzi și stiluri de fonturi care se potrivesc perfect cu genul. Antetul afișează butoane stivuite pentru CTA-uri. Secțiunea erou include o imagine de fundal cu subiectul pe o parte și puncte mari de glonț pe cealaltă. Planurile sunt afișate sub formă de blocuri de text cu fundaluri colorate diferite, care se apropie de zoom. Îmi place CTA pe ecran complet, construit cu straturi. Afișează o fotografie pe o parte, un titlu care acoperă cele două treimi, o listă de beneficii pentru cealaltă parte și o cutie mare care se suprapune pe celelalte două cu un fundal albastru și modele cu CTA în sine. Se afișează un glisor de mărturii cu un model de fundal în extrema dreaptă. Subsolul afișează două rânduri. Primul are CTA-uri pentru a citi mai multe culori și dimensiuni diferite, informații de contact, iar apoi rândul de jos afișează widgeturi. Cele două rânduri se afișează peste un model de fundal de paralaxă.

Vizitati site-ul

4. SAMCARA

Acest site a fost trimis de Xavier Ferre. Meniul de navigare se afișează vertical în stânga și rămâne pe ecran în timp ce derulați. Secțiunea erou afișează titlul site-ului în fonturi uriașe urmate de o listă de servicii și un CTA de contact pe care se poate face clic pe o parte și o imagine mică pe cealaltă. Informațiile sunt furnizate în două cărți mari cu culori de fundal și poziții diferite ale imaginii. Ambele se suprapun secțiunii următoare care afișează un teren de baschet stilizat mai mare de sus, cu un design similar cu primele două cărți. Mai multe cărți urmează acest lucru și sunt introduse cu o coloană mare de text. Această secțiune include un formular de contact și o listă de colaboratori. Postările de pe blog sunt introduse cu o săgeată stilizată care se apropie în timp ce derulați. Secțiunea de blog conduce, de asemenea, cititorul în formularul de conectare.

Vizitati site-ul

5. Asigurare tampon

Acest site a fost trimis de Sean Turner. Site-ul folosește excelent culoarea și imaginile. Secțiunea erou afișează două imagini de fundal. Partea mai mare are o acoperire albastră, iar partea mai mică are o acoperire verde. O imagine din prim-plan este plasată acolo unde cele două se întâlnesc și este plasată peste un fundal în formă de scut. Un CTA este plasat pe cealaltă parte. Primul plan include și forme în modele care apar pe tot site-ul. Următoarea secțiune afișează servicii în cutii mari cu aceleași modele. Următoarele două secțiuni afișează blurbs înalte pe o parte și o imagine pe cealaltă într-un aspect alternativ peste o imagine de fundal cu suprapuneri albe sau albastre. Blurbs afișează gloanțe. Imaginile folosesc același scut ca secțiunea erou. Un glisor de postare cu lățime completă arată titlul și textul celor mai recente postări. De asemenea, include un mega meniu cu linkuri text.

Vizitati site-ul

6. Curlee

Acest site a fost trimis de Anthea A. Ancalade. Secțiunea erou afișează o imagine de fundal pe ecran complet cu o casetă de căutare în centru care vă permite să selectați o locație sau să utilizați locația dvs. curentă. Serviciile sunt afișate cu imagini care includ titluri și suprapuneri lângă un CTA. Stilurile prezentate sunt afișate într-un glisor cu 6 coloane și includ o imagine, un titlu, o stea și o locație. Glisorul include atât navigarea cu săgeată, cât și cu puncte. Dacă faceți clic pe unul dintre stiluri, veți ajunge la pagina produsului său. Stilurile noi sunt afișate în 6 coloane, dar fără glisor. Secțiunea blog afișează cele mai recente două postări și plasează o linie sub postări cu un link pentru a vedea mai multe sub linie. Tutorialele de pe blog sunt plasate în trei coloane și urmează același design. De asemenea, include un flux Instagram cu 6 coloane și 2 rânduri și un subsol cu ​​un formular de e-mail.

Vizitati site-ul

7. Tipogenie

Acest site a fost trimis de Eugenia Janakow. Folosește o mulțime de galben îndrăzneț în grafică. Titlurile sunt create ca și când ar fi fost realizate cu un producător de etichete, făcând fundalurile negre și textul alb cu un aspect 3D. Un CTA este plasat în mijlocul meniului. Secțiunea erou afișează un ecran divizat cu un CTA în stânga și o imagine în dreapta. Un CTA folosește o grafică desenată manual, care se animă pe parcurgere și deplasare. Informațiile despre proprietarul site-ului afișează o imagine încercuită cu un CTA pentru a citi mai multe. Îmi place în special secțiunea de mărturii. Afișează recenzii de la Google, completate cu evaluări de stele și un grafic care poate face clic pe dvs., care vă duce la pagina Despre. Serviciile sunt prezentate în blurbs și includ o grafică mare desenată manual. Blogul folosește galbenul marcat pentru meta, iar formularul de contact îl folosește pentru fundalul întregii secțiuni.

Vizitati site-ul

8. Tăietor de tufiș

Acest site a fost trimis de Simone Talamo. Secțiunea erou afișează o imagine pe ecran complet cu subiectul în centru. Primul plan afișează un slogan cu un CTA și butoane sociale. Mai multe secțiuni cu lățime completă urmează un design similar. Fiecare secțiune are un separator zimțat care funcționează perfect pentru gen. Următoarea secțiune afișează imagini mari pentru informații cu text și pictograme în suprapunere. Majoritatea au fundal întunecat sau se amestecă în fundaluri întunecate. Unul pentru un manual afișează coperta cărții împreună cu textul. Cele mai recente postări pe blog afișează postările sub formă de cărți cu umbre de cutie. Subsolul afișează produsele cu numele, imaginile, evaluările la stele și prețurile acestora. Paginile cursului urmează același design și adaugă un cronometru cu numărătoare inversă și comutatoare în stil.

Vizitati site-ul

9. KWALT Digital

Acest site a fost trimis de Nicolas Peigner. Acesta are o mulțime de animații interesante, text stilizat, grafică și săgeți pe tot site-ul. Galbenul este folosit ca culoare de marcă și este folosit în moduri creative. Secțiunea erou afișează text pe o parte cu efect de tastare. Un bar se află sub aceasta și listează serviciile. În partea dreaptă sunt câteva elemente grafice independente care plutesc și răspund la cursor. Următoarea secțiune afișează un titlu cu o grafică animată pe o parte și CTA-uri simple pe cealaltă. Cea mai recentă lucrare urmează acest lucru și prezintă capturi de ecran ale lucrărilor pe fundaluri de diferite culori și modele. O secțiune care explică avantajele plasează blurbs pe o parte cu pictograme în două culori. O imagine stă pe cealaltă parte și conduce cititorul către blurbs. Un glisor de mărturie simplu este plasat pe un fundal gri închis pentru a ieși în evidență.

Vizitati site-ul

10. Explorări

Acest site a fost trimis de Ava Charpentier. Folosește o mulțime de nuanțe de bronz pentru culorile de marcă. Bara de sus dispare în derulare, sigla se suprapune cu antetul și secțiunea erou, iar antetul include animații în cursă. Imaginea principală afișează titlul, descrierea și butonul pentru a plasa o comandă. O altă imagine este plasată ca o fereastră pe imaginea eroului în adevărată paralaxă. Informațiile sunt afișate cu blurbs cu grafică personalizată. Produsele sunt afișate cu o culoare de fundal în spatele imaginii produsului. Un design similar de fundal este utilizat pentru secțiunea de blog. Un CTA pentru a citi despre companie afișează text pe o parte și o imagine pe cealaltă. Mărturiile sunt prezentate sub formă de cărți cu citatul în partea de sus, cu un fundal alb, iar numele în partea de jos, cu un fundal bronzat. Site-ul include, de asemenea, un flux Instagram și un subsol personalizat, cu animație cu hover.

Vizitati site-ul

În încheiere

Acestea sunt cele mai bune 10 trimiteri pe site-ul nostru comunitar Divi pentru luna iunie. 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 email editorului 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 domonku / shutterstock.com