Divi Design Showcase: nuove proposte da dicembre 2019

È 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 dicembre. 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 dicembre 2019

1. Strutture in vetro artigianale

Questo sito è stato presentato da Stuart Hingston. Un video a schermo intero viene riprodotto in background con una sovrapposizione scura che evidenzia il testo. L'overlay include il logo e il menu con CTA, titolo, tagline, descrizione e pulsante. Lo scorrimento rivela un'intestazione fissa e un design simile con un'immagine di sfondo in vero parallasse. I servizi e le informazioni sono mostrati all'interno di una striscia sottile con grafica. Un CTA visualizza un'immagine circolare in vero parallasse su un lato. Un dispositivo di scorrimento delle testimonianze posiziona il testo su immagini di sfondo che fungono da esempi di lavoro. I servizi mostrano immagini alte con testo e pulsanti. Adoro la sezione progetti. Mostra i progetti in un layout a più colonne con divisori laterali in stile ed effetti di zoom per le immagini. Mi piace anche il modulo di contatto che utilizza campi della stessa dimensione.

Visita il sito web

2. Claire creativa

Questo sito è stato presentato da Claire Gallagher. La sezione eroe mostra un manuale CTA con uno sfondo caldo e aiuta a descrivere di cosa tratta il sito. La sezione successiva mostra un altro CTA con una foto del proprietario del sito seguita da una testimonianza con una grafica. I post del blog sono mostrati in una sezione con immagini e i titoli sottostanti in corsivo. Questo crea un design pulito con molto spazio bianco. Mi piace come si distinguono. Una sezione di testimonianze segue un design simile ma include più testo. La pagina termina con un invito all'azione a tutta larghezza. La pagina del blog segue lo stesso design pulito della sezione del blog dalla home page. La pagina Lavora con me è stata creata per la generazione di lead e include un design unico per il modulo di prenotazione e le tabelle dei prezzi. I progetti seguono lo stesso design dei post del blog.

Visita il sito web

3. Supporti appena illuminati

Questo sito è stato presentato da Nicole Marie Zinnanti. Questo è un design di una pagina con ancore nel menu alle varie sezioni. Questo sito utilizza molte grandi immagini in bianco e nero, testo di grandi dimensioni e giallo dietro i titoli sopra le immagini, a partire dall'intestazione a schermo intero. Diverse sezioni includono immagini che seguono questo design. La sezione successiva mostra le informazioni a larghezza intera. I servizi sono mostrati all'interno di blocchi di testo numerati con titoli, descrizioni e divisori di grandi dimensioni. Le testimonianze includono anche titoli di grandi dimensioni e seguono un design minimale. Una sezione Informazioni continua il design minimale con un titolo, un testo e un divisore grandi seguiti da una sezione simile che termina con un modulo di contatto minimo.

Visita il sito web

4. Partner di credito Hilltop

Questo sito è stato presentato da Rolando S. Bouza. La sezione dell'eroe riproduce un video dietro il titolo e lo slogan e conduce alla sezione successiva con un divisore di sezione in stile. La sezione successiva mostra diversi CTA in un layout alternato. Il primo CTA visualizza un'immagine con un titolo grande, una breve descrizione e un pulsante, mentre il secondo CTA include due pulsanti. Un dispositivo di scorrimento del blog a tutta larghezza mostra le immagini in primo piano quasi a schermo intero. Segue una sezione sul proprietario con un'immagine e una citazione. Mi piace la sezione Informazioni che mostra le informazioni con un bordo stilizzato su un'immagine di sfondo scuro. Il modulo di contatto utilizza una forma simile a specchio e include uno sfondo a tinta unita. Le altre pagine seguono un design simile ma aggiungono molte informazioni di supporto all'interno della grafica. La pagina del blog aggiunge una barra laterale in stile per mostrare gli annunci. Mi piace anche il design del post del blog con il suo layout pulito e il testo di grandi dimensioni.

Visita il sito web

5. Insight Hosting

Questo sito è stato presentato da Steve Doig. Usa un sacco di rosa caldo audace come colore di evidenziazione principale per il testo e le sovrapposizioni e si distingue magnificamente. La sezione degli eroi mostra un aeroplano che vola fuori dallo schermo con un CTA sull'altro lato dello schermo. L'aereo stesso e il CTA sono sfumati di rosa acceso. Una sezione con i piani mostra i piani e i prezzi all'interno dei blocchi. Includono animazioni al passaggio del mouse rosa caldo. Un CTA a tutta larghezza mostra un ghepardo rosa al centro con il testo su un lato, mentre un altro mostra un set di scacchi e un testo con elementi rosa. Diverse sezioni mostrano i vantaggi all'interno dei blurb. Uno dei miei preferiti è la sezione che discute i tipi di attività che servono. Le immagini sono mostrate in una griglia a 5 colonne con sovrapposizioni alternate. Le immagini si rimpiccioliscono al passaggio del mouse e rimuovono la sovrapposizione. Interessante anche il menù a piè di pagina. Visualizza i titoli con una prima lettera stilizzata per ciascuno.

Visita il sito web

6. Keren Herrera

