Divi Design Showcase: nuove proposte da aprile 2019

È di nuovo tempo per il nostro Divi Showcase mensile in cui diamo un'occhiata a 10 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 aprile. 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 aprile 2019

1. Università del movimento

Questo sito è stato presentato da Andrew Bartlett. Il sito utilizza uno sfondo scuro con testo bianco con riflessi gialli e arancioni (tecnicamente è marrone sporco). Tutte le immagini di sfondo sono scure. La sezione eroe mostra un'immagine di sfondo che descrive il sito. Il testo nell'overlay include uno slogan e un invito all'azione a sinistra e un pulsante di riproduzione a destra. Il pulsante di riproduzione cambia al passaggio del mouse e apre un video in un popup quando viene cliccato. Altre sezioni mostrano le informazioni in due colonne con testo e immagini. Il layout si alterna durante lo scorrimento. Tra le sezioni, ci sono piccole miniature con fumetti per le testimonianze. Un CTA a tutta larghezza fornisce un'immagine con un modulo di iscrizione. Altri fumetti testimoniali creano un piè di pagina rivelato.

Visita il sito web

2. Disegni JD

Questo sito è stato presentato da James Dawson. Visualizza un dispositivo di scorrimento a schermo intero con immagini di sfondo e sovrapposizioni scure. Gli overlay utilizzano un testo di grandi dimensioni per descrivere il sito e fornire un CTA. Lo scorrimento rivela un'altra sezione con un testo di grandi dimensioni su uno sfondo bianco che descrive l'azienda. I servizi sono mostrati nel testo con un interessante punto divisore tra il titolo e la descrizione. La sezione portfolio mostra immagini con sovrapposizioni. Questa sezione utilizza divisori di sezione ondulati e uno sfondo grigio che si distingue quanto basta dal resto del layout. Diverse altre sezioni utilizzano questo design ma con sfondi blu. Mi piace la sezione con i loghi dei clienti extra large. Sono mostrati in grigio scuro su quattro colonne.

Visita il sito web

3. Swish

Questo sito è stato presentato da Daniel Neumann. Il sito mostra uno sfondo a schermo intero con una sovrapposizione blu scuro e un CTA in testo bianco su un lato. I servizi sono mostrati in blurb con un'ombra di un riquadro e icone animate. Il motivo di sfondo è visibile attraverso il blurb. Il passaggio del mouse intensifica l'effetto dell'ombra della scatola in modo che risaltino e rende la sfocatura completamente opaca. Diverse sezioni a due colonne alternano i loro layout con testo da un lato e immagini dall'altro. Il testo in queste sezioni mostra icone animate e testo evidenziato. La pagina dei prezzi fa un uso eccellente di un semplice design blu e bianco con tabelle dei prezzi bianche. Mi piace il bagliore rosso dei pulsanti della tabella dei prezzi. I riflessi rossi apportano colore appena sufficiente e risaltano perfettamente.

Visita il sito web

4. Strumenti HH

Questo sito è stato presentato da Mathias Rue. Il sito utilizza uno sfondo sfumato da arancione a rosso con icone per creare un design ingegneristico. L'overlay mostra le informazioni sull'azienda, i pulsanti e una funzione di ricerca da un lato e un modulo di contatto dall'altro. Il menu a discesa include un pulsante a tutta larghezza per la pagina dei contatti. I loghi dei partner sono mostrati in uno slider con un collegamento alla pagina del fornitore. I blurb vengono utilizzati per i collegamenti a servizi e informazioni. Includono immagini a 2 colori come icone e hanno un bordo interessante per far risaltare i blurb. Una sezione per i riferimenti utilizza un design simile ma è molto più grande e include i loghi dei clienti per le immagini. Il design è utilizzato anche per la sezione blog. Il layout include anche articoli incorporati da LinkedIn sullo stesso sfondo della sezione degli eroi.

Visita il sito web

5. Studio di animazione IQ

Questo sito è stato presentato da Saurabh Patil. La sezione dell'eroe mostra lo slogan, le informazioni e l'invito all'azione da un lato e una grafica animata dall'altro su un gradiente di sfondo blu scuro. La grafica animata è divertente da guardare. Voglio uno di questi distributori di caffè. Un blu ancora più scuro viene utilizzato per il resto degli sfondi e per i pulsanti. Quattro colonne di blurb mostrano icone animate con un titolo. Usano uno sfondo blu scuro e un bordo grigio che è appena abbastanza chiaro da distinguersi l'uno dall'altro. Passando il mouse su una delle blurb, lo sfondo diventa arancione. Disegni simili sono usati per altri blurb che forniscono informazioni. Un'interessante sezione su mostra un'animazione su una bella grafica in parallasse. Le pagine mostrano anche una bella animazione di caricamento.

