Divi Design Showcase: nuove proposte da agosto 2019

È di nuovo il momento 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 agosto. 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 agosto 2019

1. Copertura a matrice

Questo sito è stato presentato da Christian McMinn. Utilizza un'immagine di sfondo a schermo intero per mostrare il tipo di lavoro disponibile e inserisce un CTA nell'overlay. Le informazioni sull'azienda sono inserite in un layout a due colonne con un'immagine su un lato e punti elenco sull'altro. Un pulsante Leggi di più porta il lettore alla pagina Chi siamo. Una sezione simile a due colonne mostra testimonianze con un link per saperne di più. I servizi sono mostrati in blurb con grandi icone a un colore. Ulteriori collegamenti alle informazioni vengono inseriti all'interno di CTA con sovrapposizioni scure. Il piè di pagina include una mappa a larghezza intera in bianco e nero che non scorre per impostazione predefinita. Mi piace la pagina della Guida ai colori che mostra la stessa casa con tetti di colori diversi.

Visita il sito web

2. Gruppo Brightworks

Questo sito è stato presentato da Britt Baue. Un motivo di sfondo scuro si trova dietro il testo del titolo rotante. Un divisore angolato separa la sezione dell'eroe dalla successiva, che mostra testo verticale, una tagline e servizi in grassetto verde che ingrandisce al passaggio del mouse. La sezione successiva mostra uno sfondo grigio con divisori angolati per la parte superiore e inferiore. Il testo di grandi dimensioni conduce il lettore nel download CTA. Una sezione per i servizi include anche il testo allineato verticalmente per il titolo e mostra i servizi in blurb. Viene introdotto un semplice dispositivo di scorrimento delle testimonianze con un titolo di grandi dimensioni. Un'altra sezione ad angolo mostra i loghi dei clienti. Una sezione di contatto crea un CTA e fornisce informazioni di contatto. Mi piace il modo in cui il logo è spostato dal centro nel menu.

Visita il sito web

3. Islam

Questo sito è stato presentato da Saskia Lund. Questo sito include un'immagine di sfondo in vero parallasse nella sezione degli eroi per mostrare i tipi di luoghi di vacanza disponibili. L'overlay include uno slogan in un carattere con script e una casella di ricerca con una scheda in cui è possibile eseguire ricerche avanzate per alloggi specifici. Blurb alti e sottili con effetti al passaggio del mouse mostrano immagini e una descrizione dei tipi di vacanze da aspettarsi. Una sezione di offerte speciali mostra le vacanze in un dispositivo di scorrimento. Ognuno è una carta alta con un'immagine e una descrizione e include effetti al passaggio del mouse. Una sezione dei noleggi mostra le località all'interno di una scheda che include l'immagine, la descrizione e le informazioni. Gli eventi vengono visualizzati in un dispositivo di scorrimento a schermo intero. La sezione del blog corrisponde al design della carta alta e include anche effetti al passaggio del mouse. La pagina Rivista mostra gli articoli all'interno delle categorie in un layout a più colonne.

Visita il sito web

4. Capannone per la testa

Questo sito è stato presentato da Gustav Espenes. Un CTA e una grafica sono posizionati su un motivo di sfondo in vero parallasse. La grafica include un pulsante per riprodurre un video in una sovrapposizione popup. Grafica simile viene utilizzata in tutto il sito come elementi all'interno di CTA, blurb e sfondi. Il sito include molti divisori in stile per aiutare a costruire gli sfondi. I blurb sono sfalsati l'uno dall'altro per creare un interessante design verticale e hanno colori che si fondono con lo sfondo. Una sezione di domande mostra le risposte all'interno dei toggle. Un'altra sezione di blurb mostra i vantaggi con le icone. Include anche un cursore di testimonianza a tutta larghezza, i loghi dei clienti e un modulo di contatto in stile. Mi piacciono i moduli persona a colonna singola per i membri del team e la pagina del blog con il suo design pulito.

Visita il sito web

5. Emerge Richmond

Questo sito è stato presentato da Christian Schick. Questo sito utilizza molti punti salienti verdi insieme a divisori di sezioni ondulate per conferire al layout un design interessante ma minimale. La sezione dell'eroe posiziona un CTA su un lato e un esempio di prodotto sull'altro che si sovrappone al divisore di sezione. La sezione successiva mostra un prodotto simile da un lato con vantaggi dall'altro. Un'altra sezione mostra le icone con uno sfondo in stile per creare un fiore per mostrare i servizi. I progetti sono mostrati all'interno di una sezione a più colonne con un'immagine da un lato e la descrizione dall'altro. Una testimonianza viene posizionata all'interno di una casella centrata sullo schermo e sovrapposta ai divisori di sezione che conducono al prossimo CTA. Il piè di pagina personalizzato include anche divisori ondulati sovrapposti da un modulo di newsletter. Mi piacciono i punti salienti verdi in tutto il sito.