Questo sito è stato presentato da Edgar Herrera. Il sito utilizza molti colori tenui per attirare il pubblico. La sezione dell'eroe mostra un'immagine a schermo intero con un CTA da un lato e il proprietario dall'altro. Segue un elegante modulo di iscrizione via e-mail che mostra un'immagine su un lato e una descrizione sul modulo. Le immagini con bordi in stile forniscono collegamenti alle varie pagine di informazioni. Una sezione Informazioni su mostra un'immagine che si sovrappone alla sezione successiva che fornisce una testimonianza centrata. Le prossime sezioni includono immagini che si sovrappongono a più sezioni all'interno di un layout alternato. Queste sezioni forniscono informazioni e CTA. Il modulo di contatto è posizionato su un'immagine di sfondo di un tavolo marmorizzato e si distingue dagli sfondi a tinta unita. Un libro CTA viene visualizzato in 2 colonne con una foto che le sovrappone. Il piè di pagina mostra un Instagram follow CTA con più foto in background.

Visita il sito web

7. Finbingo

Questo sito è stato presentato da Prashant Karandikar. Ha un layout pulito con molti colori per i punti salienti. La sezione degli eroi mostra un'introduzione da un lato con una grafica dall'altro che si fonde in una fila di blurb. Le informazioni vengono mostrate all'interno di un layout a 2 colonne con blurbs per creare elenchi puntati. Un paio di informazioni CTA visualizzano un grafico su un lato in un layout alternato. I servizi sono mostrati all'interno di schede con grafica e testo. Ulteriori informazioni sono fornite all'interno di blurb colorati che creano una serie di blocchi. I contatori di numeri mostrano ogni numero con un colore diverso per distinguersi. Una testimonianza di 2 colonne corrisponde al design del colore del sito. Molte delle pagine seguono un design simile e quindi aggiungono contenuto con un'ombra di riquadro per distinguersi.

Visita il sito web

8. Ukhuni

Questo sito è stato presentato da Vernon Joyce. Ha un layout pulito con un focus sui prodotti. Il mega menu mostra 3 colonne con più collegamenti su un lato che rivela informazioni e immagini. La sezione eroe mostra una serie di grafiche per mobili da ufficio. Passando il mouse su uno di essi copre gli altri con una sovrapposizione e mostra un piccolo popup con un titolo per descrivere i mobili. I popup variano di colore. Il prodotto in primo piano mostra una grande grafica su un lato e una descrizione sull'altro. Segue una CTA di consultazione completa e quindi una sezione di informazioni che corrisponde al design del prodotto in primo piano. Le pagine dei prodotti mostrano prodotti con titoli simili ai popup e includono un elenco puntato per le funzionalità. Interessante la pagina dei servizi. Mostra molti grafici dei prodotti e mostra i vantaggi all'interno dei blurb.

Visita il sito web

9. Laboratorio di architettura

Questo sito è stato presentato da Mischa Groenen. Visualizza una singola pagina a schermo intero con collegamenti come testo e frecce come navigazione. Lo schermo è diviso in diagonale con titolo e link da un lato con sfondo bianco e descrizione dall'altro con sfondo giallo. Il titolo viene disegnato sullo schermo quando muovi il cursore del mouse. Passando con il mouse sui collegamenti viene visualizzato un effetto di zoom. Facendo clic su uno dei collegamenti si apre una pagina con un'intestazione che segue il design della schermata principale. La pagina del portfolio aggiunge un filtro che corrisponde al design del sito e mostra le immagini all'interno di una griglia che include animazioni e titoli al passaggio del mouse. La pagina della squadra mostra un design a 3 colonne con le immagini della squadra su un lato, un dispositivo di scorrimento della persona al centro e un modulo sull'altro lato. La pagina delle informazioni mostra una grafica in stile sul lavoro che svolgono. È un design semplice, interessante e unico.

Visita il sito web

10. Invecchiamento successivo

Questo sito è stato presentato da Nicolle Principe. Questo sito fa un uso eccellente dell'arancione e del verde con pochi altri aggiunti all'evidenziazione aggiuntiva. Ha un CTA nel menu secondario. La sezione dell'eroe mostra un'immagine di sfondo a schermo intero in vero parallasse con un semplice CTA in sovrimpressione. I collegamenti alle pagine vengono creati con blocchi di colore e testo in una sezione sottile a tutta larghezza. Diversi CTA a tutta larghezza mostrano un'immagine su un lato e il testo sull'altro in layout alternati. I Blurb creano anche CTA con icone cerchiate e pulsanti in stile. Una sezione donazioni mostra un bancone bar con un obiettivo e l'importo attuale. Molte delle sezioni includono un'icona sovrapposta. Mi piace la sezione sulle storie con il testo da un lato e due immagini dall'altro. Ciascuna delle immagini include effetti al passaggio del mouse che visualizzano informazioni e un collegamento per saperne di più. Include anche un calendario degli eventi, un blog in stile e molto altro. Il sito ha molte regolazioni di personalizzazione tra cui un facile controllo della dimensione del carattere e la selezione della lingua.

Visita il sito web

Conclusione

Questi sono i nostri 10 migliori invii al sito Web Divi della community per il mese di dicembre. 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 SUNATTAKIT / shutterstock.com