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

1. Enash

Questo sito è stato presentato da Nicolas. Il sito utilizza molto testo extra-large per il titolo e per gli inviti all'azione. La sezione dell'eroe mostra un grande sfondo verde con il titolo e lo slogan. Una riga con testo informa l'utente di scorrere. Lo scorrimento rivela una sezione a due colonne. La sinistra mostra un invito all'azione con testo grande e un pulsante a blocchi extra-large. La destra mostra un'immagine in vero parallasse. Un'altra grande sezione mostra le informazioni sui loro servizi utilizzando un testo di grandi dimensioni per introdurre la sezione e le descrizioni di ciascun servizio. Un'altra grande sezione mostra i nomi dei clienti seguiti da un piè di pagina rivelatore che include le informazioni di contatto e un menu. Adoro il design della pagina Progetti, che utilizza grandi sovrapposizioni colorate con elevata opacità sulle immagini in parallasse.

Visualizza sito web

2. Ljuba – Riflessi Digitali

Questo sito è stato inviato da Ljuba. Visualizza un'immagine a schermo intero del proprietario del sito su un lato con il titolo e il logo nell'altro. Sotto l'immagine dell'eroe si trova una sottile sezione a tutta larghezza con una tagline in un font script e un modulo di attivazione e-mail. Una sezione sulle informazioni introduce il proprietario con un CTA seguito da diversi CTA con molti colori tenui, caratteri con script e grafica elegante. La sezione blog mostra i post con un piccolo overlay che include il titolo del blog. Un semplice modulo di contatto si trova su uno sfondo a motivi geometrici. Il piè di pagina include un feed di Instagram. Mi piace la pagina del portfolio. Visualizza gli esempi all'interno degli schermi del computer su una scrivania e include il titolo in una sovrapposizione nella parte inferiore.

Visualizza sito web

3. Modalità di successo

Questo sito è stato presentato da Aaron Robertson. Il sito utilizza molti colori audaci in tutto, inclusi sfondi, grafica, pulsanti, titoli, collegamenti e CTA nel menu. La sezione dell'eroe mostra una sovrapposizione su un'immagine in parallasse. L'overlay fornisce informazioni e collegamenti al prodotto da un lato e immagini stilizzate del prodotto all'interno dei dispositivi mobili dall'altro. Le caratteristiche vengono visualizzate all'interno di blurb utilizzando grafici colorati come icone. Un invito all'azione a tutta larghezza utilizza un testo di grandi dimensioni, una grafica di grandi dimensioni e un pulsante in grassetto su uno sfondo scuro. Un altro CTA ha un design simile alla sezione degli eroi ma utilizza un'unica grafica stilizzata dell'app su dispositivi mobili. Molte delle altre pagine modellano i moduli Divi con colori audaci simili. Mi piacciono particolarmente i moduli audio con immagini di sfondo e sovrapposizioni. Questo sito fa un uso eccellente del colore.

Visualizza sito web

4. Eric Hooper

Questo sito è stato presentato da Ty Hooper. Visualizza un montaggio di immagini come sfondo della sezione dell'eroe con il logo e la tagline al centro in una sovrapposizione. Segue una sezione su a tutta larghezza, che mostra un'immagine da un lato e le informazioni dall'altro. Una sezione dei capitoli visualizza i post del blog in una griglia. I capitoli stessi mostrano un'immagine di sfondo di carta invecchiata con testo su un lato e un'immagine sull'altro. Il testo e le immagini si alternano in posizioni diverse nel capitolo. I pulsanti di navigazione del blog includono il logo del sito. La pagina Immagini mostra una galleria da parete a parete, La pagina Documenti è simile ma aggiunge titoli. La pagina Interviste include una combinazione di video incorporati e immagini di documenti in un layout a più colonne.

Visualizza sito web

5. Harmona Beach Hotel

Questo sito è stato presentato da George Paratsokis. Man mano che il sito si carica, ci viene presentato un preloader del logo. Dopo il caricamento, la sezione dell'eroe mostra un'immagine di sfondo di grandi dimensioni con una sovrapposizione che copre la maggior parte dell'immagine. A sinistra dell'immagine compaiono il titolo e lo slogan all'interno di una casella animata parzialmente aperta su un lato. La scatola, il logo, il testo del titolo, i pulsanti, le icone social e il CTA nel menu sono una bella abbronzatura che corrisponde al marchio del sito. Una sezione sulle informazioni mostra un collegamento con un cerchio che si anima per sottolineare il testo al passaggio del mouse. Le stanze sono mostrate all'interno delle schede con il titolo nella parte inferiore dell'immagine. Al passaggio del mouse, viene visualizzata una sovrapposizione sull'immagine, il titolo si sposta al centro e quindi viene visualizzato un collegamento Leggi di più. Un CTA a tutta larghezza visualizza una sovrapposizione simile alla sezione dell'eroe e disegna il riquadro attorno al testo, sovrapponendo il pulsante.

Visualizza sito web

6. Sito web professionale Basilea

