Divi Design Showcase: Trimiteri noi din septembrie 2018

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 vreau să vă împărtășesc primele zece site-uri web din luna septembrie. 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 septembrie 2018

1. Pixeli și creioane

Acest site a fost trimis de Tyler Diaz. Un antet frumos pe ecran complet prezintă despre ce este acest site despre utilizarea graficii și culorilor, împreună cu modele interesante. Următoarea secțiune afișează siglele clientului cu un buton pentru a afla mai multe. O secțiune de lucru prezentată afișează proiectele ca cărți cu imagini, text, butoane și efecte de umbră. Îmi place ultima secțiune, care arată un alt set de elemente grafice cu un simplu apel la acțiune și butoane sociale plasate într-o secțiune unghiulară. Pagina de lucru afișează versiuni mai mari ale cărților de proiect, fiecare ducându-l pe vizitator la o pagină simplă și elegantă de detalii despre proiect. Îmi place și utilizarea simplificată a culorilor și a graficii.

Vizualizați site-ul web

2. Andrea Masotti

Acest site a fost trimis de Andrea Masotti. Acest site folosește interesant modulele Divi. Trei rânduri arată trei coloane care includ text în extrema dreaptă și în stânga și o imagine în centru. Textul și grafica utilizează contururi negre cu alb pentru culoare care se amestecă cu fundalul. Fiecare rând este separat de o linie neagră. Plasând peste rând doar se transformă toate elementele sale în negru. Plasând cursorul peste un anumit element din rând își schimbă culoarea în roșu (pentru text) sau roșu și albastru (pentru grafică). Graficele roșii și albastre sunt utilizate ca elemente de antet pentru paginile portofoliului. Acest site web este un exemplu excelent al modului în care ceva simplu poate face o declarație importantă.

Vizualizați site-ul web

3. Adriano Alfaro

Acest site a fost trimis de Adriano Alfaro. Afișează un antet pe ecran complet cu un titlu și o descriere, urmat de o scurtă secțiune despre urmărirea socială, astfel încât să puteți ști instantaneu despre ce este site-ul și să interacționați cu designerul. Blurbs cu pictograme mari, descrieri și linkuri arată serviciile. Următoarele secțiuni sunt preferatele mele. Acestea afișează o imagine pe o parte și text pe cealaltă în lățime completă și includ link-uri către portofoliu. Ele alternează laturile în timp ce derulați. Un fundal video joacă în spatele unui premiu cu citat și CTA. Îmi place pagina de portofoliu, care afișează imagini de la zid la perete ale proiectelor care pot fi făcute clic. Paginile individuale ale proiectului sunt locul în care acest site strălucește cu adevărat. Acestea sunt un exemplu frumos de amenajare modernă. Asigurați-vă că vă uitați la pagina Fiat.

Vizualizați site-ul web

4. Emily Merchant

Acest site a fost trimis de Emily Merchant. Acesta creează un antet interesant folosind un CTA. CTA este creat cu o imagine, un chenar, tipul de lucru furnizat, titlu și butoane. Trei imagini stau sub aceasta. Acestea includ un titlu într-o suprapunere. Plasând cursorul își schimbă culoarea și afișează o margine, creând o pagină de proiect elegantă CTA. O secțiune despre este creată cu un citat și un text. Un alt portofoliu CTA desenează grafică pe măsură ce derulați la acesta. Pagina portofoliului creează un aspect cu mai multe coloane, fiecare imagine având propriile culori de suprapunere și continuând efectele de deplasare.

Vizualizați site-ul web

5. INTROAMERICA

Acest site a fost trimis de Vincent Valentino. Acesta folosește foarte bine culorile îndrăznețe și efectele de paralaxă. Antetul pe ecran complet începe site-ul cu un fundal frumos care prezintă textul și butoanele. O secțiune care arată ce fac, afișează o hartă topografică cu margini zimțate pentru a o separa de o secțiune de blurbs, care afișează blocuri cu efecte de umbră. Ador secțiunile cu studii de caz. O imagine a designului complet este afișată în fundal în timp ce textul se suprapune și o imagine derulează în paralaxă. Proiectele recente sunt afișate într-un aspect cu mai multe coloane. Acest site folosește excelent un design de o pagină.

Vizualizați site-ul web

6. Stația meteo

