Divi Design Showcase: nuove proposte da febbraio 2019

Pubblicato: 2019-03-01

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

1. Nuovo Sherpa

Questo sito è stato presentato da Gregory Little. Questo è un design di una pagina. L'intestazione a schermo intero mostra un video di sfondo che passa a un altro video mentre scorri. Puoi effettivamente vedere entrambi contemporaneamente durante la transizione. L'intestazione utilizza un testo di grandi dimensioni con un colore di marca blu scuro/verde per creare uno slogan. Una sezione Informazioni utilizza la stessa famiglia di caratteri e lo stesso stile per mostrare il focus dell'azienda. Una CTA di contatto viene posizionata su un'immagine a larghezza intera seguita da blurb con icone stilizzate con i colori del marchio. La sezione Management Team mostra i membri fondatori con informazioni e link per saperne di più, che rivela più righe di testo, tutte in colori di marca.

Visita il sito web

2. Getti di mare

Questo sito è stato presentato da George Paratsokis. L'intestazione include un effetto ombra e un pulsante CTA con stile che corrisponde ai colori del marchio del sito. Le immagini vengono rivelate attraverso lo schermo mentre le caselle animate si spostano sull'area mentre si scorre fino alla sezione, che rivela anche i pulsanti in stile. I titoli sono scritti con un elegante carattere di script che si distingue. Il layout stesso mostra informazioni e immagini in due colonne in un design alternato. Usa molto spazio bianco per mostrare il design. Un CTA include un'immagine di sfondo con caratteri sovrapposti ed eleganti, visualizzati con un'ombra di riquadro. Il piè di pagina è interessante. Ha uno sfondo in una sagoma grigio chiaro con tutte le informazioni di contatto su di esso.

Visita il sito web

3. Brezza

Questo sito è stato presentato da Sakshi Behl. Il sito utilizza un layout semplice con alcuni elementi in stile per farlo risaltare. L'intestazione mostra la tagline con un modulo di attivazione e-mail accanto a un'immagine per aiutare a definire il sito. I loghi dei clienti vengono visualizzati in un layout sfalsato. I blurb mostrano i vantaggi rispetto a un motivo di sfondo con stile che si trova sul lato dello schermo. Interessante la sezione dedicata alle caratteristiche. Visualizza uno screenshot accanto alle descrizioni. Ogni descrizione ha un titolo. Facendo clic sul titolo viene visualizzato il testo per quella descrizione. Una linea stilizzata accanto al titolo diventa più scura per mostrare quale titolo è selezionato. Anche le tabelle dei prezzi sembrano interessanti sullo sfondo blu. Il piano suggerito viene mostrato con un riquadro ombreggiato per risaltare.

Visita il sito web

4. Viale della libellula

Questo sito è stato presentato da Marci Angeles. Questo sito utilizza colori tenui e fotografie floreali per attirare il pubblico di destinazione. Diversi collegamenti alle pagine vengono visualizzati su un lato nella barra in alto mentre l'intestazione mostra il menu al centro. La descrizione e lo slogan sono mostrati in diversi caratteri sull'immagine di sfondo a schermo intero. Un'e-mail di attivazione a tutta larghezza è caratterizzata da uno sfondo azzurro e utilizza l'immagine di una chiave per mostrare che il visitatore può sbloccare le informazioni. I post del blog sono mostrati in una singola colonna con una barra laterale, tutti con uno stile abbinato. I post del blog includono la stessa barra laterale. Un feed Instagram incorporato mostra le ultime foto.

Visita il sito web

5. Parris Mfg. Company

Questo sito è stato presentato da Joseph Brown. Questo sito fa un uso divertente della fotografia per ritrarre il vecchio west. Visualizza uno sfondo a schermo intero con una grafica che ricorda le nuvole sopra il menu e un titolo sotto il menu. Uno strato animato di polvere si muove sullo schermo in 3D. Le nuvole scendono dietro il menu a scorrimento, che sembra quindi più una sezione dipinta. La sezione successiva mostra uno sfondo di recinzione con poster ricercati per le pagine. I poster si animano al passaggio del mouse come se li avessi toccati. Il piè di pagina ha una catena montuosa e cowboy in nero con un cielo verde scuro con il menu. Le pagine del negozio posizionano gli articoli su uno sfondo occidentale. Gli elementi vengono visualizzati in seppia e vengono colorati al passaggio del mouse. Le pagine dei prodotti posizionano le immagini sullo sfondo del recinto. Il sito fa un grande uso di immagini.

Visita il sito web

6. imparaqui