Questo sito è stato presentato da Benny Hozjan. Questo è un design di una pagina con molti dettagli come un punto viola che segue le sezioni ed evidenzia la sezione nel menu e una barra di navigazione in stile corrispondente. La sezione dell'eroe mostra uno sfondo a motivi con forme colorate con uno slogan al centro seguito da un'immagine che si sovrappone alla sezione successiva. Una sezione sulle informazioni mostra come funziona usando i blurb con icone animate che rimbalzano anche se non ci passi sopra. Diverse sezioni visualizzano informazioni con testo da un lato e grafica dall'altro. I servizi sono mostrati all'interno di blurb che includono animazione al passaggio del mouse, immagini, titoli e un punto stilizzato in basso. Un invito all'azione a tutta larghezza visualizza una breve riga di testo in caratteri grandi con uno slogan più piccolo su un lato e un pulsante animato sull'altro. Una sezione dei loghi dei clienti utilizza lo stesso sfondo della sezione degli eroi, ma lo visualizza in parallasse per creare un aspetto diverso.

Visualizza sito web

7. Solo realtà virtuale

Questo sito è stato presentato da Reinhard Wedemeyer. Il sito utilizza molto rosso su sfondi scuri e chiari per il suo marchio. La barra in alto aggiunge una FAQ e diversi link social. La sezione degli eroi mostra uno sfondo a schermo intero con un Cinemagraph per evidenziare il prodotto da un lato e il titolo e CTA dall'altro. La sezione successiva mostra le informazioni all'interno di un blurb e le immagini dei prodotti all'interno dei dispositivi di scorrimento. Un'altra sezione di blurb include icone multicolori che corrispondono al marchio del sito. Un CTA a tutta larghezza visualizza il testo e il pulsante su un lato su uno sfondo rosso con una grafica del prodotto sull'altro. Una delle mie sezioni preferite mostra 8 immagini più piccole dei prodotti con una descrizione al centro. Un modulo di contatto dettagliato viene posizionato sopra l'immagine di sfondo utilizzata nella sezione degli eroi. Le pagine dei singoli prodotti mostrano il prodotto su uno sfondo rosso in grassetto. Un popup CTA nell'angolo ti guida alle FAQ include un'immagine del prodotto.

Visualizza sito web

8. Nicolai Soerensen

Questo sito è stato presentato da Nicolai Soerensen. Visualizza una grande immagine di sfondo con una sovrapposizione e un CTA al centro. Lo scorrimento rivela una sezione a due colonne con un CTA su un lato con pulsanti verdi che corrispondono al CTA nel menu e un'immagine dell'ufficio sull'altro. La pagina include diversi CTA simili. Una sezione Informazioni mostra le informazioni su un lato con un'immagine cerchiata e un premio dall'altro. Diverse sezioni di blurb includono immagini disegnate con linee verdi che corrispondono al marchio del sito. I casi di studio sono mostrati come immagini di grandi dimensioni con un divisore, un titolo e una descrizione. Al passaggio del mouse viene visualizzato un pulsante Leggi altro. Mi piace la sezione dei loghi grigi all'interno di una griglia a righe che non è chiusa sui bordi esterni. È un elemento minimale che fa un grande impatto. La pagina Marketing mostra le immagini dei clienti con statistiche dettagliate.

Visualizza sito web

9. Emergere

Questo sito è stato presentato da Christian Schick. Visualizza uno sfondo verde con un divisore ondulato con il CTA da un lato e un'immagine dall'altro che si sovrappone alla sezione successiva, che mostra un'immagine e informazioni dettagliate. Le immagini sono angolate l'una dall'altra e diagonali per creare un interessante effetto visivo. La sezione successiva mostra il testo da un lato e le icone dall'altro. Le icone utilizzano sfondi solidi con forme stilizzate per distinguersi. Le forme corrispondono al logo. Mi piace la sezione dei progetti. Ogni progetto mostra un'immagine accanto a un blocco di testo in un layout a più colonne. Un modulo di testo si trova al centro di una sezione con divisori ondulati che si sovrappongono alla sezione successiva che conduce a un CTA e quindi al piè di pagina in stile con un semplice modulo di posta elettronica su un motivo ondulato. Ciascuna delle pagine utilizza uno sfondo ondulato con un gradiente nella sovrapposizione per il titolo, che include anche icone e una tagline.

Visualizza sito web

10. Gente del mattino

Questo sito è stato inviato da Lucy. La homepage è un mosaico di immagini in un layout a più colonne. Le immagini sono stilizzate con sovrapposizioni artistiche e altre immagini ritagliate insieme. Le immagini dei relatori rimandano alle loro pagine personali. Passandoci sopra, viene visualizzata una casella di testo con il loro nome e titolo e un bordo verde su due lati. Altre immagini dell'azienda servono per riempire lo spazio dove serve e non si collegano a nulla. La pagina dei relatori mostra immagini di grandi dimensioni in una griglia con titoli sotto di esse. Le pagine personali funzionano come i post del blog e visualizzano un'immagine a schermo intero seguita dal contenuto. Le citazioni all'interno del contenuto sono in verde e corrispondono ai link di navigazione del blog. Il contenuto include tre colonne con un logo a sinistra, il contenuto principale al centro e le informazioni in una barra laterale a destra.

Visualizza sito web

In chiusura

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 MSSA / shutterstock.com