Divi Design Showcase: Trimiteri noi din iulie 2019

Este din nou momentul pentru Divi Showcase lunar, unde aruncăm o privire asupra a 10 site-uri web Divi minunate 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 iulie. 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 iulie 2019

1. Enash

Acest site a fost trimis de Nicolas. Site-ul folosește o mulțime de text foarte mare pentru titlu și pentru îndemnuri. Secțiunea erou afișează un fundal verde mare cu titlul și sloganul. O linie cu text informează utilizatorul să deruleze. Derularea dezvăluie o secțiune din două coloane. În partea stângă apare un CTA cu text mare și un buton bloc mare. Dreapta arată o imagine în paralela adevărată. O altă secțiune mare afișează informații despre serviciile lor folosind text mare pentru a introduce secțiunea și blurbs pentru fiecare serviciu. O altă secțiune mare arată numele clienților, urmată de un subsol dezvăluitor care include informații de contact și un meniu. Îmi place designul paginii Proiecte, care folosește suprapuneri colorate mari, cu opacitate ridicată asupra imaginilor în paralelă.

Vizualizați site-ul web

2. Ljuba - Riflessi Digitali

Acest site a fost trimis de Ljuba. Afișează o imagine pe ecran complet a proprietarului site-ului pe o parte, cu titlul și sigla în cealaltă parte. Sub imaginea eroului se află o secțiune subțire cu lățime completă, cu un slogan într-un font cu script și un formular de înscriere prin e-mail. O secțiune despre prezintă proprietarului un CTA urmat de mai multe CTA-uri cu o mulțime de culori moi, fonturi cu scripturi și grafică elegantă. Secțiunea blog afișează postări cu o mică suprapunere care include titlul blogului. Un formular simplu de contact se află pe un fundal modelat. Subsolul include un flux Instagram. Îmi place pagina portofoliului. Afișează exemplele pe ecranele computerului pe un birou și include titlul într-o suprapunere în partea de jos.

Vizualizați site-ul web

3. Modul de succes

Acest site a fost trimis de Aaron Robertson. Site-ul folosește o mulțime de culori îndrăznețe peste tot, inclusiv fundalurile, grafica, butoanele, titlurile, linkurile și CTA din meniu. Secțiunea erou afișează o suprapunere peste o imagine în paralelă. Suprapunerea oferă informații și linkuri către produs pe o parte și imagini stilizate ale produsului pe dispozitive mobile pe de altă parte. Funcțiile sunt afișate în blurbs folosind grafică colorată ca pictograme. Un CTA cu lățime completă folosește text mare, un grafic mare și un buton îndrăzneț pe un fundal întunecat. Un alt CTA are un design similar cu secțiunea erou, dar folosește o singură grafică stilizată a aplicației pe mobil. Multe dintre celelalte pagini stilizează modulele Divi cu culori îndrăznețe similare. Îmi plac mai ales modulele audio cu imagini de fundal și suprapuneri. Acest site folosește excelent culoarea.

Vizualizați site-ul web

4. Eric Hooper

Acest site a fost trimis de Ty Hooper. Afișează o montare a imaginii ca fundal al secțiunii erou, cu sigla și sloganul în centru într-o suprapunere. Urmează o secțiune cu lățime completă, care arată o imagine pe o parte și informații pe cealaltă. O secțiune din capitole afișează postările de blog într-o grilă. Capitolele în sine afișează o imagine de fundal din hârtie îmbătrânită cu text pe o parte și o imagine pe cealaltă. Textul și imaginile alternează locații de-a lungul capitolului. Butoanele de navigare pe blog includ sigla site-ului. Pagina Imagini prezintă o galerie de la zid la perete, pagina Documente este similară, dar adaugă titluri. Pagina Interviuri include o combinație de videoclipuri încorporate și imagini ale documentelor într-un aspect cu mai multe coloane.

Vizualizați site-ul web

5. Hotel Harmona Beach

Acest site a fost trimis de George Paratsokis. Pe măsură ce site-ul se încarcă, ni se prezintă un preloader al siglei. După încărcare, secțiunea erou afișează o imagine de fundal mare cu o suprapunere care acoperă cea mai mare parte a imaginii. În partea stângă a imaginii apare titlul și sloganul dintr-o casetă animată parțial deschisă pe o parte. Caseta, sigla, textul titlului, butoanele, pictogramele sociale și CTA din meniu sunt un bronz frumos care se potrivește cu brandul site-ului. O secțiune despre afișează un link cu un cerc care se animă pentru a sublinia textul de pe mouse. Camerele sunt afișate în cărți cu titlul în partea de jos a imaginii. La plecare, apare o suprapunere peste imagine, titlul se deplasează spre centru și apoi apare un link Mai mult. Un CTA cu lățime completă afișează o suprapunere similară cu secțiunea erou și desenează caseta în jurul textului, suprapunând butonul.

Vizualizați site-ul web

6. Site profesional Basel