Acest site a fost trimis de Pierre Lannoy. Acesta este site-ul web al unei aplicații. Păstrează designul simplu și folosește foarte bine culoarea. Îmi plac în special fundalurile albastre cu un gradient subtil care este folosit pe tot parcursul designului. O separare a secțiunii ondulate diferă antetul, în timp ce beneficiile sunt afișate cu imagini și module text. De asemenea, site-ul folosește bine contoare de numere, care afișează de fapt statistici utile despre descărcări și instalări publice. Chiar sub aceasta este o secțiune care afișează evaluările aplicației și include graficele ratingului stelelor. Mărturiile sunt curate și includ efecte de umbră. Îmi place, de asemenea, pagina blogului, care afișează imagini sub formă de cărți în două coloane cu o umbră de casetă, un titlu și un buton. În cursă se afișează o suprapunere albastră cu un extras din postare. Ultimul post este afișat într-o singură coloană. Postările individuale folosesc, de asemenea, efecte de umbră de casetă și includ module de navigare și comentarii ale postărilor.

Vizualizați site-ul web

7. Goodimalist

Acest site a fost trimis de Daragh Wallace. Acest site se concentrează pe un aspect de blog. Afișează un antet extra-mare pentru a afișa logo-ul în față și în centru. Sub aceasta se află două meniuri de navigare: subiectele principale sunt plasate în meniul principal, iar subiectele sunt plasate într-un meniu secundar cu un font puțin mai mic în verde. O postare prezentată arată o imagine în partea stângă și titlul, categoriile, extrasul și butonul Citiți mai multe în partea dreaptă într-o casetă mai mică. Împreună iau lățimea completă a zonei de conținut. Urmează o secțiune de blog cu 9 postări în trei coloane. Postările afișează imaginea prezentată, titlul, categoriile, fragmentul scurt și un buton. Scriitorul din mine iubește secțiunea de lățime completă care arată definiția titlului site-ului web. Postările de pe blog păstrează, de asemenea, un design curat, cu imaginea prezentată, textul, un CTA, un glisor de imagine, un videoclip (pentru unele dintre postări) și o secțiune de blog cu trei postări. Acest site este un exemplu excelent de design de blog curat.

Vizualizați site-ul web

8. Jerrix

Acest site a fost trimis de Jeroen Rotty. Folosește unele dintre culorile mele preferate (sunt din Tennessee și parțial până la portocaliu). Antetul folosește paralela cu un CTA. Un separator de secțiuni stilizat ajută la crearea spațiului alb pentru următoarea secțiune, care oferă informații despre „informații” cu un link și o fotografie în cerc. Serviciile sunt afișate cu pictograme mari în două culori, care utilizează evidențierile portocalii și efectele de plutire. Capturile de ecran ale lucrărilor recente folosesc, de asemenea, efecte de hover și includ un efect de casetă de umbră. Pagina portofoliului continuă proiectarea recentă a lucrărilor. Dacă faceți clic pe unul, veți ajunge la site-ul în sine, astfel încât să puteți vedea opera în mod direct. Pagina WordPress afișează avantajele în două coloane și include grafică desenată manual pe toată pagina. Îmi plac culorile de pe acest site.

Vizualizați site-ul web

9. Mame expuse riscului

Acest site a fost trimis de Swag Design Factory. Folosește un design în cutie cu un aspect cu mai multe coloane. Antetul afișează logo-ul, meniul și butoanele de urmărire socială pe verticală pe o parte, cu un videoclip și o slogană pe cealaltă parte. O secțiune de imagine și informații folosește același aspect de rând, dar alternează imaginea și textul. Mai multe secțiuni din două coloane prezintă o imagine cu un buton care se suprapune și text cu CTA. O mărturie cu lățime completă utilizează logo-ul și culorile site-ului pentru a se amesteca perfect. Postările individuale de pe blog afișează un model de fundal cu titlul și butoanele de urmărire socială pentru antet, urmate de postare și bara laterală, care sunt concepute pentru a se potrivi cu site-ul. Îmi plac culorile verde închis și roz utilizate pe tot site-ul.

Vizualizați site-ul web

10. Wems Wireless

Acest site a fost trimis de Philip Wantling. Utilizează culori de marcă (portocaliu și verde) cu imagini de electronice (cu aceleași culori de marcă) pentru a descrie acest site web de afaceri. Acest lucru este văzut în antetul pe ecran complet și pe tot site-ul. Patru imagini din două coloane se leagă de diferitele produse. Îmi place CTA care oferă o animație cu titlu și buton. Se suprapune secțiunii anterioare (a siglelor clientului) și este însoțit de un set de blurbs pentru a descrie beneficiile. CTA-urile pentru demonstrații folosesc panglici remarcabile în colțurile imaginilor. Produsele sunt prezentate cu machete cu mai multe coloane care duc la legături de produse. Paginile individuale ale produselor includ, de asemenea, un stil Divi dulce pentru descrierile produselor și modelele de fundal ale paginilor. Acest site folosește foarte bine designul aspectului și culoarea.

Vizualizați site-ul web

In concluzie

Acestea sunt cele mai bune 10 trimiteri pe site-ul nostru comunitar Divi pentru luna septembrie. 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 Koksharov Dmitry / shutterstock.com