Divi Design Showcase: Trimiteri noi din aprilie 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 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 2020

1. Abel Villaverde

Acest site a fost trimis de Abel Villaverde Selles. Un violet albăstrui este utilizat pe tot site-ul pentru fundaluri, text, grafică și alte puncte de atracție. Secțiunea erou afișează un slogan cu un îndemn la acțiune urmat de un grafic mare. Următoarea secțiune folosește un fundal alb cu imaginea unui site web înconjurat de grafică în culorile marcate pe o parte și un CTA pe cealaltă. Proiectele sunt afișate ca niște cărți cu stil care dezvăluie o margine de fund violet pe hover. O secțiune cu informații despre proprietarul site-ului afișează text alb și albastru pe fundalul mov și include două butoane; câte una în fiecare culoare. Serviciile sunt afișate în blurbs care sunt decalate și includ marginea stilată pe hover. Un CTA cu un timp de fundal afișează o pictogramă stea care iese în evidență. Îmi place modul în care secțiunile folosesc o mulțime de separatoare ondulate și utilizarea culorii pe acest site.

Vizitati site-ul

2. IYASHI

Acest site a fost trimis de Alex Hawro. Are un meniu stilat cu un logo suprapus și două linii de link-uri cu pictograme și un CTA. Secțiunea erou afișează un slogan urmat de un set de imagini care leagă împreună. Serviciile sunt afișate cu elemente grafice care includ titluri suprapuse și linkuri către paginile de servicii. Un glisor mare de postare este unul dintre elementele mai interesante. Imaginile sunt plasate în fundal cu o porțiune din imaginile anterioare și următoare. O casetă cu text și navigare se află peste partea stângă a imaginii și o grafică suprapusă se află pe partea dreaptă. Diapozitivele sunt numerotate în partea de jos. Următoarea secțiune afișează imagini și informații mari cu file în partea de jos. Informațiile sunt afișate cu pictograme personalizate folosind culori de marcă. Lista de prețuri este un alt element interesant. Fiecare preț este afișat în elemente separate. Mărește și afișează margini stilizate pe părțile laterale pe hover. Îmi plac culorile de marcă roșie și verde, care sunt folosite în evidențieri și text pe tot site-ul.

Vizitati site-ul

3. Piccadilly Whippy

Acest site a fost trimis de Ron Studios. Plasează titlul peste un videoclip de fundal pe ecran complet, cu un set de statistici în casete mari în partea de jos. Următoarea secțiune continuă proiectarea cu o cutie mare de informații cu un CTA pentru a afla mai multe. Următoarea secțiune afișează o imagine pe o parte și un text mare și colorat pe cealaltă pe un fundal albastru închis. Serviciile sunt afișate în imagini încercuite pe un fundal colorat în paralaxă. Informațiile despre rezervarea unui eveniment afișează imagini unghiulare pe un fundal galben îndrăzneț. Mărturiile sunt afișate pe un fundal albastru închis, cu text alb și o imagine mare. O secțiune de CTA afișează imagini de diferite lățimi cu text în casete colorate. Îmi place utilizarea culorilor îndrăznețe pe acest site web. Culorile și fonturile se potrivesc perfect brandului companiei. Acum vreau înghețată.

Vizitati site-ul

4. Sentido Comunicacao

Acest site a fost trimis de Fernanda Prevedello. Acest site folosește o mulțime de aur și prune roșiatice (sau vin, poate?) Pe tot site-ul ca culori de marcă. Secțiunea erou afișează un apel la acțiune cu text mare în stânga și grafică cu culorile marcate în dreapta. Informațiile sunt furnizate în secțiunea următoare cu elemente grafice care utilizează un model de fundal gri pe o parte și text stilizat pe cealaltă. Secțiunea de servicii prezintă un CTA pe o parte cu descrieri ale serviciilor pe cealaltă în cadrul acordeonilor. O secțiune pentru cazuri arată trei cazuri ca text peste modelul de fundal gri. Secțiunea blog afișează carduri de blog care se suprapun peste o culoare de fundal de marcă. În special, formularul de contact este interesant. Formularul este afișat peste un bloc de culoare care include un buton de apel pe care se poate face clic. Îmi place utilizarea culorii de marcă pe acest site.

Vizitati site-ul

5. Agenția de mărci văzută

Acest site a fost trimis de George Paratsokis. Face o utilizare interesantă a textului în paralela adevărată cu textul. Antetul afișează un meniu hamburger în stânga și un logo în dreapta. Meniul afișează o casetă de culoare gri deschis pe hover. Când faceți clic pe pictogramă, meniul se deschide din acea locație și se întinde pe ecran, afișând butoane de text mari și sociale. Secțiunea erou afișează un slogan ca text foarte mare în fundal. Atât textul, cât și fundalul sunt de culoare gri închis. Primul plan afișează un titlu mare în alb care prezintă compania. Pe măsură ce derulați, textul derulează în paralelă, dezvăluind un set de legături către portofoliu într-un text mare care derulează separat de titlu. Alte secțiuni amestecă textul de fundal pentru a afișa text întunecat pe o parte și text deschis pe cealaltă cu butoane care creează CTA-uri. Un subsol pentru cortină dezvăluie titlul site-ului și butoanele mari de urmărire socială. Chiar și bara de defilare este concepută pentru a se potrivi cu site-ul.

Vizitati site-ul