Visita il sito web

6. Società di servizi del sud

Questo sito è stato presentato da Mercedes Bugarin. La sezione Hero include testo scorrevole per mostrare i vantaggi del servizio. Posiziona un modulo nella sezione eroe con una selezione di servizi. Il modulo utilizza angoli arrotondati su un lato e si sovrappone all'immagine nella sezione dell'eroe. La sezione successiva mostra i servizi all'interno di blurb che includono angoli e ombre con stile. I loghi dei clienti vengono visualizzati all'interno di un dispositivo di scorrimento. Segue una piccola sezione con i pulsanti social e un pulsante in cui i dipendenti possono accedere. Il menu include due diversi CTA. Le sezioni sono divise con divisori ondulati. La pagina Servizi segue lo stesso design e aggiunge interruttori in stile per fornire informazioni su ciascuno dei servizi. Gli interruttori includono angoli arrotondati su un lato per adattarsi alla forma. I moduli di domanda di contatto includono un design simile e si distinguono per le ombre.

Visita il sito web

7. Bungalow sociale

Questo sito è stato presentato da Kelsey Spectre. La sezione dell'eroe mostra il logo in un angolo con una grafica simile in più angoli. La grafica dell'intestazione è posizionata in tutto il sito. Le informazioni e una CTA sono posizionate su un lato con un grafico sull'altro. Il menu principale si trova sotto questa sezione e rimane nella parte superiore dello schermo mentre scorre fino a quel punto. Una sezione introduttiva mostra un'immagine su un lato e un blocco di testo che si sovrappone sull'altro. Un CTA segue questo e include un pulsante con angoli che cambia al passaggio del mouse. Una sezione del blog mostra i post con colori tenui che corrispondono al sito e include testo con script per il titolo. Un invito all'azione a tutta larghezza utilizza gli stessi colori e la stessa grafica dell'intestazione e posiziona il testo del titolo con script in background. Adoro il design elegante della pagina del blog che utilizza gli stessi colori e caratteri con layout multipli.

Visita il sito web

8. Scarica Ecuakaraoke

Questo sito è stato presentato da Jero Shannon. Questo ha molte animazioni di cartoni animati in tutto. La sezione degli eroi mostra un cartone animato in sottofondo con un CTA in sovrimpressione. Un grafico si sovrappone al divisore di sezione, che conduce alla sezione successiva con blurb animati che sono sfalsati verticalmente l'uno dall'altro e seguono i divisori. Un'immagine angolata conduce alla sezione successiva che include un invito all'azione per l'acquisto e un collegamento al blog. Le recensioni con stelle si sovrappongono allo sfondo e forniscono un altro invito all'azione. Un video YouTube incorporato è inclinato. Questo sito include molti elementi e divisori angolati, insieme a diversi CTA con immagini o angoli colorati.

Visita il sito web

9. Figure fiorenti

Questo sito è stato inviato da Kate Britton. Include una macchia di colore nello sfondo e un cursore nella sovrapposizione su un lato. Il testo del dispositivo di scorrimento si sovrappone all'immagine del dispositivo di scorrimento e fornisce informazioni e collegamenti. I controlli del dispositivo di scorrimento sono posizionati negli angoli in alto a sinistra e in basso a destra. La sezione successiva utilizza testo multicolore e un'altra macchia di sfondo per fornire informazioni. I blurb quadrati con colori a tinta unita mostrano i titoli numerati e cambiano colore al passaggio del mouse. Un altro CTA visualizza un'immagine su un lato con le macchie di colore e un CTA sull'altro. La sezione di prenotazione mostra il titolo su uno sfondo solido e utilizza una mappa per selezionare la posizione. Un CTA di download inserisce la descrizione in un blocco che si sovrappone all'immagine. Questo usa molti colori audaci che risaltano bene.

Visita il sito web

10. Sfida della testa di blocco

Questo sito è stato presentato da Keith Green. La sezione dell'eroe mostra un blocco sullo sfondo con un filtro strutturato per la sovrapposizione. Lo slogan utilizza un testo extra-large. Il menu include due pulsanti di invito all'azione. L'immagine del blocco si sovrappone alla sezione successiva, che mostra un elemento di testo a larghezza intera per mostrare un titolo su un lato e un blocco di colore sull'altro. Due sezioni alternate mostrano un'immagine su un lato e informazioni sull'altro sullo sfondo strutturato. Le prossime sezioni CTA includono titoli ancora più grandi con testo a blocchi che è chiaro all'interno. Alcuni si sovrappongono alle sezioni. Le immagini si sovrappongono a sfondi con texture ancora più scuri. Adoro l'uso del verde, delle immagini e dei caratteri in questo.

Visita il sito web

In chiusura

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