Questo sito è stato presentato da Pascal Claro. Il sito utilizza gradienti da arancione a bianco per la sezione eroe e CTA e evidenziazioni arancioni in tutto il sito per pulsanti, icone e testo. La sezione eroe mostra il logo con i pulsanti per accedere o vedere i corsi. Di seguito queste diverse schede mostrano i corsi più seguiti. Le schede mostrano informazioni nella parte superiore, un'immagine, un titolo, un estratto e un pulsante, il tutto in stile per adattarsi al sito e includere l'animazione al passaggio del mouse. Risaltano sul gradiente di sfondo. La pagina dei corsi utilizza questo stesso design. Le recensioni sono mostrate in un cursore di testimonianza. Le risorse vengono visualizzate con icone arancioni su un'immagine scura con un tocco di arancione in una sovrapposizione.

Visita il sito web

7. Edificio della Fenice

Questo sito è stato presentato da Andre Villanueva. Ha uno sfondo a schermo intero con un motivo stilizzato e una tagline con un carattere interessante e una grafica swirly. Lo scorrimento rivela l'intestazione che include lo stesso carattere per le voci di menu. Il carattere e i swirlies sono utilizzati anche nel logo, che appare in diversi punti del sito, inclusa una sezione Informazioni che utilizza il logo su un lato e il testo multicolore sull'altro. Ha diversi sfondi in parallasse con sovrapposizioni blu o rosse. Una delle sezioni più interessanti mostra immagini inclinate con riquadri dietro di loro che sono inclinati nella direzione opposta. Altre pagine utilizzano questa sezione e una sezione simile con immagini e bordi in grassetto con riempimento. Il sito fa un uso eccellente del colore audace.

Visita il sito web

8. Marx creativo

Questo sito è stato inviato da PK SON. Il grande logo è posto al centro di uno sfondo nero. Il logo è un ritaglio. Dietro mostra un'immagine in parallasse. Il testo bianco mostra lo slogan con il punto principale in grassetto. Una sezione sull'azienda fornisce collegamenti con frecce che cambiano posizione al passaggio del mouse. Un dispositivo di scorrimento si sovrappone a due sezioni e utilizza i punti verticali per la navigazione. I progetti sono presentati in un layout a più colonne con una fotografia elegante. Ha un chiaro invito all'azione che mostra una versione 3D del logo su un lato su uno sfondo grigio chiaro e il testo sull'altro su uno sfondo nero, legando il design all'intestazione. Mi piace il menu. Facendo clic sull'icona dell'hamburger si apre il menu a schermo intero, mostrando la navigazione da un lato e un'immagine con le informazioni sull'altro.

Visita il sito web

9. Albero epico

Questo sito è stato presentato da Lubomir Micuch. Questo sito Web di una pagina ha un motivo di sfondo fatto di esagoni che vengono visualizzati in parallasse dietro lo slogan e il pulsante CTA. Diverse sezioni mostrano i servizi e le informazioni dell'azienda in due colonne con grafica da un lato e testo con un CTA dall'altro. La grafica è composta da elementi verdi di marca che si abbinano ai pulsanti e ai punti salienti in tutto il sito. Interessante la sezione dei contatori. Mostra numeri verdi su un'immagine di sfondo di montagne con una sovrapposizione di parallasse e divisori di sezione ondulata. Una sezione simile crea un CTA. Una sezione che mostra i numeri di lavoro di ciascuno dei progetti in un layout alternato. Le icone dei client hanno sfondi arrotondati con ombre scatolate. Il sito include testimonianze in stile, interruttori, follower sui social, modulo di contatto e altro ancora.

Visita il sito web

10. Robert L. O'Neil

Questo sito è stato presentato da Masha Goltsova-Lanoue. Il sito web di questo autore utilizza il colore e la grafica per attirare il pubblico di destinazione. La sezione degli eroi mostra un CTA con la copertina del libro, la descrizione e il pulsante per l'acquisto, il tutto posizionato su uno sfondo che include le opere d'arte del libro. Una sezione Informazioni fornisce informazioni con un pulsante per vedere di più accanto a un'immagine del pubblico di destinazione che legge il libro. Tutti i pulsanti utilizzano colori diversi dal libro. Un cursore di testimonianza utilizza il viola marchiato come sfondo. Diversi CTA invitano il lettore ad acquistare libri, saperne di più o leggere sull'autore. Gli sfondi includono le opere d'arte dei libri, incluso il piè di pagina. L'opera d'arte viene anche utilizzata come grafica di precarico. Mi piace come la pagina del negozio mostra le testimonianze. Il layout è semplice e fa un grande uso del colore.

Visita il sito web

In chiusura

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