Divi Design Showcase: nuove proposte da novembre 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 novembre. 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 novembre 2019

1. Atelier 1318

Questo sito è stato presentato da Judith Augustin. Questo è un design di una pagina. Il menu di navigazione per le sezioni è un elenco di testo allineato verticalmente che fluttua durante lo scorrimento. La sezione dell'eroe mostra un'immagine di sfondo a schermo intero in vero parallasse con un logo circolare animato nell'angolo in basso a destra che si sovrappone alla sezione successiva. Molte sezioni forniscono informazioni e collegamenti. I colori di sfondo si alternano tra bianco e nero con diverse sezioni contenenti titoli e numeri in stile come introduzioni alle classi. Il lavoro viene mostrato all'interno di uno slider della galleria che mostra la descrizione al passaggio del mouse. Le immagini nelle gallerie aprono una scheda in cui è possibile vedere l'immagine su Instagram.

Visita il sito web

2. Tecnico legale

Questo sito è stato presentato da Aleksandra Palecka. Questo usa un sacco di rosso audace per i punti salienti. La sezione dell'eroe mostra un'immagine di sfondo in bianco e nero con un CTA su un lato e un riquadro rosso sull'altro con due angoli aperti. È incredibile quanto appeal visivo offra qualcosa di così semplice al layout. Le sezioni successive hanno uno sfondo con un motivo a punti che svanisce mentre si scorre. Queste sezioni mostrano diversi CTA circondati da foto in bianco e nero con riflessi rossi. I punti salienti includono immagini con sovrapposizioni rosse, divisori, una casella disegnata da linee e pulsanti. Questo stesso design della scatola viene utilizzato per numerare i punti elenco. L'overlay rosso viene utilizzato anche per creare una chiamata CTA. Adoro l'uso del rosso in questo.

Visita il sito web

3. La Chiesa della comunità di Ridge

Questo sito è stato presentato da James Smith. Riproduce un video di sfondo a schermo intero con un logo grande e la tagline nell'overlay. Il mega-menu è posizionato a sinistra mentre la destra include i link ai social follow e alcuni CTA con icone sopra il testo. I collegamenti vengono visualizzati nella parte inferiore del video e includono sovrapposizioni al passaggio del mouse. Una sezione di benvenuto mostra un video incorporato e un evento con un link per vedere più di entrambi. Gli eventi vengono visualizzati come schede all'interno di un dispositivo di scorrimento. Gli eventi stessi nella pagina Eventi vengono visualizzati come tipi di post personalizzati con altro nella barra laterale. Le credenze sono mostrate all'interno delle fisarmoniche. Mi piacciono i riflessi rossi in questo.

Visita il sito web

4. Accendi i media

Questo sito è stato presentato da James Smith. La sezione dell'eroe mostra un cursore a tutta larghezza con un divisore curvo e una navigazione verticale stilizzata. Diverse diapositive hanno immagini che si sovrappongono al divisore. I servizi sono mostrati all'interno di blurb e includono icone personalizzate a due colori. Il mega-menu include le stesse icone con gli stessi titoli dei blurb. Un altro cursore mostra i progetti recenti. Questo dispositivo di scorrimento ha un divisore curvo nella parte superiore e visualizza le diapositive con angoli arrotondati. Un dispositivo di scorrimento più piccolo mostra i loghi dei client all'interno di blocchi di colore abbastanza scuri da distinguersi dallo sfondo. Le pagine dei servizi mostrano esempi con una griglia della galleria.

Visita il sito web

5. Doctor Life Health

Questo sito è stato presentato da Oskar Kopec. I prodotti e un CTA vengono visualizzati all'interno di un dispositivo di scorrimento a tutta larghezza nella sezione degli eroi. Le diapositive includono immagini di sfondo lungo i lati che fanno risaltare le immagini. La sezione successiva mostra un paio di CTA per vari prodotti. Questi CTA hanno un'ombra che punta verso l'interno, facendoli risaltare l'uno dall'altro anche se sono collegati. La prossima coppia di sezioni mostra i prodotti come immagini più piccole all'interno dei cursori. Una sezione informativa mostra immagini con descrizioni nelle sovrapposizioni. La pagina degli articoli mostra le immagini per le categorie con le ombre dei riquadri e include titoli e descrizioni.

Visita il sito web

