Divi Design Showcase: nuove proposte da maggio 2020

È di nuovo il momento per il nostro Divi Showcase mensile, in cui diamo un'occhiata a otto 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 maggio. 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 maggio 2020

1. Svadobna agentura Terezy Klizanovej

Questo sito è stato presentato da Lubomir Micuch. Questo sito riproduce un video di sfondo a schermo intero e include un lettore audio con musica che corrisponde al video. L'audio è disattivato per impostazione predefinita e può essere attivato facilmente. Il primo piano mostra anche il logo, lo slogan e l'invito all'azione al centro con un separatore di sezione in stile che conduce alla sezione Informazioni. Questa sezione include alcune righe con testo e una descrizione in due colonne in un layout alternato. Il blurb è in stile con un pulsante sovrapposto. Le testimonianze mostrano immagini con un link per saperne di più. Una galleria di video mostra clip di matrimoni. Le domande frequenti sono posizionate all'interno di interruttori con stile. Adoro il piè di pagina personalizzato con un'immagine di sfondo e pulsanti social in stile. Il sito include anche una barra di scorrimento in stile e un pulsante back-to-top. La sua eleganza corrisponde perfettamente al suo argomento.

Visita il sito web

2. Laboratori tecnici

Questo sito è stato presentato da Ben Schroeder. Il cursore del mouse viene modificato in un + rosso mentre passi con il mouse in qualsiasi punto dello schermo. La home page è a schermo intero con uno sfondo blu con un casco spaziale seduto al centro. La faccia del casco riproduce un video di nuvole che si muovono sulle montagne. Include un grande testo bianco con un CTA a sinistra e informazioni sull'azienda con pulsanti social a destra. L'intestazione mostra il logo e un menu di hamburger. Il menu è particolarmente interessante. Visualizza uno sfondo bianco su circa metà dello schermo. I collegamenti sono parole singole in caratteri neri extra-grandi. Sono numerati con caratteri grigi ancora più grandi che diventano blu al passaggio del mouse. Molte pagine seguono lo stesso schema di colori o hanno uno sfondo nero stellato animato.

Visita il sito web

3. Marketing del punto focale

Questo sito è stato presentato da Derek Nelson. Questo sito utilizza molto testo in grassetto di grandi dimensioni in giallo, bianco e nero in tutto il sito. La sezione degli eroi include un video di sfondo a schermo intero mentre il primo piano mostra un grande slogan. Il menu secondario include uno sfondo in stile e la sezione successiva utilizza il giallo in grassetto per lo sfondo. Include uno schema in vero parallasse con un grande CTA e un pulsante video che si sovrappone a questo e alla sezione dell'eroe. Adoro la sezione successiva che mostra un grafico della navetta spaziale che si lancia verso l'alto sullo scorrimento. Questa sezione include anche un CTA e un separatore di sezioni cloud. Una sezione simile mostra Erath che ruota al passaggio del mouse. Altri includono esempi animati di lavoro, progetti mostrati da un'angolazione, icone extra-large e un blog in stile che utilizza i colori del marchio.

Visita il sito web

4. Festival del respiro

Questo sito è stato presentato da Radko Sedlak. Utilizza una combinazione di colori scuri con riflessi rossi e blu. La sezione dell'eroe mostra uno sfondo nero con una forma blu su un lato. Una mano rossa è posizionata al centro con un CTA sopra. Piccole linee in vero parallasse forniscono alcuni modelli visivi in ​​tutto il sito. La sezione successiva mostra un altro CTA con testo su un lato e un'immagine sull'altro. Il testo include lo sfondo a forma di blu mentre l'immagine è rossa. Il suo sfondo nero inizia a diventare blu quando una sezione di immagini in stile si collega ai post di Facebook. Include anche un CTA di acquisto, un modulo di newsletter in stile con un'immagine in parallasse e loghi bianchi dei partner. Il menu visualizza un'icona a forma di hamburger che apre il menu a schermo intero.

Visita il sito web

5. Solo mente

