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

1. Progresso

Questo sito è stato presentato da Azer Gunes. Utilizza molti sfondi neri con testo bianco di grandi dimensioni e riflessi gialli brillanti ovunque. Il menu di navigazione inizia con uno sfondo trasparente e mostra il logo, i collegamenti e un paio di CTA con uno sfondo giallo. Dopo lo scorrimento, l'intestazione cambia in uno sfondo nero, i CTA ora hanno titoli e i collegamenti del menu vengono spostati in un menu di hamburger che appare sul lato sinistro. I pulsanti in tutto il sito Web cambiano colore al passaggio del mouse. I lavori vengono mostrati come un tipo di post personalizzato e includono un'immagine quadrata con un link cliccabile nell'angolo. I membri del team vengono visualizzati in un dispositivo di scorrimento posizionato su un motivo di sfondo su un lato. Il piè di pagina visualizza le informazioni su uno sfondo giallo e inserisce i collegamenti ai social media all'interno di uno schema a blocchi. Adoro l'uso del giallo e del nero su questo sito.

Visita il sito web

2. La prigione di Neheulbeuk

Questo sito è stato presentato da Thibault Jullian. Se sei un giocatore di giochi di ruolo, questo sito ti attirerà immediatamente. Un video di sfondo crea l'aspetto di uno slider animato scorrendo da una scena all'altra e mostrando la scena al rallentatore. Il primo piano mostra il titolo con stile e i pulsanti CTA. I loghi dello studio sono posizionati su un disegno di blocchi di pietra sopra una porta dove un personaggio dei cartoni animati sta entrando nella stanza. Mentre scorri fino a quella sezione, il testo sfocato scorre dai lati e viene messo a fuoco quando raggiungono la loro posizione. Le informazioni sul gioco vengono mostrate all'interno dei blurb utilizzando icone personalizzate e testo in stile con riflessi dorati. Un video è incorporato su uno sfondo che funge da poster del gioco. Gli screenshot sono mostrati all'interno di una galleria in muratura. Questo sito fa un uso eccellente della grafica e del testo dorato su sfondi neri.

Visita il sito web

3. Trafoos

Questo sito è stato presentato da samant jaitli. Questo sito Web è un negozio online che trova un modo interessante di utilizzare il colore. La sezione degli eroi mostra le immagini a destra e a sinistra e i pulsanti al centro su uno sfondo con tenui colori gialli e blu del sito. Anche i colori di sfondo delle immagini del prodotto utilizzano questi colori e molti altri. Alcune delle immagini del prodotto hanno un'ombra che fa risaltare il prodotto dallo sfondo. Un conto alla rovescia mostra un logo. Altri prodotti includono un bordo su un lato con l'immagine posizionata su uno sfondo colorato sull'altro lato che crea una sovrapposizione di colori utilizzando il blu e il giallo della sezione degli eroi. Una sezione di nuovi arrivi aggiunge ombre box ai prodotti. Interessante anche il piè di pagina. Divide lo schermo con una grande colonna di blu e una più piccola colonna di giallo. Ciascuna delle colonne fornisce informazioni diverse. I disegni dei cartoni animati dei panda appaiono in tutto il sito, incluso il logo.

Visita il sito web

4. Nancomcy

Questo sito è stato presentato da Marc HENRY. Questo sito utilizza molti elementi grafici con forme con bordi arrotondati che mostrano immagini di sfondo. La sezione degli eroi mostra molti di questi in verticale con il più importante che mostra un video di sfondo. Altri visualizzano colori o immagini. Un'altra sezione mostra diversi orizzontalmente. Questi sono molto più sottili, occupano quasi l'intera larghezza dello schermo e sono disposti in un layout alternato. Includono immagini di sfondo con testo extra-large come titolo e testo più piccolo sotto l'elemento grafico come descrizione. Una sezione di contatori numerici è simile a questi e include un gradiente di sfondo blu/nero con testo dorato. Le testimonianze vengono posizionate su un'immagine di sfondo con il testo in sovrimpressione. Mi piace anche la sezione che mostra l'elemento grafico al centro e le macchie su entrambi i lati. La grafica centrale è posizionata su una grafica di foglie per farla risaltare.

Visita il sito web

5. Affidamento e soci

Questo sito è stato presentato da Flavio Mester. Questo fa un uso interessante dei blocchi di colore, a partire dal menu. L'intestazione è un insieme di due blocchi che si trovano nell'angolo in alto a destra e rimangono in posizione. Il blocco di sinistra include il titolo su uno sfondo bianco traslucido. Il menu di hamburger extra-large si trova nel blocco di destra con uno sfondo nero traslucido. Ogni sezione scorre al suo posto mentre scorri verso il basso il sito. Le sezioni sono separate dalla sezione degli eroi con una striscia blu. Un blocco di colore si trova all'estrema sinistra della sezione e include sfumature alternate di marrone chiaro e grigio scuro. Le sezioni stesse si alternano tra il bianco e il grigio chiaro. Una testimonianza occupa l'intera larghezza dello schermo e posiziona il testo su un'immagine di sfondo con una sovrapposizione scura. La pagina Pubblicazioni include podcast incorporati.

Visita il sito web

6. Progetta su

