Divi Design Showcase: nuove proposte da ottobre 2020

È di nuovo il momento per il nostro Divi Showcase mensile, in cui diamo un'occhiata a dieci fantastici siti Web Divi realizzati dai membri della nostra community. Ogni mese mostriamo i migliori siti web Divi che sono stati inviati dalla nostra community e oggi vogliamo condividere con voi i primi dieci siti web per il mese di ottobre. In tutto il post, indicherò alcune delle mie caratteristiche di design preferite che mi attirano in ciascuno dei siti web.

Spero vi piacciano!

Divi Design Showcase: nuove proposte da ottobre 2020

1. Ristoranti epici con uova

Questo sito è stato presentato da Abel McBride. Utilizza l'arancione in tutto il sito, inclusi i blob per gli elementi di sfondo, gli sfondi delle icone, i pulsanti, il testo del blocco e lo sfondo del piè di pagina. Il verde viene utilizzato come evidenziazione dietro il testo e all'interno della grafica. Il cibo viene visualizzato intorno ai lati del sito con foto di grandi dimensioni che risaltano. Le voci di menu sono visualizzate all'interno di interruttori che utilizzano un bordo in stile con angoli acuti su un lato e angoli arrotondati sui lati opposti. La pagina del menu del cibo utilizza gli stessi interruttori e aggiunge i prezzi all'angolo. Questo sito fa un uso eccellente dello spazio bianco, della fotografia e del colore.

Visita il sito

2. Pom dentale

Questo sito è stato presentato da Brittany Hurdle. I colori si abbinano perfettamente al genere. La sezione eroe mostra un video di sfondo con lo slogan e la descrizione in primo piano. Include un mega-menu con icone per le diverse categorie. Il menu secondario visualizza un preventivo e include un pulsante CTA sovrapposto. Blurb, icone, testo ed elementi di sfondo utilizzano un colore verde chiaro o blu per il marchio. Molti degli elementi includono animazioni al passaggio del mouse che rivelano i bordi per la parte inferiore del testo o dei pulsanti. Mi piace la sezione per i servizi. Include un'immagine grande con uno sfondo che corrisponde al sito e visualizza i servizi come testo su un lato. Il blog include un design semplice con una funzione di ricerca. Questo sito fa un uso eccellente di testo e bordi.

Visita il sito

3. Rivoluzione De Palais

Questo sito è stato presentato da Amal Vaesken. Usa molti colori audaci in tutto il sito. La sezione eroe mostra un dispositivo di scorrimento a schermo intero con immagini che utilizzano i colori del sito. Le informazioni sull'azienda sono mostrate con un grande testo blu che rivela la sezione successiva in parallasse mentre scorri. La sezione in parallasse mostra un messaggio al centro dello schermo con uno sfondo blu. Durante lo scorrimento, questa schermata rimane in posizione e sostituisce il messaggio più volte finché non viene visualizzato l'ultimo messaggio. Mi piace la sezione con esempi di lavoro. Mostra immagini, animazioni e cursori di grandi dimensioni in due colonne con i colori del sito Web. Mi piace anche il grande CTA in basso che cambia grafica al passaggio del mouse e rivela il pulsante per vedere di più.

Visita il sito

4. Le carni di campagna di Mike

Questo sito è stato presentato da Marcus Zeal. Questo sito fa un uso straordinario della grafica dei cartoni animati. Dall'inizio alla fine, tutti i colori, i caratteri e i pulsanti si adattano perfettamente allo schema dei cartoni animati. La sezione eroe mostra un menu mobile con un sottomenu in stile che utilizza assi di legno. Le nuvole fluttuano nel cielo del disegno sullo sfondo. Mentre scorri, vedi i personaggi dei cartoni animati come ritagli che creano CTA o attirano l'attenzione su determinate sezioni. I prodotti vengono visualizzati all'interno di una di queste sezioni e includono uno stile che corrisponde al sito. Molti degli elementi sono animati per adattarsi allo scorrimento del mouse. Anche le informazioni di contatto sono posizionate su elementi grafici che si adattano al design. Questo è un sito divertente da scorrere.

Visita il sito

5. Centro odontoiatrico Ostojic

Questo sito è stato presentato da Boris Zakula. Questo utilizza molti gradienti arancioni come punti salienti in tutto il sito. La sezione dell'eroe mostra un'immagine al centro dello schermo dietro il titolo che si restringe mentre si scorre. Il menu è un mega-menu a tutta larghezza che visualizza i collegamenti su un lato con icone e un'immagine sull'altro lato. Il sito utilizza molte foto della posizione e dei lavoratori per informazioni, CTA, video, post di blog e altro. Mi piace la sezione sulle storie e le testimonianze. Visualizza le immagini dei clienti con blocchi di testo su colori diversi l'uno dall'altro, entrambi con le ombre della scatola. Anche il blog, i CTA e le informazioni di contatto utilizzano le ombre delle scatole per distinguersi.

Visita il sito

6. Incremento