Acest site a fost trimis de Benny Hozjan. Acesta este un design de o singură pagină, cu o mulțime de detalii, cum ar fi un punct violet care urmează secțiunile și evidențiază secțiunea din meniu și o bară de navigare în stil potrivită. Secțiunea erou arată un fundal modelat cu forme colorate, cu un slogan în centru, urmat de un grafic care se suprapune secțiunii următoare. O secțiune despre arată cum funcționează folosind blurbs cu pictograme animate care sări chiar dacă nu vă deplasați peste ele. Mai multe secțiuni afișează informații cu text pe o parte și grafică pe cealaltă. Serviciile sunt afișate în blurbs care includ animație, imagini, titluri și un punct stilizat în partea de jos. Un CTA cu lățime completă afișează o linie scurtă de text de tip mare, cu un slogan mai mic pe o parte și un buton animat pe cealaltă. O secțiune a siglelor clientului folosește același fundal ca secțiunea erou, dar o afișează în paralelă pentru a crea un aspect diferit.

Vizualizați site-ul web

7. Doar VR

Acest site a fost trimis de Reinhard Wedemeyer. Site-ul folosește o mulțime de roșu atât pe fundaluri întunecate, cât și pe fonduri deschise pentru marcarea sa. Bara de sus adaugă un FAQ și mai multe linkuri sociale. Secțiunea erou afișează un fundal pe ecran complet cu un Cinemagraph pentru a evidenția produsul pe o parte și titlul și CTA pe cealaltă. Următoarea secțiune afișează informații dintr-un disc și imagini ale produselor din glisoare. O altă secțiune de blurbs include pictograme multicolore care se potrivesc cu marca site-ului. Un CTA cu lățime completă afișează textul și butonul pe o parte peste un fundal roșu cu o imagine a produsului pe cealaltă. Una dintre secțiunile mele preferate prezintă 8 imagini mai mici ale produselor cu o descriere în mijloc. Un formular de contact detaliat este plasat peste imaginea de fundal utilizată în secțiunea erou. Paginile individuale ale produsului arată produsul pe un fundal roșu îndrăzneț. O fereastră pop-up CTA din colț vă ghidează la întrebările frecvente include o imagine a produsului.

Vizualizați site-ul web

8. Nicolai Soerensen

Acest site a fost trimis de Nicolai Soerensen. Afișează o imagine de fundal mare, cu o suprapunere și un CTA în centru. Derularea dezvăluie o secțiune din două coloane cu un CTA pe o parte, cu butoane verzi care se potrivesc cu CTA din meniu și o imagine a biroului pe cealaltă. Pagina include mai multe CTA similare. O secțiune Despre arată informații pe de o parte cu o imagine înconjurată și premiul pe de altă parte. Mai multe secțiuni de blurbs includ imagini verzi trasate pe linie, care se potrivesc cu marca site-ului. Studiile de caz sunt prezentate ca imagini mari cu un divizor, titlu și descriere. Un buton de citire mai mult apare pe hover. Îmi place secțiunea de sigle gri într-o grilă căptușită care nu este închisă pe marginile exterioare. Este un element minim care are un impact mare. Pagina Marketing afișează imagini ale clienților cu statistici detaliate.

Vizualizați site-ul web

9. Apare

Acest site a fost trimis de Christian Schick. Afișează un fundal verde cu un divizor ondulat cu CTA pe o parte și o imagine pe cealaltă care se suprapune în secțiunea următoare, care prezintă o imagine și informații detaliate. Imaginile sunt înclinate una de cealaltă și diagonale pentru a crea un efect vizual interesant. Următoarea secțiune afișează text pe o parte și pictograme pe cealaltă. Pictogramele utilizează fundaluri solide cu forme stilizate pentru a se remarca. Formele se potrivesc cu sigla. Îmi place secțiunea de proiecte. Fiecare proiect arată o imagine lângă un bloc de text într-un aspect cu mai multe coloane. Un modul de text se află în centrul unei secțiuni cu separatoare ondulate care se suprapun secțiunii următoare care duce într-un CTA, apoi în subsolul stilat cu un formular simplu de e-mail peste un model ondulat. Fiecare dintre pagini folosește un fundal ondulat cu un gradient în suprapunere pentru titlu, care include și pictograme și un slogan.

Vizualizați site-ul web

10. Dimineața Oameni

Acest site a fost trimis de Lucy. Pagina principală este un mozaic de imagini într-un aspect cu mai multe coloane. Imaginile sunt stilizate cu suprapuneri artistice și alte imagini decupate împreună. Imaginile vorbitorilor se leagă de paginile lor personale. Plasând deasupra lor, apare o casetă text cu numele și titlul lor și o margine verde pe ambele părți. Alte imagini ale companiei sunt folosite pentru a completa spațiul acolo unde este necesar și nu se leagă de nimic. Pagina difuzoarelor afișează imagini mari într-o grilă cu titluri sub ele. Paginile personale funcționează ca postările de pe blog și afișează o imagine pe ecran complet urmată de conținut. Cotațiile din conținut sunt în verde și se potrivesc cu linkurile de navigare pe blog. Conținutul include trei coloane cu un logo în stânga, conținutul principal în centru și informații într-o bară laterală din dreapta.

Vizualizați site-ul web

În încheiere

Acestea sunt cele mai bune 10 trimiteri ale site-ului nostru comunitar Divi pentru luna iulie. 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