Visita il sito web

6. Miss Kindergarten

Questo sito è stato presentato da Chris Cadalzo. Il sito mostra un logo extra-large al centro, sotto il menu. La sezione successiva utilizza separatori di sezioni ondulate per la parte superiore e inferiore, ciascuna con un design diverso e in più sfumature del colore di sfondo. Questa sezione mostra anche gli argomenti come immagini quadrate che rimpiccioliscono e cambiano il loro bordo al passaggio del mouse. Una sezione per le risorse e la sezione del blog (ma con immagini più alte) utilizzano lo stesso design. Una sezione sulle informazioni mostra il proprietario del sito in un'immagine cerchiata e lo stesso stile di carattere con script del logo. Il modulo di registrazione mostra l'omaggio con il carattere script per il titolo. Anche il blog e la barra laterale hanno uno stile che si abbina al design del marchio del sito.

Visita il sito web

7. Delmain

Questo sito è stato presentato da Jake Baught. Uno sfondo video viene riprodotto dietro l'overlay con lo slogan. Lo scorrimento rivela icone multicolori per i servizi a tipi specifici di clienti. Una sezione simile di servizi viene visualizzata nella parte inferiore della pagina. Una testimonianza viene visualizzata a tutta larghezza su uno sfondo verde con divisori di sezione angolati. Questa sezione si distingue perfettamente. Una sezione più ampia di testimonianze appare nella parte inferiore del layout in più colonne con colori alternati e immagini stilizzate. Diverse sezioni mostrano le storie dei clienti con un video incorporato e statistiche in testo di grandi dimensioni e un collegamento per ulteriori informazioni. Le immagini dei video mostrano i siti Web su più dispositivi. L'avvicinamento al piè di pagina inizia con una montagna in parallasse dietro un ritaglio di montagna, un modulo di contatto con divisori di sezione angolati e una sezione che mostra i loghi dei siti di recensioni con un contatore di statistiche.

Visita il sito web

8. Supa International

Questo sito è stato presentato da Ben Dale. Questo è un design di 2 pagine. Le etichette per i prodotti sono mostrate sullo sfondo in parallasse con una tagline e un invito all'azione nell'overlay. La sezione successiva mostra informazioni dettagliate su un lato in un carattere più piccolo e una dichiarazione abbreviata in un testo più grande sull'altro. Le prossime due sezioni mostrano le immagini dei prodotti con titoli e testo. Le immagini sono sfalsate verticalmente l'una dall'altra, conferendo al design uno stile visivo interessante. I servizi sono mostrati con immagini che includono sovrapposizioni con titoli e testo numerato. Altri prodotti sono visualizzati nella grande galleria a 4 colonne. Questo sito fa un grande uso di testi e immagini di grandi dimensioni.

Visita il sito web

9. Eroe per te

Questo sito è stato presentato da Bram Chauvin. Questo sito fa un uso interessante della grafica. La sezione dell'eroe utilizza un divisore della sezione superiore che effettivamente modella l'intestazione. Il testo del titolo è grande e mostra uno slogan e diversi pulsanti. Lo sfondo mostra una vera parallasse e include le nuvole che sono sovrapposte dal divisore della sezione delle nuvole della sezione successiva. I blurb mostrano i servizi utilizzando grafici cerchiati. I pulsanti nei contrassegni si sovrappongono al contrassegno. Mi piace il CTA che mostra una grande grafica di uno smartphone di supereroi. Interessante anche il piè di pagina. Mostra uno sfondo grafico in vero parallasse con un divisore di sezione angolato e un contatto CTA nella sovrapposizione. Il blog segue lo stesso design e utilizza gli elementi di intestazione e piè di pagina.

Visita il sito web

10. VS & Assemblare

Questo sito è stato presentato da MJ Swart. Questo sito fa un uso interessante di elementi grafici e grandi blocchi per creare il layout. La sezione dell'eroe utilizza uno sfondo scuro con diversi blocchi colorati, punti e testo verticale per creare modelli visivi. Questi modelli seguono il resto del layout. Le sezioni successive utilizzano un layout a più colonne con blocchi di colore per gli sfondi, titoli con stili, titoli extra large e cursori per mostrare i loro servizi, informazioni sull'azienda, esperienza, cultura, uffici e altro. Facendo clic sul collegamento del contatto nel menu si apre un modulo di contatto nel menu. Amo l'uso del colore, del testo e dei cursori in questo sito.

Visita il sito web

In chiusura

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