Questo sito è stato presentato da Navmeet Singh. Utilizza molto blu e arancione in tutto il sito per evidenziare, sfondi e grafica. Una sezione su come funziona mostra le informazioni all'interno di blurb con icone a due colori che guidano attraverso i passaggi. Un'altra sezione mostra un grafico dei cavi elettrici che si collegano mentre si scorre. Questo introduce un altro set di blurb con icone a due colori. Un'ampia sezione di informazioni utilizza la grafica da un lato e il testo dall'altro in un layout alternato. Mi piace anche la pagina delle funzionalità che visualizza le informazioni all'interno della grafica che include uno screenshot e un'immagine cerchiata di uno schermo. Questo sito fa un grande uso di colori, spazi bianchi e grafica disegnata a mano.

Visita il sito

7. Verde

Questo sito è stato presentato da Liberto Lopez. Questo sito utilizza molto verde e blu per i colori del marchio negli sfondi, nella grafica, nei titoli, nei pulsanti, nel modulo di contatto, nel pulsante Torna all'inizio, ecc. La sezione dell'eroe mostra uno sfondo verde con un motivo. Il primo piano mostra un messaggio da un lato e un grafico dall'altro. Un divisore di sezione in stile conduce alla sezione successiva con blurb che ingrandiscono al passaggio del mouse. Diverse sezioni mostrano più grafici da un lato e CTA dall'altro. Mi piace anche la sezione di blurb che utilizzano grandi icone a due colori in un motivo sfalsato e un gradiente blu e bianco che appare al passaggio del mouse. Viene visualizzato un gradiente angolato sullo sfondo della sezione successiva. Il modulo di contatto mostra anche un gradiente e un'ombra di casella che risalta. Questo sito fa un ottimo uso del colore e della grafica.

Visita il sito

8. Team delle risorse umane

Questo sito è stato presentato da Marwann Al Saadi. La sezione degli eroi mostra un gradiente di sfondo animato con un hashtag e CTA in primo piano che ingrandisce al passaggio del mouse. Questo gradiente di sfondo appare in tutto il sito come sfondo di CTA, sezioni, blurb e altro. I blurb mostrano le immagini dei membri del team in coppia con le loro immagini intrecciate e separate da una linea di demarcazione. Mi piace la sezione sul loro metodo. Visualizza il gradiente di sfondo con grandi cerchi su un lato. L'altro lato inserisce le informazioni come punti elenco utilizzando titoli di blocchi di grandi dimensioni e icone di un occhio. Le icone appaiono anche nei blurb. Il sito include anche un menu interessante che si allunga quando si fa clic sull'icona dell'hamburger. Utilizza anche un gradiente di sfondo e un blocco di testo per il titolo.

Visita il sito

9. Nessuno stress consentito

Questo sito è stato presentato da Antree. Questo sito utilizza molta grafica con colori audaci ovunque. La sezione dell'eroe mostra un'immagine di sfondo di un paesaggio urbano con uno slogan in primo piano da un lato e un'immagine dall'altro. Lo sfondo non arriva fino ai bordi, consentendo a un giallo intenso di apparire intorno a tutti i lati. Il menu utilizza lo sfondo giallo in grassetto per l'intestazione e i sottomenu. Il giallo si fonde con la sezione successiva e mostra le informazioni da un lato e un video dall'altro che imita la grafica di uno smartphone con bordi arrotondati e un bordo in grassetto. Anche le tabelle dei prezzi utilizzano colori audaci e includono elementi grafici su entrambi i lati della pagina. La sezione dei contatti include lo sfondo giallo e include grandi icone social. Questo sito fa un ottimo uso del colore e della grafica.

Visita il sito

10. Lola Menthe

Questo sito è stato presentato da Theo Salomoni. Questo sito utilizza diversi colori tenui per attirare il pubblico di destinazione. I colori includono una versione di rame chiaro per luci, sovrapposizioni, colori di sfondo e il pulsante Torna in alto. L'intestazione lo utilizza per identificare la pagina attiva e gli elementi al passaggio del mouse e per l'invito all'azione. L'intestazione utilizza anche una sfumatura verde del logo per determinati collegamenti. Questo verde viene utilizzato anche per lo sfondo vicino al piè di pagina. Il piè di pagina stesso utilizza il colore rame chiaro, che si rivela come una tenda. Una testimonianza scorre al suo posto mentre si scorre alla seconda sezione. Un'altra sezione mostra le immagini come collegamenti con la sovrapposizione di rame chiaro. I post del blog vengono visualizzati all'interno di un dispositivo di scorrimento e includono la data nell'angolo superiore e lo zoom al passaggio del mouse. Il sito fa un ottimo uso del colore.

Visita il sito

In chiusura

Questi sono i nostri 10 migliori invii al sito Web Divi della community per il mese di ottobre. Questi siti sono fantastici e come sempre vogliamo ringraziare tutti per i tuoi contributi!

Se desideri che il tuo design venga preso in considerazione, non esitare a inviare un'e-mail al nostro editore a nathan all'indirizzo eleganti temi dot com. Assicurati di inserire nell'oggetto dell'e-mail “DIVI SITE SUBMISSION”.

Ci piacerebbe anche sentirti nei commenti! Dicci cosa ti piace di questi siti web e se c'è qualcosa che hanno fatto vuoi che insegniamo sul blog.

Immagine in primo piano tramite Mascha Tace / shutterstock.com