Divi Design Showcase: nuove proposte da luglio 2020

È di nuovo il momento per il nostro Divi Showcase mensile, in cui diamo un'occhiata a otto 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 luglio. 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 luglio 2020

1. Poptin

Questo sito è stato presentato da Tomer Aharon. Il sito utilizza molto viola per il testo e le sfumature di sfondo e sfumature simili di rosso, giallo e blu per le alte luci. Il menu include anche blurb con icone in quei colori. La sezione eroe mostra un effetto di digitazione per la parola chiave, che cambia lo slogan e il messaggio del CTA. Una caratteristica interessante è un insieme di sezioni che visualizzano i pulsanti in una pila verticale accanto allo schermo di un computer mockup in un layout alternato. Facendo clic su uno qualsiasi dei pulsanti si cambia ciò che viene visualizzato nella schermata del mockup. Una sezione simile mostra le schede con le icone sopra la schermata del mockup. Il sito è multilingue e ti consente di scegliere tra 7 lingue.

Visita il sito web

2. Impero LVP

Questo sito è stato presentato da Nadzim Al-Rash. Usa molta abbronzatura per gli sfondi con testo nero. Il menu di navigazione è mantenuto semplice con un link per vedere la galleria e uno per prenotare una sessione. Gli effetti al passaggio del mouse cambiano il loro sfondo in un colore più scuro. Un effetto di dissolvenza dissolve le immagini in entrata o in uscita mentre scorri, inclusa l'immagine dell'eroe e alcune gallerie. Il piè di pagina mostra uno sfondo verde scuro che si distingue ma completa l'abbronzatura. Include un menu di navigazione con una linea abbronzata in alto ed effetti al passaggio del mouse. Le gallerie mostrano immagini di grandi dimensioni in un'unica colonna per mostrare il lavoro. La pagina per le prenotazioni mostra più sedi con mappe per ciascuna.

Visita il sito web

3. Andy Hooke

Questo sito è stato presentato da Andy Hooke. Usa molto blu scuro per sfondi e testo in tutto il sito. Il menu visualizza le icone per la navigazione dei sottomenu. La sezione eroe mostra schermate di lavoro che si sovrappongono alla sezione successiva. Include anche diversi motivi di sfondo in vero parallasse per distinguersi. Diverse parole chiave all'interno dei titoli sono sottolineate. Mi piace soprattutto l'insieme di sezioni per i lavori recenti che combinano la testimonianza con screenshot e un link per visualizzare il progetto. Ognuna di queste sezioni passa a un colore di sfondo diverso durante lo scorrimento, passando dal blu scuro a un blu medio e quindi all'arancione. Il blog e le altre pagine includono anche gli stessi motivi di sfondo della home page. Alcune pagine li aggiungono alle icone.

Visita il sito web

4. Podcast a sud di trasandato

Questo sito è stato presentato da Brent Collier. Il sito utilizza molto arancione e blu scuro per gli sfondi e i motivi. Lo sfondo è un disegno in stile di una montagna con colori audaci. Un lettore audio in stile con l'ultimo podcast è posizionato sotto lo slogan nella sezione degli eroi. La sua immagine include l'opera d'arte e i colori dal sito web. Un'altra sezione mostra motivi di sfondo in colori audaci in vero parallasse. Le icone in stile collegano ai vari luoghi in cui è possibile ascoltare il podcast. Mi piace anche la sezione contatti. Include uno sfondo arancione con il modulo di contatto su un lato di un colore diverso, ma i campi si sovrappongono ai due colori.

Visita il sito web

5. Palavras Cruzadas

Questo sito è stato presentato da Rui Edmond. Il sito utilizza un blu in grassetto negli sfondi, nei pulsanti e nei titoli. Segue principalmente un design a 2 colonne con sezioni alternate dal blu al bianco. Ciascuna delle sezioni include CTA con descrizioni e collegamenti ai prodotti. La grafica accentua i collegamenti ai prodotti. I puzzle sono integrati all'interno del post-tipo del progetto. Le testimonianze mostrano immagini cerchiate con sfondi in stile. Il sito include diversi CTA con layout alternati. Il design pulito assicura che ognuno si distingua dagli altri.

Visita il sito web

6. Meg Lonergan