Questo sito è stato presentato da Chetan Gupta. Questo sito utilizza colori tenui per aiutare a informare sull'argomento e attrarre il pubblico ideale. La sezione dell'eroe mostra uno sfondo bianco con un CTA su un lato e un'immagine sull'altro lato con una forma stilizzata. Una sezione con le informazioni sui corsi viene visualizzata in due colonne con ogni colonna in un colore di sfondo diverso. Un'altra sezione di informazioni visualizza la grafica con le stesse forme di ritaglio. Una sezione con i corsi mostra un corso come una scheda con un'ombra di casella su un lato, informazioni e un pulsante sull'altro lato e il titolo in un carattere extra-large in basso. Ciascuno dei corsi ha colori diversi in un layout alternato. I blurb forniscono informazioni con icone in stile. Le informazioni sull'istruttore includono CTA e un'immagine con stile. Un modulo di iscrizione a tutta larghezza include i colori del marchio per gli elementi e la grafica.

Visita il sito web

6. Provato e vero

Questo sito è stato presentato da Mick Tilley. Utilizza molti colori vivaci in tutto il sito. La sezione degli eroi mostra due colonne. Sulla sinistra c'è un'immagine con uno sfondo blu. La destra mostra un'immagine con uno sfondo rosa e ha un CTA sopra l'immagine con uno sfondo verde che si collega alla sezione successiva, che è un CTA per avviare un progetto. Le informazioni sull'azienda includono un titolo verticale e immagini che si sovrappongono. Un'e-mail di attivazione con uno sfondo blu conduce alla sezione successiva, che mostra i servizi all'interno di blurb con grafica che utilizza i colori del marchio. Una sezione portfolio mostra gli ultimi progetti come grandi screenshot. La sezione di un cliente mostra i loghi con una testimonianza su un'immagine di sfondo. Le sezioni del blog e dei contatti includono i colori del marchio nelle immagini, nel testo e negli sfondi.

Visita il sito web

7. Mezzi di artiglieria

Questo sito è stato presentato da Siscanu Mihail. Utilizza un testo di grandi dimensioni con molto bianco e nero compensato da sezioni gialle. La sezione dell'eroe mostra un'immagine a tutta larghezza con un titolo e una tagline grandi. Ciascuna delle altre sezioni è etichettata con una descrizione e un divisore. Una dichiarazione di intenti viene visualizzata su un motivo grigio chiaro seguito da informazioni su uno sfondo nero. I servizi sono mostrati all'interno di schede che includono immagini che ingrandiscono al passaggio del mouse e grandi pulsanti gialli per vedere il servizio in dettaglio. I loghi dei clienti sono presentati in nero e grigio su uno sfondo giallo. Seguono sezioni con un modulo di contatto, il processo di lavoro e un blog, ognuna con sfondi alternati di grigio e nero. Le schede del blog legano il nero e il giallo insieme a pulsanti neri che cambiano in gialli al passaggio del mouse.

Visita il sito web

8. Da zero

Questo sito è stato presentato da Philipp Stakenborg. Ha un sacco di giallo brillante, verde, magenta come colori di marca in tutto il sito. L'intestazione mostra uno sfondo giallo e i collegamenti sono posizionati all'interno di una casella bianca, mentre il logo e i collegamenti si sovrappongono all'intestazione. La sezione degli eroi usa lo stesso giallo per lo sfondo e ha un cerchio verde su un lato. In primo piano c'è un grande titolo e uno slogan. Il testo con uno sfondo nero si trova in alto e uno sfondo bianco in basso si sovrappone all'eroe e alla sezione successiva. Un CTA viene creato con una sezione di testo che utilizza uno sfondo giallo dietro un testo grande su un lato e uno sfondo bianco sull'altro. Un design simile crea una testimonianza con una citazione più grande in alto. Blurbs con ombre scatolate nei colori del marchio mostrano i servizi. Il modulo di contatto lega il tutto con i tre colori principali. Anche il modulo della newsletter popup segue questo design.

Visita il sito web

In chiusura

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