6. Media congiuntamente

Questo sito è stato presentato da Robin Kesting. Usa molto giallo in grassetto per icone, collegamenti, pulsanti e altro. Diversi sfondi hanno divisori curvi, mentre molte delle righe e dei moduli hanno ombre scatolate per risaltare. La sezione dell'eroe mostra un CTA da un lato e una grafica dall'altro. Viene fornita un'introduzione con un video incorporato e un blocco di testo in stile. Una serie di blurb numerati mostra i vantaggi del loro utilizzo. I numeri sono posti dietro i titoli. Include anche una galleria in stile che apre l'immagine su Instagram, attiva/disattiva per creare le FAQ, un modulo di newsletter in stile e un piè di pagina in stile con un pulsante sovrapposto.

Visita il sito web

7. Servizi di dog walking di Bishopton

Questo sito è stato presentato da Jamie Shanks. L'intestazione aggiunge una barra nella parte superiore della prima immagine con un'e-mail e un numero di telefono cliccabili. Il resto della pagina è una serie di immagini quasi a tutto schermo. Le immagini mostrano cani in gioco e includono CTA e altre informazioni nelle sovrapposizioni. Le aree in cui è posizionato il testo sono scure. Il modulo di contatto in stile viene posizionato anche su un'immagine di sfondo. Questa immagine è ancora più scura, ma lascia trasparire il centro. Il blog visualizza i post all'interno delle schede e include un riquadro ombreggiato per i pulsanti Leggi altro. Le pagine delle categorie del blog includono una funzione di ricerca. Include anche una grafica di una zampa rivolta verso l'alto per il pulsante back-to-top.

Visita il sito web

8. IWOOD

Questo sito è stato presentato da Julien Ferla. Il menu include blocchi di colore per evidenziare i CTA. Ha un'interessante sezione degli eroi con cui è davvero divertente giocare. Il testo del titolo e l'immagine di sfondo si muovono in reazione al tuo mouse. Tre punti cerchiati (a due colori) rimangono al loro posto. Ciascuno dei punti è posizionato su uno degli elementi nell'immagine e rivelano il nome degli elementi al passaggio del mouse. Una sezione sottile fornisce collegamenti alle politiche e al negozio. Di seguito ci sono diverse grandi sezioni di testo. Il testo include diverse parole in rosa e le sezioni di testo sono divise l'una dall'altra con divisori alternati. Grandi sezioni sui prodotti mostrano testo, immagini e dispositivi di scorrimento. Includono CTA sottili che corrispondono a quello sotto l'intestazione. Questo fa un uso elegante del testo e del colore.

Visita il sito web

9. Cody Goodin

Questo sito è stato presentato da Nicole Marie Zinnanti. Questo sito utilizza molto spazio bianco e un design minimale per presentare un layout pulito. La sezione degli eroi include un CTA su un lato su uno sfondo a motivi geometrici. La sezione successiva mostra un grafico da un lato e un CTA dall'altro. Mi piace particolarmente la sezione delle abilità. Mostra le abilità in due colonne che si alternano. Ciascuno ha un'icona a due colori per ciascuno dei segmenti con il titolo e la descrizione sotto di essi. Le abilità vengono quindi elencate sull'altro lato in un diverso tipo di carattere. Una sezione Informazioni completa il sito con un divisore in stile e una grafica. Il piè di pagina personalizzato posiziona i collegamenti su entrambi i lati.

Visita il sito web

10. Elsebeth Egholm

Questo sito è stato presentato da Rikke Ekelund. La sezione degli eroi mostra un'immagine di sfondo modellata in parallasse con l'immagine di un libro e un CTA su una serie di recensioni in sovrimpressione. Altri libri sono mostrati all'interno di un layout alternato con collegamenti per saperne di più. Una sezione sull'autore mostra le informazioni da un lato con un link per saperne di più e un'immagine dall'altro. Tutte le informazioni di contatto sono posizionate su una foto a schermo intero dell'autore. Mi piacciono le pagine per i libri. Mostrano il libro da un lato e una descrizione dall'altro, entrambi su uno sfondo scuro che aiuta a dare il tono al libro. Il sito include un pulsante back-to-top in stile e una barra di scorrimento in stile sulla destra. Adoro i riflessi rossi.

Visita il sito web

Conclusione

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