Divi Design Showcase: nuove proposte da giugno 2019

È 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 giugno. 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 giugno 2019

1. Marie Bouzkova

Questo sito è stato presentato da Michal Teska. Questo è un design di una pagina che utilizza un menu di navigazione solo per il titolo e i collegamenti ai social media e posiziona il menu nella parte inferiore della pagina. Il menu rimane al suo posto durante lo scorrimento. La sezione dell'eroe mostra una grande immagine del proprietario del sito su un lato sullo sfondo a schermo intero. Il nome e le statistiche sono posizionati sull'altro lato. I titoli di ciascuna delle sezioni mostrano un testo grande dietro il titolo. Momenti salienti della carriera mostra le immagini sovrapposte su un lato con i momenti salienti in blurb dall'altro, seguite da un video incorporato. Le immagini vengono mostrate nella galleria in muratura e si aprono in uno slider a schermo intero. La sezione Squadra mostra i colpi alla testa della squadra con un motivo di sfondo. La sezione Segui include feed Facebook e Twitter incorporati. Il sito fa un uso interessante del colore e del testo.

Visita il sito

2. MWS digitale

Questo sito è stato presentato da Kaelynn Midgley. Ha una pagina di destinazione pulita con un focus sugli inviti all'azione. L'intestazione mostra le informazioni principali al centro della pagina con il logo, lo slogan e l'invito all'azione. Un grafico con CTA per il loro approccio si sovrappone alla sezione successiva. Una sezione a 2 colonne mostra un'immagine su dispositivi mobili in una colonna con il testo nell'altra colonna. Le prossime sezioni seguono questo design e si alternano lungo la pagina. La sezione del blog mostra immagini quadrate con sovrapposizioni scure e testo, creando un design pulito ed elegante. Mi piace la sezione dei link ai servizi. Mostra il servizio in caratteri grandi che è collegato a ciascun servizio. Questo sito fa un uso elegante di colori e layout.

Visita il sito

3. Una papaya

Questo sito è stato presentato da Andrea El-Bardawil. Il sito è un design di una pagina che utilizza molti sfondi di parallasse con immagini su un motivo di sfondo. Il primo piano mostra le immagini che interagiscono con gli sfondi mentre scorri. Il primo piano include un testo di grandi dimensioni che descrive la sezione successiva. Le informazioni sono fornite in blurb con grafica appropriata. Una sezione numerata visualizza le informazioni con un CTA. Gli esempi dell'ultimo lavoro sono mostrati all'interno di un cursore con una descrizione e un collegamento su uno sfondo rosso in grassetto. Questo sito fa un grande uso del tema della frutta, delle immagini di parallasse e del colore rosso e arancione audace.

Visita il sito

4. Lime fresco

Questo sito è stato presentato da Josh Allan. Il sito utilizza il verde lime come colore del marchio nella grafica come icone, logo e menu CTA (dopo lo scorrimento), nonché pulsanti e testo e blu per sfondi e pulsanti. La sezione degli eroi mostra un interessante motivo di sfondo di varie tonalità di blu scuro con un grafico di edifici con persone. Il primo piano mostra il titolo, lo slogan e l'invito all'azione. I servizi sono descritti in blurb con icone verdi. Un'altra sezione mostra informazioni su un lato con una grafica di un edificio e persone sull'altro lato che corrisponde alla sezione dell'eroe. Ognuna delle pagine fa un uso eccellente di grafica e sfondi con motivi.

Visita il sito

5. Ranch sul fiume

Questo sito è stato presentato da Kelsey Spectre. Utilizza un logo extra-large che si sovrappone al menu e alla sezione successiva. Il menu appare abbastanza in basso sullo schermo che parte dell'immagine principale appare sopra di esso. L'immagine a larghezza intera mostra la posizione e utilizza il cielo nell'immagine per posizionare il testo del titolo. Sotto questo messaggio viene visualizzato un invito all'azione della newsletter che utilizza un carattere con script come titolo che sembra scritto a mano. Le immagini vengono utilizzate come collegamenti a pagine di informazioni. Diverse sezioni mostrano mappe o immagini su un lato e testo sull'altro per descrivere luoghi o fornire informazioni. Le varie pagine mostrano immagini a tutta larghezza dei luoghi e utilizzano grafici disegnati a mano o immagini satellitari per le mappe. I colori per gli sfondi e il testo si adattano perfettamente al tema del ranch.

Visita il sito

6. Equitazione sul fiume Eden