Questo sito è stato inviato da Tobija di Designup. Questo fa un uso eccellente del viola e dei relativi colori per il marchio. La sezione degli eroi mostra un video dietro una sovrapposizione viola con una descrizione e un invito all'azione in primo piano. L'intestazione include collegamenti con molto spazio tra di loro e un CTA in grassetto gradiente rosso. Diverse sezioni includono uno sfondo viola, motivi di sfondo o entrambi. La sezione per le storie di successo mostra le immagini del lavoro sugli schermi dei computer con i pulsanti viola per vedere il lavoro. Un'altra sezione utilizza blurb con icone viola. Una sezione si inserisce tra questi due con uno sfondo sfumato verde che risalta. I motivi di sfondo delle sezioni precedente e successiva si sovrappongono a questo. La pagina Costo ha un calcolatore unico con una sezione rossa che si attacca alla parte inferiore della pagina fino a raggiungere quella sezione durante lo scorrimento. I colori del marchio funzionano bene per legare insieme questo design.

Visita il sito web

7. Continua sempre a progredire

Questo sito è stato presentato da Ragz Thompson. Questo sito fa un uso elegante del verde e dell'arancione per i colori del marchio, a partire dal logo e CTA nell'intestazione. La sezione dell'eroe mostra quattro blurb che si sovrappongono all'immagine a schermo intero. Includono angoli arrotondati, icone grandi, diverse sfumature di sfondi verdi, ombre della scatola verso l'interno e cambiano in arancione al passaggio del mouse. Le ombre verso l'interno danno alle macchie un effetto di sovrapposizione, facendole sembrare che si sovrappongano l'una all'altra. Il verde è molto usato per titoli, blurb e icone. L'arancione è molto usato per i colori di sfondo dei pulsanti. La maggior parte dei pulsanti include delle ombre per risaltare. Anche i pulsanti mobili dei social media sono in verde e cambiano in arancione al passaggio del mouse. I divisori di sezioni ondulate fanno sì che le sezioni si distinguano l'una dall'altra con stile mentre i colori di sfondo mantengono la divisione sottile.

Visita il sito web

8. florianboetler.com

Questo sito è stato presentato da Florian Bolter. Questo è un eccellente esempio di un sito Web di curriculum. Fa un uso interessante del colore per i punti salienti in tutto il sito Web, dando a tutti gli elementi del Web molto spazio. Il testo grande su un lato della sezione dell'eroe introduce il proprietario del sito e include pulsanti in stile con uno sfondo sfalsato dietro uno. Una grafica in stile sull'altro lato include colori che si ripetono in tutto il sito. Mi piacciono le sezioni dei progetti. Visualizza un caso di studio con un'immagine su un lato e un titolo, descrizione, parole chiave, un pulsante con stile e un grafico dall'altro. I progetti sono disposti in un layout alternato e ognuno ha una grafica diversa utilizzando colori audaci. Una sezione dei contatti mostra grandi icone social che si inclinano al passaggio del mouse. I casi di studio fanno un grande uso della fotografia.

Visita il sito web

9. Aspire attestazione

Questo sito è stato presentato da Dijimoe. Questo usa molto blu scuro per gli sfondi e verde chiaro per le alte luci. I colori funzionano perfettamente insieme per dare al sito un design interessante. La sezione dell'eroe mostra un'immagine di sfondo con un gradiente blu e verde per fondere i colori insieme. Utilizza anche un divisore di sezione con freccia verso il basso che si fonde con la sezione successiva, che mostra i paesi popolari come grandi blurb con un'immagine e sovrapposizioni blu. Il primo piano mostra il nome e il pulsante in verde chiaro e le informazioni in bianco. Il passaggio del mouse cambia la sovrapposizione in verde e aggiunge un bordo interno in verde e una linea in bianco. L'immagine viene ingrandita al passaggio del mouse. Mi piace anche la mappa che mostra il verde chiaro su uno sfondo blu scuro. Include che mostra i nomi delle località al passaggio del mouse. Il lato sinistro mostra il testo rotante con i nomi delle località. I blurb utilizzano lettere verdi come elemento di sfondo per pronunciare la parola FAST.

Visita il sito web

10. Escogitare

Questo sito è stato presentato da Narathip di Devise. Utilizza sfumature di bianco e nero per creare un design sofisticato. La sezione degli eroi ha un dispositivo di scorrimento a schermo intero con ogni diapositiva che mostra un'immagine di sfondo e una sovrapposizione di colore diverso. Il testo su un lato mostra il titolo e la descrizione. Le immagini delle diapositive vengono visualizzate in parallasse. Ciascuna delle sezioni del sito include un titolo sottolineato a sinistra e un carattere ancora più grande per una descrizione al centro. Gli sfondi sono bianco sporco, nero o grigio scuro. La sezione sul loro approccio mostra immagini di esempio con descrizioni. La sezione sul loro lavoro mostra i progetti come immagini di grandi dimensioni e un link per vedere di più. I loghi del cliente sono mostrati in bianco su uno sfondo grigio scuro. Le pagine dei progetti sono ancora più eleganti e includono grandi foto dettagliate su sfondi in stile. Le offerte di lavoro sono mostrate all'interno di blurb. Amo la fotografia e i colori di 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 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 Jemastock / shutterstock.com