Questo sito è stato presentato da Kurt Maddern. Il layout è semplice, con solo un menu, un logo, una notifica di copyright e un dispositivo di scorrimento. Il focus è sul cursore, ma usa lo spazio bianco per attirare l'attenzione su di esso. Il cursore occupa i due terzi del lato destro dello schermo. Il terzo sinistro è chiaro, con il titolo del sito in alto e il logo in basso. Il menu di navigazione si trova sopra il dispositivo di scorrimento e visualizza i collegamenti in due colonne sul lato sinistro del dispositivo di scorrimento. Un link di richiesta si trova sopra il lato destro del dispositivo di scorrimento. Mentre scorri, le colonne impilate del menu diventano un menu normale con tutti i collegamenti in una riga orizzontale. Il dispositivo di scorrimento mostra immagini di larghezza variabile per mostrare il lavoro. La pagina Note visualizza i post del blog con immagini grandi e collegamenti di navigazione aggiunti a sinistra.

Visita il sito web

7. Recupero

Questo sito è stato presentato da Christina Oosthuizen. Usa il marchio blu e giallo dappertutto con un tocco di rosso qua e là. Il menu include collegamenti animati in blu e giallo. La sezione eroe mostra un'immagine del prodotto che si fonde con lo sfondo. Gli slogan vengono creati con testo ultra-grande in bianco con la parola chiave in giallo. Altri titoli mettono il testo in giallo e blu. I grandi pulsanti vengono visualizzati con ombre nere solide che risaltano. Il sito include anche molti contatori in stile, blurb, testimonianze, un modulo di contatto corrispondente e pulsanti social. Mi piace soprattutto una sezione che mostra una grafica del prodotto in due colori. Lo sfondo su un lato corrisponde al colore del prodotto sull'altro lato. La pagina dei contatti utilizza un design simile.

Visita il sito web

8. PlantVibe

Questo sito è stato presentato da DJ Wheeler. Il sito utilizza il verde per il colore del marchio negli sfondi, nella grafica e nel testo della sezione. La sezione degli eroi include uno slider con CTA in layout alternati che mostrano l'immagine da un lato e le informazioni dall'altro. CTA semplici con grafica e visualizzazione di testo su uno sfondo verde con un motivo stilizzato. Una sezione di collezioni mostra le varie opzioni in un dispositivo di scorrimento del prodotto. Questo dispositivo di scorrimento include evidenziazioni in verde intenso per il titolo, i collegamenti e la navigazione. Il modulo di contatto utilizza lo stesso verde per il pulsante di invio. Anche le foto dei prodotti hanno colori di sfondo che vengono utilizzati in determinate sezioni per renderle parte del design del sito web.

Visita il sito web

9. Armedes

Questo sito è stato presentato da Thomas van der Wolde. Il sito utilizza molto blu negli sfondi, nella grafica, nel testo e nelle CTA nel menu di navigazione. La sezione eroe mostra un CTA con un effetto di digitazione che cambia le parole chiave. Una sezione di contrassegni mostra un colore diverso per il bordo superiore di ogni contrassegno e include elementi grafici con un motivo di sfondo blob. Una sezione di passaggi numerati visualizza i numeri in grandi caratteri blu con testo su un lato e un'immagine sull'altro in un layout alternato. Le altre pagine seguono un design semplice e pulito simile che mette in evidenza servizi e vantaggi.

Visita il sito web

10. MJS Media

Questo sito è stato presentato da Matt Southam. Usa un giallo audace per il colore del marchio con molti altri colori per supportarlo. La sezione degli eroi posiziona una sovrapposizione gialla su un video di sfondo che si vede appena. Lo sfondo giallo viene utilizzato anche per una testimonianza a tutta larghezza e per il pulsante di contatto. Diversi blurb mostrano la grafica con sfondi cerchiati in vari colori. Mi piace la sezione con un caso di studio che mostra un'immagine sullo sfondo dietro una sovrapposizione grigia. Il menu a schermo intero inserisce i collegamenti in testo di grandi dimensioni in tre colonne che facilitano la visualizzazione della navigazione, dei servizi e delle informazioni di contatto. Lo sfondo è sfocato ma visibile. Mi piace anche il design pulito del blog.

Visita il sito web

In chiusura

Questi sono i nostri dieci migliori contributi al sito web Divi della community per il mese di luglio. 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 DRogatnev / shutterstock.com