Questo sito è stato presentato da Salma Sheriff. Include una barra dei menu in alto con collegamenti all'account, un'ampia area del logo e quindi la navigazione principale con uno sfondo blu che è stato reso più stretto rispetto al resto del sito. L'immagine di sfondo principale mostra uno slogan e un invito all'azione del negozio in una sovrapposizione. I titoli sono verdi o marroni per adattarsi al design del sito. Un CTA di Facebook descrive il gruppo all'interno di una casella colorata che si distingue. Utilizza un'immagine cerchiata e un pulsante che collega al gruppo. Una sezione sul podcast utilizza immagini con titoli per collegarsi agli ultimi episodi. Un'altra sezione che spicca è una serie di blurb con immagini cerchiate che collegano alle varie pagine, che seguono uno stile simile alla homepage. I colori per il testo e le evidenziazioni funzionano bene con il design del sito.

Visita il sito

7. Viale dei Leoni

Questo sito è stato inviato da Ricky. Il sito è un design di una pagina che utilizza colori scuri e tenui insieme per dare un aspetto elegante. Le evidenziazioni azzurre vengono utilizzate per titoli, sfondi e bordi. La sezione degli eroi mostra lo slogan con una serie di CTA seguiti da un grande logo. Una sezione informativa mostra un'immagine del proprietario del sito su un lato in un'immagine con stile con le informazioni presentate sull'altro lato in un'area più ampia con il titolo, un carattere con script e le informazioni stesse presentate in una casella con un bordo stilizzato che si sovrappone all'immagine. Questo stesso titolo e il design dei caratteri con script vengono utilizzati per introdurre diverse sezioni in tutto il sito, comprese le sezioni del portfolio che mostrano le immagini dei progetti come schede. I colori, i caratteri e i divisori angolati aiutano a dare a questo sito un design pulito e interessante.

Visita il sito

8. Mungere di più

Questo sito è stato presentato da DJ WHEELER. Il sito utilizza una combinazione di colori nero, bianco e marrone chiaro per aiutare a creare un design pulito. Il testo del menu è più grande del normale con molto spazio tra i collegamenti. La sezione dell'eroe mostra un'immagine correlata in divisori ondulati a tutta larghezza ed extra-large con trasparenza per fondersi nella sezione successiva, che mostra un grande testo nero su uno sfondo bianco. Un'altra immagine a tutta larghezza si fonde con la sezione precedente e successiva, che include grandi pulsanti per le categorie del negozio seguiti da una serie di prodotti. Diverse sezioni forniscono informazioni con immagini e pulsanti o blurb e icone. Ogni sezione mantiene le informazioni brevi e semplici. Le sezioni testimonianze e newsletter seguono lo stesso semplice design. Questo sito fa un uso eccellente dello spazio bianco e della tipografia.

Visita il sito

9. Pro foto online

Questo sito è stato presentato da Eugene Dimov. Il sito utilizza un design della timeline per separare le sezioni. Un'immagine a schermo intero mostra il titolo e l'invito all'azione. Le sezioni grandi includono titoli di grandi dimensioni che si trovano dietro i titoli. Le intestazioni scivolano lentamente al loro posto mentre scorri. Ogni sezione è numerata con un blocco di colore e un numero con una linea verticale. I numeri rimbalzano al loro posto mentre scorri. Le sezioni più piccole hanno titoli verticali che appaiono ai lati dello schermo. Le sezioni stesse includono CTA alternati con testo e immagini. Adoro il layout della pagina della Galleria. Mostra l'immagine su un lato con un bordo spesso e le informazioni del fotografo sull'altro lato e pulsanti per acquistare o stampare l'immagine. La pagina Contatti mostra il modulo di contatto su una lavagna appesa al soffitto. Il modulo si trova accanto a un dispositivo di scorrimento dell'immagine. Il tabellone su cui sono posizionati è sopra un muro di mattoni. Il sito fa un grande uso di tipografia e fotografia.

Visita il sito

10. Laboratori Haiko

Questo sito è stato presentato da Rui Silva. La sezione dell'eroe mostra un grande motivo di sfondo arancione con un CTA e immagini angolate nella sovrapposizione in parallasse. La sezione ha un divisore angolato che si fonde con la sezione successiva. Mentre scorri, i prodotti vengono mostrati da un lato con le descrizioni dall'altro e si alternano lungo la pagina. Alcune delle immagini si sovrappongono a elementi di sfondo. Un'altra sezione di informazioni interessanti utilizza un blocco con uno sfondo nero che occupa la maggior parte dello schermo e si trova su un lato. Mentre scorri, lo sfondo visualizzato si fonde con l'immagine sottostante. I CTA risaltano con colori audaci sugli sfondi neri. Questo sito fa un uso eccellente del colore e della fotografia.

Visita il sito

Conclusione

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