6. Carola Staudinger

Acest site a fost trimis de Sibi Ha. Acest site folosește excelent culorile de maro și roz. Secțiunea erou afișează o imagine de fundal pe ecran complet în paralel cu sigla, titlul și un CTA în suprapunere. O secțiune despre companie urmărește acest lucru și include informații cu butoane de urmărire socială pe o parte și o imagine pe cealaltă. Această secțiune include un mesaj scris într-un font de script elegant. Un CTA de rezervare cu lățime completă afișează o imagine de fundal utilizând un gradient din culorile de marcă pentru fundal și o imagine cu evidențieri roz. Apare mai târziu un CTA similar care folosește o imagine pe ecran complet cu mai multe informații. Informațiile despre servicii sunt afișate într-o secțiune cu imagini și text într-un aspect mozaic. O secțiune a echipei prezintă fotografii ale stilistilor și include câteva informații biografice. Secțiunea de contact listează orele de funcționare pe o parte și plasează un formular de contact cu stil pe cealaltă, urmat de o hartă cu lățime completă.

Vizitati site-ul

7. MTB stoked

Acest site a fost trimis de John Hawley. Acesta folosește o mulțime de galben îndrăzneț pentru culoarea de marcă. Secțiunea erou redă un videoclip de fundal în spatele meniului și un CTA mare. O săgeată care vă arată să derulați sări în stânga ecranului. Derularea dezvăluie o secțiune cu un titlu inteligent pe o parte și informații pe cealaltă, care include un buton cu culori de marcă. Blurbs afișează grafică în culorile de marcă și includ link-uri pentru a citi mai multe informații. O secțiune pentru informații de contact afișează un rând de blocuri mari cu un CTA de contribuție cu grafică într-una și butoane de urmărire socială în cealaltă. Ambele folosesc culori de marcă. Aceasta duce la un formular de abonare stilizat, care include o imagine de fundal mare și se deosebește de fundalul galben. Partea de sus a acestei secțiuni afișează un separator de secțiune stilizat. Subsolul personalizat include galben pentru evidențieri pe un fundal gri închis.

Vizitati site-ul

8. Yooker

Acest site a fost trimis de Sander Goorman. Acest site folosește albastru pentru culoarea de marcă și include o bară de derulare cu stil. Secțiunea erou afișează un videoclip de fundal cu o descriere și linkuri către servicii în prim-plan. Meniul plasează linkurile în stânga și un CTA în dreapta. Blurbs-urile cu pictograme și descrieri pentru servicii se suprapun peste videoclipul cu secțiunea următoare și se animă în cursă. O secțiune despre companie prezintă un rezumat pe o parte cu cuvinte cheie evidențiate în culoarea de marcă, cu descrierea pe cealaltă parte. Mai multe exemple sunt afișate pe ecranele diferitelor dispozitive și includ linkuri pentru a vedea site-ul web complet. Un formular de solicitare este plasat peste o imagine cu lățime completă și include o casetă derulantă pentru a specifica când cineva trebuie să sune. Secțiunea de contact include un CTA cu lățime completă și o mulțime de linkuri de contact. Îmi place designul curat.

Vizitati site-ul

9. Maeștrii de frânghie

Acest site a fost trimis de Michal Teska. Folosește o mulțime de albastru și portocaliu pentru culorile de marcă. Secțiunea erou afișează trei straturi diferite. Fundalul este albastru continuu și se amestecă în meniu, care include săgeți portocalii pentru a indica pagina curentă și pentru apelul CTA. O imagine de fundal este plasată peste fundalul albastru și nu acoperă complet partea stângă. Acest fundal folosește o suprapunere albastru închis cu un design portocaliu în dreapta și se suprapune secțiunii următoare. Suprapunerea acestuia este un glisor care arată serviciile cu imagini și titluri. Informațiile sunt furnizate în interiorul blurbs-urilor cu pictograme portocalii și includ titluri și descrieri. Un interesant CTA de contact urmează un design similar cu cel al secțiunii erou. Oferă un fundal albastru cu o imagine care se suprapune în partea de sus. Imaginea nu acoperă partea dreaptă și are o acoperire portocalie profundă. Apelul la acțiune folosește un text alb mare care iese în evidență perfect. Ador utilizarea albastrului și a portocaliului.

Vizitati site-ul

10. Henrik Stenson Eyewear

Acest site a fost trimis de Maximilian Leiding. Are un design curat pentru a păstra accentul pe produse. Secțiunea erou arată un CTA pe o parte și o imagine a produsului utilizat pe cealaltă parte. Un separator curbat creează un design de fund rotunjit pentru secțiunea erou. Derularea arată cele patru produse cele mai bine vândute. Mediile lor se îmbină cu fundalul site-ului web. Următoarea secțiune prezintă două imagini ale produselor cu linkuri către paginile lor urmate de o altă listă de produse pentru o anumită categorie în două coloane: un titlu în stânga și produsele în dreapta. O listă similară apare mai aproape de subsol și include și mai multe produse. Informațiile sunt furnizate într-o secțiune cu două coloane, cu o imagine pe o parte și un text pe cealaltă, cu un link pentru a citi povestea completă. Un formular de înscriere la newsletter duce în subsol și adaugă culorile utilizate în secțiunea erou. Îmi place designul simplu și curat.

Vizitati site-ul

Concluzie

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 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 naum / shutterstock.com