Divi Design Showcase: nuove proposte da luglio 2018

È 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 luglio. Nel corso del 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 2018

1. Teix Web Studio

Questo sito è stato presentato da Axel Shannon. Include una sezione dell'eroe con un bel motivo di sfondo. Sopra il motivo c'è una grafica animata e un invito all'azione. La sezione utilizza divisori di sezione in stile che appaiono in tutta la homepage. La sezione successiva fornisce informazioni e dettagli. I blurb creano un mosaico e usano l'ombra della scatola. Un'altra sezione utilizza uno stile simile per una galleria su uno sfondo a motivi. I contatori di numeri arrotondati si sovrappongono alle sezioni. Un modulo di contatto si sovrappone a una mappa. Adoro il modo in cui questo sito utilizza la sovrapposizione e la grafica.

Visualizza sito web

2. Vita

Questo sito è stato presentato da John Cooper. Utilizza un design interessante per le sovrapposizioni sulla sezione dell'eroe che crea un divisore in stile e fornisce più colori creati dal motivo. Le immagini del prodotto si sovrappongono a due sezioni e include blurb in stile per le descrizioni. Un dispositivo di scorrimento del prodotto mostra le immagini al centro dello schermo mentre i blur forniscono informazioni su entrambi i lati. Le pagine dei prodotti utilizzano un design simile e includono lo stile dell'ombra della scatola.

Visualizza sito web

3. Cosmeceutici di Newport

Questo sito è stato presentato da Jeremy Gruver. Include un cursore a tutta larghezza per mostrare informazioni e immagini dei prodotti e un pulsante per visitare il negozio. Un modulo negozio mostra i prodotti in quattro colonne con uno stile che si abbina al marchio dell'azienda. Un CTA mostra il prodotto con un elenco di funzionalità e un pulsante di acquisto. Le pagine del negozio forniscono un filtro di ricerca che consente di restringere le scelte di ricerca. Fornisce anche un'interessante sezione di social-follow che mostra il numero di condivisioni accanto a pulsanti extra larghi.

Visualizza sito web

4. Doppio abbigliamento sportivo

Questo sito è stato presentato da Simon Frost. Ha un design interessante del negozio. La homepage include un'immagine a schermo intero, un menu in stile con ogni voce di menu delineata, un CTA trasparente e un divisore di sezione con stile. La sezione successiva è la mia preferita. Include una foto del prodotto accanto a un sistema numerato per mostrare i passaggi. Ogni numero è cliccabile e cliccando su di essi mostra le informazioni con un'animazione di transizione. La sezione dei contatti mostra un'immagine di sfondo in vero parallasse con divisori stilizzati.

Visualizza sito web

5. OMT Veyhl

Questo sito è stato presentato da Jonathan Mast. Una riga sotto il menu mostra una piccola freccia che si sposta sulla voce di menu su cui stai passando il mouse. L'area degli eroi mostra un video per dimostrare il processo di produzione dietro un rivestimento scuro. Il testo in grassetto giallo fornisce uno slogan. Questo stesso giallo è usato come titoli e come sfondo per il piè di pagina. Le sezioni successive forniscono una singola colonna di testo e un paio di CTA su uno sfondo con stile.

Visualizza sito web

6. Volume 18

Questo sito è stato presentato da Chelsey Lake. Utilizza un design minimale con particolare attenzione alla tipografia di grandi dimensioni e alla fotografia in bianco e nero. Scorrendo lontano dalla grande tagline viene mostrata un'immagine che si sovrappone alle due sezioni e fornisce informazioni sull'azienda. I servizi sono descritti all'interno di blurb che utilizzano un titolo scorrevole per la sezione. I moduli delle persone sovradimensionati mostrano immagini di grandi dimensioni con ombre e testo su un lato in uno schema alternato, sovrapponendosi a ciascuna immagine. Una sezione numerata mostra i vantaggi di lavorare con l'azienda con un'intestazione che si sovrappone alla sezione precedente.

Visualizza sito web

7. Amelie Frohlich

Questo sito è stato presentato da Philipp Stakenborg. La homepage fa un uso interessante dei gradienti per creare motivi di sfondo in più colori. I colori appaiono dietro una foto su un lato con un CTA sull'altro. Appena sotto c'è una sezione a tutta larghezza con i loghi dei media e poi lo sfondo continua nella sezione successiva che include un'immagine su un lato e informazioni sull'altro. I blurb mostrano una grafica di grandi dimensioni all'interno di cerchi che corrispondono ai colori del sito e ai pulsanti con le ombre dei riquadri. Il piè di pagina utilizza una sfumatura che include i colori del sito.

Visualizza sito web

8. HighSpark

Questo sito è stato presentato da Eugene Cheng. Mostra uno sfondo scuro appena a fuoco abbastanza da dire cosa è per la sezione degli eroi. Su questo c'è lo slogan e le informazioni con un CTA che utilizza un effetto ombra sfocato. La sezione successiva mostra un titolo, un divisore e i loghi dell'azienda. La sezione successiva utilizza un divisore di sezione in stile e fornisce testimonianze in tre colonne e lo stesso CTA dell'area degli eroi. I colori cambiano dal giallo all'arancione per visualizzare i blurb, un'iscrizione via e-mail e quindi un CTA finale fonde i due colori come una sfumatura su un'immagine di sfondo. Il blog utilizza gli stessi colori delle sovrapposizioni di immagini.

Visualizza sito web

9. Pianificatore di bolle

Questo sito è stato presentato da Gennady Batrakov. Le bolle si animano sullo schermo mentre l'area dell'eroe mostra il titolo, lo slogan, i collegamenti all'app store e le immagini del prodotto che si sovrappongono alla sezione successiva. I blurb mostrano la grafica in modo che corrisponda alle bolle. Adoro la sezione successiva che mostra un video incorporato e si sovrappone alla sezione sopra di esso e alle due colonne per la sua sezione. L'ombra della scatola lo fa risaltare. Diverse sezioni mostrano il prodotto da un lato con delle scritte sull'altro, alternandosi mentre si passa da una sezione all'altra. Interessante anche lo slider del blog. Mostra una grande immagine in primo piano con il testo a sinistra e la categoria che si sovrappone all'immagine.

Visualizza sito web

10. Charlie Clark

Questo sito è stato presentato da Molly Seaton-Fast. Un dispositivo di scorrimento mostra più CTA e include una piccola sezione a tutta larghezza per visualizzare i pulsanti di follow social. La sezione successiva fornisce un modulo di iscrizione alla newsletter in stile da un lato con un feed del blog dall'altro seguito da un dispositivo di scorrimento del feed social incorporato. Più blurb con una colonna di testo creano un CTA mentre i blur animati si espandono sulle informazioni. Un verde interessante viene utilizzato per titoli, pulsanti, icone blurb e sfondi in tutto il sito. Include anche un feed Instagram incorporato. Amo l'uso del colore e della tipografia in questo sito.

Visualizza sito web

In conclusione

Questi sono i nostri 10 migliori invii 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 world of vector / shutterstock.com